html{height:100%}
body{height:100%;font-size:14px;font-family:"Microsoft YaHei",SimSun,Arial;}
input:-webkit-autofill {background-color: #fff !important;background-image: none;color: #333;}
input{background:none; outline:none; border:1px solid #ccc;}
input:focus{border:none;}
a{color:#1F531A;text-decoration:underline}
a:hover{color:red;text-decoration:none;text-decoration:underline}

#oldLoginBox {width: 100%; height: 100%; background-image: url(images/tryBg3.jpg); background-repeat:no-repeat; background-size:cover;}
.tryBox{margin:0 auto;width:900px;}
.tryBox .tryTitle{font-size:58px;color:#fff;font-weight:bold;text-align:center;padding-bottom:20px;text-shadow:2px 3px 3px #333;}
.tryBox .loginLogoBox{float:left;width: 560px;height:404px;line-height:404px;text-align:center; display: -webkit-box;-webkit-box-orient: horizontal;-webkit-box-pack: center;-webkit-box-align: center;display: -moz-box;-moz-box-orient: horizontal;-moz-box-pack: center;-moz-box-align: center;display: -o-box;-o-box-orient: horizontal;-o-box-pack: center;-o-box-align: center;display: -ms-box;-ms-box-orient: horizontal;-ms-box-pack: center;-ms-box-align: center;display: box;box-orient: horizontal;box-pack: center;box-align: center;}
.tryBox .loginLogoBox img{max-width: 100%;max-height:100%;}
.tryBox .tryContent{position:relative;width:900px;height:534px;}
.tryBox .tryOpacity{width:100%;height:424px;background: #fff;opacity:0.2;font-size:20px; font-weight: normal;color:#333; z-index: 10; }
.tryBox .tryBg{width:880px;height:404px;margin:10px;position: absolute;background: #fff; z-index: 30;}
.tryBox .tryTable{float:right;margin:20px 16px;}
.tryTable h3{margin-top:10px;height:38px; line-height: 38px;font-size:20px; font-weight: normal;color:#333;}
.tryTable .login-centent-input{margin:20px auto;width:280px;}
.tryTable .input-group-addon{height:42px;*height:30px;width:40px;*width:20px;line-height:28px;background:#fff;color:#888;float:left;}
.tryTable .form-control{height:42px;*height:30px;line-height:30px;width:240px;*width:210px;border:1px solid #ddd;border-left:none;float:left;}
.tryTable .loginBtn{padding:0;width:280px;height:42px;border:1px solid #2179bf;background:#1083d3;color:#fff;font-size:18px;cursor:pointer;border-radius:3px;box-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
.tryTable .loginBtn:hover{background:#2179bf}

.msg{width:353px;color:red;text-align:center;font-size:14px;position: absolute;z-index: 20;bottom: 0px;right: 10px;}
.loginBottom{width:100%;}
.loginBottom .bottomCont{width:900px;margin:0 auto;line-height:32px;color:#fff;font-size:16px;text-align:center;}
.loginBottom .bottomCont a{color:#fff;text-decoration:none;}
.loginBottom .bottomCont a:hover{text-decoration:underline;}

.successfulTry{color:#23bc00;font-size:26px;line-height:32px}
.rememberTry{font-size:18px}
.loginInformation,.webTry{font-size:14px;line-height:32px}
.login{position:absolute;top:50%;margin:-350px 0 0 0;width:100%;height:700px}
.login-bottom,.login-top{margin:auto;width:900px;height:50px}
.login-top-logo{float:left;margin-top:20px;width:520px;height:24px;letter-spacing:2px;font-weight:700;font-size:18px}
.login-top-help{float:right;margin-top:25px;margin-right:30px}
.login-bottom{text-align:center}
.login-center{height:600px}
.login-content{margin:auto;width:900px;height:600px;background-repeat:no-repeat}
.login-content-inputcontent{float:right;overflow:hidden;margin-top:70px;margin-right:20px;width:320px;height:450px;border-radius:8px;background-image:url(images/transcolor-bg.png);box-shadow:#EBEBEB 0 0 5px}
.login-centent-title{height:48px;background-image:url(images/title-bg.png);text-indent:10px;font-size:16px;line-height:47px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#CCC}

.login-centent-input input[type=submit]{width:100px;height:35px;border:solid 1px #CCC;border-radius:4px;background-color:transparent;background-image:url(images/button-bg.png);background-position:0 0;font-size:14px;line-height:33px;cursor:pointer}
.login-centent-input input[type=submit]:hover{border:solid 1px #2C63B6;background-position:0 -150px;font-weight:700}
.login-centent-input .vcode{width: 184px; margin-right: 10px; float: left; border-left: 1px solid #ddd;}
.login-centent-input .VerificationCode {width: 86px; height: 42px;float: left; cursor: pointer;}
.login-weixin{padding:20px;background-image:url(images/weixin-bg.png);background-repeat:repeat-x}
.login-weixin li{margin-bottom:10px;margin-left:5px}

#newsLoginBox {display: none;}
.newsTryBox {width: 100%; height: auto;}
.newsTryBox .head-box {width: 100%; height: auto; background-color: #fff; box-shadow: 0px 2px 10px 0px rgba(170, 170, 170, 0.39);}
.newsTryBox .head-content {width: 1100px; height: 70px; margin: auto; font-size: 0; padding: 15px 0; display: flex; align-items: center;}
.newsTryBox .loginLogoBox {height: 40px; width: auto; display: inline-block;}
.newsTryBox .loginLogoBox img {height: 100%; width: auto;}
.newsTryBox .tryTitle {display: inline-block; font-size: 20px; color: #333;}
.newsTryBox .head-content .line {display: inline-block; width: 1px; height: 33px; background: #eee; margin-left: 15px; margin-right: 13px;}
.newsTryBox .body-box {width: 1010px; height: 600px; margin: 100px auto 0 auto; font-size: 0; background-color: #fff; border-radius: 0px 4px 4px 0px;}
.newsTryBox .tryBg {display: inline-block; width: 450px; height: 100%; position: relative;}
.newsTryBox .tryBg img {max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.newsTryBox .tryContent {display: inline-block; width: 560px; height: 100%; position: relative; font-size: 0;}
.newsTryBox .tryContent .tryTable {width: 375px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.newsTryBox .tryContent .tryTable .content-title {font-size: 28px; color: #333; margin-top: 0; margin-bottom: 4px; height: auto; line-height: unset;}
.newsTryBox .tryContent .tryTable .content-desc {font-size: 14px; color: #a1aac0; margin-bottom: 39px;}
.newsTryBox .tryContent .tryTable .login-centent-input {margin: 0; width: 100%; background-color: #fff;}
.newsTryBox .tryContent .tryTable .login-centent-input .input-group {margin-bottom: 20px; border-radius: 4px; border: solid 1px #d7dce8;}
.newsTryBox .tryContent .tryTable .login-centent-input .input-group.vcodeBox{border: unset; border-radius: unset;}
.newsTryBox .tryContent .tryTable .input-group-addon {width: 46px; height: 46px; border: unset; border-radius: unset; box-shadow: unset; background-color:transparent; background-image:url(images/icon.png); background-position:0 0; background-repeat: no-repeat;}
.newsTryBox .tryContent .tryTable .input-group-addon.input-user {background-position:0 -3px;}
.newsTryBox .tryContent .tryTable .input-group-addon.input-lock {background-position: 0px -49px;}
.newsTryBox .tryContent .tryTable .input-group-addon.input-link {background-position: 0px -92px;}
.newsTryBox .tryContent .tryTable .input-group-addon.input-vcode {background-position: 0px -138px;}
.newsTryBox .tryContent .tryTable .input-group-addon.input-hide {background-position: 0px -183px; cursor: pointer;}
.newsTryBox .tryContent .tryTable .input-group-addon.input-show {background-position: 0px -229px; cursor: pointer;}
.newsTryBox .tryContent .tryTable .form-control {width: 327px; height: 46px; padding: 16px 0; border: unset; border-radius: unset; box-shadow: unset;}
.newsTryBox .tryContent .tryTable .form-control.password {width: 281px;}
.newsTryBox .tryContent .tryTable .vcodeBox .input-group {display: inline-block;}
.newsTryBox .tryContent .tryTable .vcodeBox .form-control {width: 212px; margin-right: 0px;}
.newsTryBox .tryContent .tryTable .login-centent-input .VerificationCode {margin-left: 12px; width: 103px; height: 48px; float: right;}
.newsTryBox .tryContent .tryTable .loginBtn {width: 100%; height: 50px; background-color: #0078ff; border-radius: 4px; border: solid 1px #d9d9d9; box-shadow: unset;}
.newsTryBox .loginBottom {height: 100px; display: flex; align-items: center; position: absolute; bottom: 0;}
.newsTryBox .bottomCont {width: 1010px;}
.newsTryBox .bottomCont, .newsTryBox .bottomCont a {color: #999; line-height: 20px; font-size: 14px;}
.newsTryBox .errorMsg {display: none; width: 100%; min-height: 30px; background: rgba(255, 45, 29, 0.1); border-radius: 4px; margin-bottom: 14px; align-items: center; position: relative;padding: 8px 8px 8px 20px;}
.newsTryBox .errorIcon {float: left; background: url(images/icon-warn.png) no-repeat; width: 14px; height: 14px; position: absolute; top: 9px; left: 20px;}
.newsTryBox .errorMsg .msg {width: auto; height: auto; font-size: 12px; color: #ff2d1d; position: unset; margin-left: 24px; text-align: left;}

@media screen and (max-height:850px){
    .newsTryBox .loginBottom {position: unset; margin-top: 50px;}
}

@media screen and (max-width:960px){
    .login-content-inputcontent{float:left;margin-left:10px}
}
@media screen and (max-height:700px){
    .login{position:absolute;top:0;margin:auto;width:100%;height:700px}
}

/* ��������ʾ����ʽ */
.banbenDialog.modal{margin:0 auto;width:634px;top:100px;padding:0;}
.banbenDialog.modal .modal-body{padding:0;}
.banbenDialog.modal .modal-dialog{margin:0;}
.banbenDialog .frame { width:100%;margin:0; padding:0; font-size:14px; color:#b3b3b3;}
.banbenDialog .frame *{ margin:0 ; padding:0; border:0;}
.banbenDialog .frame li{ list-style:none; }
.banbenDialog .frame a{ text-decoration:none;}
.banbenDialog .frame img{border: 0px; margin: 0px; padding: 0px;}
.banbenDialog .frame ul{margin: 0px; padding: 0px;}
.banbenDialog .frame .c{clear:both;font-size:0;line-height:0;height:0;visibility:visible;}
.banbenDialog .frame a:link{color:#b3b3b3;text-decoration:none;}
.banbenDialog .frame a:visited{color:#b3b3b3;text-decoration:none;}
.banbenDialog .frame a:hover{color:#b3b3b3;text-decoration:none;}
.banbenDialog .frame a:active{color:#b3b3b3;text-decoration:underline;}
.banbenDialog .frame .o_frame{border:1px solid #dbdada; width:640px;margin:0 auto; overflow:hidden;background: #fff;}
.banbenDialog .frame .frame_t,.frame_b{width:630px;overflow: hidden;}
.banbenDialog .frame .frame_c{height:120px;margin:50px 0;}
.banbenDialog .frame .frame_c img{ width:295px; height:119px;float:right;margin-right:20px;}
.banbenDialog .frame .frame_t{background:#f9f9f9;}
.banbenDialog .frame .frame_twz{height:40px;line-height:40px; margin-left:10px;color:#3d3d3d;float:left;}
.banbenDialog .frame .frame_cwz{ font-size:19px;color:#3d3d3d;width:40%;height:28px;line-height:28px;margin-left:20px;float: left;}
.banbenDialog .frame .frame_c .frame_cwz b{font-size:16px;color:#ff8800; font-weight:normal;height:26px;line-height:26px; padding-top:8px;display: block;}
.banbenDialog .frame .close{ background:url(/upbrowser/share/clear_closed.png) no-repeat 0 0;width:11px;height:11px; float:right;margin-right: 14px;margin-top: 15px;float:right;}
.banbenDialog .frame .close:hover{ background:url(/upbrowser/share/clear_closed.png) no-repeat 0 0;cursor:pointer;}
.banbenDialog .frame .frame_b{background:#f9f9f9;}
.banbenDialog .frame .frame_b p{height:54px;line-height:54px;margin-left:10px;}
.banbenDialog .frame .frame_b p a:hover{color:#ff8800;}