/* 绝大多数页面都会用公共样式 */
@charset "utf-8";
:focus{outline: 0!important}
::-webkit-scrollbar{width: 4px}
::-webkit-scrollbar-thumb{background: rgba(107,115,133,1);-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2)}
::-webkit-scrollbar-thumb:window-inactive{background: rgba(0, 0, 0, 0)}
*{margin:0; padding:0;}
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a{text-decoration: none;color: #9fa0a0;}
a:hover{text-decoration:none;}
a:focus{outline:none;}
a, a:active{outline:none; cursor:pointer;}
img{ border:0;}
ul, ol{list-style: none;}
table{border-collapse: collapse;border-spacing: 0;}
.relative{position:relative}
.after:after{content: '\002';display: block;height: 0;clear: both;}
body{width: 100%;height: 100%; max-height:800px;font-size:14px;background: #efefef;font-family: "Microsoft YaHei"}

/*头部样式*/
.header{ width: 1000px; height: 89px; margin: 0 auto; clear: both;z-index: 1;}
.header .header-bg{ width: 100%; height: 89px; position: absolute; top: 0; left: 0; background: #ffffff;z-index: -1;}
.header .header-body{ width: 80%; margin: 0 auto; min-width: 1000px;}
.logo{ float:left; width: 200px; margin-top: 20px;margin-left:10px;}
.nav-tabs{width:500px;display: inline-block;}
.nav-tabs .header-tabs{ height: 60px; margin-top: 29px;float:left;position: relative;transform:translateX(-50%);left:50%;}
.nav-tabs .header-tabs li{ text-align: center; font-size: 18px; color: #fff; cursor: pointer; float: left; margin: 0 20px; }
.nav-tabs .header-tabs li a{ display: inline-block; height: 60px; +height: 56px; line-height: 60px; +line-height: 56px;color: #9fa0a0;margin: 0px 20px;}
.nav-tabs .header-tabs li a.comp.active{ border-bottom: 4px solid #ff8b18; color: #595758; cursor: pointer;font-weight: bold;}
.nav-tabs .header-tabs li a.comp:hover{border-bottom: 4px solid #ff8b18; color: #595758; cursor:pointer;font-weight: bold;}
.panel_nav{border: 1px solid #ffffff;width:108px;height:40px;color:#717171;float: right;margin-top: 40px;line-height: 40px;text-align: center;}
.panel_nav a{font-size:16px;color: #717171;}
.panel_nav .span_bar{padding-left: 10px;padding-right: 10px;color: #717171;}
.pers .quit{ background:#efefef; height: auto; line-height: normal; font-size: 14px; padding: 5px 15px; margin-top: 16px;color: #717171;position: relative;top: -26px;}
.pers{ float:right; display: inline-block;margin-top:35px;position: relative;}
.pers .personalImg{width: 35px;height: 35px;position: relative;top: 5px;margin-right: 5px;border-radius: 18px;-webkit-border-radius: 18px;-moz-border-radius: 18px;}
.pers .phone{color:#717171;font-size:16px;margin-right:20px;top: -5px;position: relative;}
.pers .show_account_banner{display: inline-block;width:184px;cursor: pointer;height: 55px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pers .side_nav{position:absolute; width:184px; top: 54px; z-index:9994;padding-top:5px;background: #ffffff;display: none;border-top: solid 1px #dcdddd;}
.pers .side_nav ul{margin-bottom: 0px;}
.pers .side_nav ul li{height: 35px;line-height: 35px;margin-left: 60px;}
.pers .side_nav ul li a{display: inline-block;width:100%;color:#9fa0a0;}
.pers .side_nav .setup_nav{background: url(../images/login/setup_img.png);width:18px;height:18px;display: inline-block;position: relative;top: 3px;right:30px; background-position: -2px -6px;}
.pers .side_nav .logout_nav{background: url(../images/login/setup_img.png);width:18px;height:18px;display: inline-block;position: relative;top: 3px;right:30px; background-position: -2px 22px;}
.pers:hover .side_nav{display: block;}

/*中间样式*/
.main{min-height: 550px;width:100%;}
/*底部样式*/
.foot-wrapper{ width: 100%;height: 60px; background: #313a41;margin-top:200px;}
.footer{ width:1000px;margin: 0 auto; clear: both; color: #adb0b5;}
.tel{ float: right; font-size: 16px; padding-top: 15px;margin-right: 50px;}
.tel p{ padding: 0 0; +padding: 0; clear: both; text-align: right;}
.tel img{ vertical-align: middle;}
.tel span{ display: inline-block; font-size: 24px; color: #01ddfd;font-weight: bold; height: 30px; line-height: 30px; vertical-align: middle; position: relative;top: -3px;}
.copyright{padding-top: 18px; float: left; font-size:14px;margin-left:10px;}
.tel .tel_img{display: inline-block; width: 20px; height: 20px; position:relative; margin-right:10px;background: url(../images/login/contactWay.png) no-repeat;background-position: -32px 0px;}

/*修改表单提示placeholder的颜色*/
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #DBDBDB;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #999;
}

/*css3loading*/
.loading{
    text-align: center;
    margin:0;
    color:#333;
    font-size: 14px;
    padding-bottom: 8%;
    overflow: hidden;
}
.load3{
    width: 60px;
    height: 60px;
    position: relative;
    margin:8% auto 10px;
}
.double-bounce1, .double-bounce2{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: bounce 2.0s infinite ease-in-out;
    animation: bounce 2.0s infinite ease-in-out;
}
.double-bounce1, .double-bounce2{
    background-color: #22A1CF;
}
.double-bounce2{
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}
@-webkit-keyframes bounce{
    0%, 100%{
        -webkit-transform: scale(0.0)
    }
    50%{
        -webkit-transform: scale(1.0)
    }
}
@keyframes bounce{
    0%, 100%{
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    50%{
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}
.load8 {
    width: 20px;
    height: 20px;
    position: relative;
    margin-top:4px;
}
.container1 > div, .container2 > div, .container3 > div {
    width: 6px;
    height: 6px;
    background-color: #4BB9EB;
    border-radius: 100%;
    position: absolute;
    -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
    animation: bouncedelay 1.2s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.load8 .load8-container {
    position: absolute;
    width: 100%;
    height: 100%;
}