/**
 * @author:yuqinhan
 * @time:2016-09
 */
/*ͨÓÃ*/
html{height:100%;}
body{font-size:14px;font-family:"Microsoft YaHei","SimSun",Tahoma,sans-serif;margin: 0;padding: 0;height:100%;}
img{border:0;vertical-align:middle;max-width: 100% !important}
a{text-decoration:none;outline: none;}
a:hover{text-decoration:underline;}
button:focus{outline: none !important;}
table{border-spacing: 0;border-collapse:collapse;}
h3,h4{font-size: 14px;}
div,ul,h3,h4,p,table,iframe{margin: 0;padding: 0;}
li{list-style: none;}
.left{float: left;}
.right{float: right;}
.clear{clear: both;}

/*top*/
#top{width: 100%;height: 82px;}
#top .topnav{width: 100%;height: 28px;line-height: 28px;margin-right: 30px;display: block;background: #F8F8F8;}
#top .topnav .right{margin-right: 30px;}
#top .topnav .right a{margin-right: 10px;color: #000;}
#top .topnav .right span{font-size: 14px;color: #333;/* color: #1A5488; */}
#top .topnav .right a:focus{outline: none;}
#top .wrap{width: 100%;height: 54px;background: #2770E9;margin: 0 auto;}
#top .wrap .banner img{margin: 5px 5%;}
#bg { position: fixed; top: 0; left: 0;z-index:-1;}
.bgwidth { width: 100%; }
.bgheight { height: 100%;}
.iframe{width: 100%;height: 100%;position: absolute;top: 82px;bottom: 0;}
iframe{height: 100%;}

/*login-box*/
.content{width: 100%;height:100%;min-height: 550px;position: relative;background-size:cover;}
.content .con-center{position: absolute;width: 500px;height: 570px;left: 50%;top: 50%;margin-top: -330px;margin-left: -250px;}
.content .type{width: 489px;height: 94px;margin: 0 auto;}
.content .type ul{padding: 0 62px;}
.content .type li{width: 120px;height: 30px;line-height: 30px;float: left;margin: 45px auto 15px;background: #9DA9B7;text-align: center;}
.content .type .company{border-top-left-radius: 15px;border-bottom-left-radius: 15px;}
.content .type .person{border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
.content .type .swdlr{border-top-right-radius: 15px;border-bottom-right-radius: 15px;}

.content .type .active{background: #606F7F;}
.content .type li a{color: #FFF;text-decoration: none;font-weight: bold;}
.content .type li a:focus{outline: none;}
.content .login-box { width:488px; min-height: 325px; margin:0px auto; }

.content .login-box .tabs{height: 44px;}
.content .login-box .tabs li{width: 158px;height:32px;line-height:30px;float: left;text-align: center;background: #FBFCFE;margin-top: 12px;position: relative;}
.content .login-box .tabs .active{background: #5D92CE;height:41px;margin-top: 3px;width: 172px;line-height: 41px;}
.content .login-box .tabs li .triangle{width: 0;height: 0;border-bottom: 10px solid #5d92ce;border-right: 10px solid transparent;position: absolute;top: 0px;right: -10px;}
.content .login-box .tabs .active a{color:#FFF;}
.content .login-box .tabs li a{text-decoration: none;color: #292C2F;font-size: 14px;font-weight: bold;}
.content .login-box .tabs li a:focus{outline: none;}

.content .login-box .tab-box{min-height: 290px;background:#F2F6FA; opacity:0.9;}
.content .login-box .tab-box .login-form{padding: 20px 30px}
.content .login-box .tab-box .login-form a:focus{outline: none;}
.content .login-box .tab-box .login-form button:focus{outline: none;}
.content .login-box .tab-box .login-form .usb p{text-align: center;font-size: 16px;}
.content .login-box .tab-box .form-group{height: 30px;margin-top: 5px;}
.content .login-box .tab-box .form-group label{float: left;text-align: right;width:121px;height: 32px;line-height: 32px;text-decoration: none; color: #000;font-size: 14px;cursor: default;font-weight: normal;}
.content .login-box .tab-box .form-group label span{color: red;}
.content .login-box .tab-box .form-group input{float: right;width: 305px;height: 32px;}
.content .login-box .tab-box .form-group .control{color: #555;background: #FFF;border: 1px solid #CCC;}
.content .login-box .tab-box .form-group .psw{width: 180px;margin-right: 35px;height:32px;float: right;padding:1px;border:1px solid #ccc;border-radius:4px;}
.content .login-box .tab-box .form-group .psw:focus{border-color:#66afe9;outline:0;}
.content .login-box .tab-box .form-group .pswFirefox{width: 180px;margin-right: 35px;height:35px;float: right;padding:2px 1px;border:1px solid #ccc;border-radius:4px;}
.content .login-box .tab-box .form-group .pswFirefox:focus{border-color:#66afe9;outline:0;}
.content .login-box .tab-box .form-group .psw2{width: 180px;margin-right: 5px;}
.content .login-box .tab-box .form-group .forgetpsw{float: right;width: 80px;margin-right:10px;text-align: center;color: #436489;height: 32px;line-height: 32px;}
.content .login-box .tab-box .form-group .dxx_ts{position:absolute; float: right;text-align: center;color: #FF0000;margin-left: 0px;margin-top:28px; line-height: 26px;z-index: 110;}
.content .login-box .tab-box .form-group .getcode{float: right;width: 120px;height: 32px;line-height: 2px;border:1px solid #DDD;}
.content .login-box .tab-box .form-group .getcode:hover{border:1px solid #DDD;background:-moz-linear-gradient(top, #EEE,#EEE);background:-webkit-gradient(linear, 0 0, 0 100%, from(#EEE), to(#EEE));color: #666;}
.content .login-box .tab-box .form-group .moblecode{width: 180px;margin-right: 5px;}
.content .login-box .tab-box .form-group .buttom{margin: 0 auto;width:100%;padding:0 10px;}
.content .login-box .tab-box .form-group .login1{width: 90px;height: 40px;line-height: 16px;float: left;margin: 8px;font-size: 14px;cursor: pointer;}
.content .login-box .tab-box .form-group .btn-link{color: #141517;}
.content .login-box .tab-box .form-group .btn1{border:1px solid #4281C6;background:-moz-linear-gradient(top, #80AAD9,#4281C6);background:-webkit-gradient(linear, 0 0, 0 100%, from(#80AAD9), to(#4281C6));color: #FFF;}
.content .login-box .tab-box .form-group .btn2{border:1px solid #DDD;background:-moz-linear-gradient(top, #FFF,#EEE);background:-webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#EEE));color: #666;}

.content .login-box .tab-box .form-group .help{height: 30px;line-height: 30px;text-align: center;}

/*pic*/
.content .pic{width: 600px;height: 100px;margin: 30px auto;}
.content .pic li{float: left;margin-right: 20px;width: 86px;text-align: center;}
.content .pic li p{color: #DEDEDE;}
.content .pic li a:focus{outline: none;}
.content .pic li a:hover{text-decoration: none;}
.content .pic .end{margin-right: 0px;}

/*calender*/
.content .calender{position: absolute;height: 370px;width: 100px;right: 0;top: 50%;border: 1px solid #FFF;border-right: 0px;margin-top: -235px;}
.content .calender ul{padding: 10px 0;}
.content .calender li{height: 82px;width: 100px;text-align: center;margin-top: 5px;}
.content .calender li a:focus{outline: none;}
.content .calender li .first{background: #5D92CE}
.content .calender li p{height: 22px;line-height: 22px;text-align: center;font-size: 12px;color: #000;}

/*tzgg*/
.content .tzgg{display: none;}
.content .tzgg .bot{display: block;border-width: 10px;position: absolute;left: 245px;bottom: 110px;border-style: dashed dashed dashed solid;border-color: transparent transparent transparent #FBFCFE;font-size: 0;line-height: 0;}

/*wechat*/
.content .wechat{display: none;}
.content .wechat span{position: absolute;top: 2px;right: 3px;color: #F00;cursor: pointer;}
.content .wechat .bot{display: block;border-width: 10px;position: absolute;left: 210px;bottom: 85px;border-style: dashed dashed dashed solid;border-color: transparent transparent transparent #FBFCFE;font-size: 0;line-height: 0;}

/*mobile*/
.content .mobile{display: none;}
.content .mobile span{position: absolute;top: 3px;right: 5px;color: #F00;cursor: pointer;}
.content .mobile .bot{display: block;border-width: 10px;position: absolute;left: 200px;bottom: 35px;border-style: dashed dashed dashed solid;border-color: transparent transparent transparent #FBFCFE;font-size: 0;line-height: 0;}

.content .tzgg_active{display:block;position: absolute;width: 245px;right: 140px;top: 106px;background: #FBFCFE;opacity:0.8;}
.content .tzgg_active h3{height: 28px;line-height: 28px;padding-left: 10px;}
.content .tzgg_active ul{padding: 0 10px 10px;}
.content .tzgg_active li{line-height: 26px;cursor: pointer;}
.content .tzgg_active li a{text-decoration: none;margin-left:5px;}

.content .wechat_active{display:block;position: absolute;width: 210px;right: 140px;top: 50%;margin-top:-120px;background: #FBFCFE;opacity:0.8;}

.content .mobile_active{display:block;position: absolute;width: 200px;height:400px;padding:10px;right: 140px;top: 50%;margin-top:-280px;background: #FBFCFE;opacity:0.8;}

/*qfgg*/
.content .qfgg{display: none;}
.content .qfgg_active{display:block;position: absolute;width: 150px;height:88px;padding:5px;right: -180px;top: 20px;margin-top:440px;background: #FBFCFE;opacity:0.8;border-radius:6px}

/*jjtz*/
.content .jjtz{width: 300px;height: 200px;position: absolute;left: 5%;top: 50%;background: #fcf8e3;margin-top: -192px;}
.content .jjtz h3{height: 30px;line-height: 30px;border-bottom: 1px solid #FFF;padding-left: 20px;color: #c09853;}
.content .jjtz h3 span{padding-left: 10px;}
.content .jjtz .jjtz_txt{padding: 10px;}
.content .jjtz .jjtz_txt .jjtz_over{height: 120px;overflow: auto;}
.content .jjtz .jjtz_txt p{text-indent: 2em;color: #c09853;}
.content .jjtz .jjtz_time{float: right;color: #c09853;}

/*footer*/
.content .footer{width: 100%;position: absolute;bottom: 5px;}
.content .footer p{color: #DEDEDE;font-size: 14px;/*text-align: center;*/}

.ocx_style {width: 180px; border: 1px solid #CCCDCF; height: 32px; font-size: 14px; line-height: 26px; color: #666666; margin-right: 35px;float: right;border-radius:4px;}
.loginInput {width:90%; border: 1px solid #006699; height: 20px; font-size: 14px; line-height: 20px; color: #666666; margin-left: 0px;ime-mode:disabled;}
.wtdzPsw{width: 50%;margin-right: 15px;}