/* openi header 4am 20190304*/
@font-face {
  font-family: 'FontAwesome';
  src: url('https://www.openi.org.cn/statics/openi/fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('https://www.openi.org.cn/statics/openi/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('https://www.openi.org.cn/statics/openi/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('https://www.openi.org.cn/statics/openi/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('https://www.openi.org.cn/statics/openi/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/* openi header 4am 20190304*/
.openi-header{ color:#222; font:15px/1.8 "Microsoft YaHei", Arial, "FontAwesome"; width:100%; height:82px; position:fixed; top:0; padding:10px 0; background:rgba(255,255,255,.95); border-bottom: 1px solid #efefef; box-shadow: 0 0 8px #ccc; -webkit-box-shadow: 0 0 8px #ccc; -moz-box-shadow: 0 0 8px #ccc; -webkit-box-sizing: border-box; box-sizing: border-box; z-index:999}

.openi-header .openi-logo{ margin:0;}
.openi-header .openi-logo img{ width:200px;}
.openi-header a { color: #222; text-decoration: none;}
.openi-btn-login{ 
	display: inline-block;
    margin-bottom: 0;
    padding: 0px 15px;
    vertical-align: middle;
    font-size: 16px;
    font-weight: normal;
    line-height: 35px;
    height: 37px;
    text-align: center;
    white-space: nowrap;
    background-image: none;
    border: 1px solid transparent;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: background-color 300ms ease-out, border-color 300ms ease-out;
    transition: background-color 300ms ease-out, border-color 300ms ease-out;
	border-radius: 2px;
	background-color: #5170ff;
	color: #fff !important;
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}
.openi-btn-login:hover,
.openi-btn-login:focus,
.openi-btn-login:active{
	background-color: #405dff;
}
@media only screen and (max-width: 640px){
body{ padding-top:0 !important;}
}
@media only screen and (min-width: 641px){
body{ padding-top:82px !important;}
.openi-header .openi-container{width:1200px; margin:auto; height:62px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.openi-header .openi-logo{ float:left; width:260px; height:62px;}
.openi-header .openi-nav{ float:left; margin:14px 0 0;}
.openi-header .openi-topbar-right{ float:right; height:62px; padding:14px 15px 0 30px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.openi-header .openi-nav li{ list-style:none;padding:0; margin:0;}
.openi-header .openi-nav li a{ display:block; text-align:center; white-space: nowrap; -webkit-box-sizing: border-box; box-sizing: border-box;}
.openi-header .openi-nav > li{ float:left;
	height:37px;
	line-height:37px;
}
.openi-header .openi-nav > li > a{
	height:37px;
	line-height:37px;
	padding:0 20px;
}
.openi-header .openi-nav > li > a:hover,
.openi-header .openi-nav > li > a:focus,
.openi-header .openi-nav > li > a:active{
	color: #5170ff;
}
.openi-header .openi-nav > li{ position:relative;}
.openi-header .openi-nav > li ul{ 
	padding:0; margin:0;
	display: none;
	position: absolute;
	width:150px;
}
.openi-header .openi-nav > li:hover ul{ 
	display: block;
	border-top:1px solid #e5e5e5;
	-webkit-background-clip: padding-box;
    background-clip: padding-box;
	-webkit-animation-duration: .15s;
    animation-duration: .15s;
}
.openi-header .openi-nav > li ul li{ overflow:hidden; width:150px; }
.openi-header .openi-nav > li ul li a{ float:left; width:150px; font-size:14px; background:#FFF; margin:0; padding:4px 15px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;
}
.openi-header .openi-nav > li ul li:last-child a{ 
	border-radius: 0 0 5px 5px;
	border-bottom:1px solid #e5e5e5;
}
.openi-header .openi-nav > li ul li:hover a{
	background-color:#f5f5f5;
}
}

/*Trustie login*/
.pr {
        position: relative;
		list-style:none;
		padding:0 30px;
    }
    .fr {
        float: right;
    }
    .mt10 {
        margin-top: 10px!important;
    }
    .radius {
        border-radius: 50%;
    }
    .logoff .sub-menu {
        display: none;
        padding-left: 0;
        position: absolute;
        box-shadow: 0 0 7px rgba(0, 0, 0, .15);
        top: 100%;
        left: 0px;
		right:0;
        z-index: 1000!important;
        background: #fff;
        border-radius: 0 0 3px 3px;
        margin: 0;
    }
    .logoff .sub-menu .menu-item {
        min-width: 100%;
        border-top: 1px solid #eaeaea;
        position: relative;
        padding: 15px 0;
		list-style:none;
    }
    .logoff .sub-menu .menu-item a {
        display: block;
        padding: 0 20px;
    }