﻿.header_top {
 height: 48px;
 background: #264658;
 color: #fff;
}

.header_top a {
 color: #fff;
}

.header .logo {
 margin-top: 20px;
}
ul.depLink li{
 float: left;
 /* width: 127px; */
 text-align: center;
 height: 48px;
 line-height: 48px;
 border-right: 1px solid #ddd;
}
ul.depLink li a{
 display: block;
 font-size: 14px;
 padding: 0 12px;
}
ul.depLink li:nth-child(1){
 border-left: 1px solid #ddd;
}
.searchtxt {
 width: 177px;
 height: 30px;
 border: 1px solid #fff;
 border-radius: 15px;
 background-color: transparent;
 box-sizing: border-box;
 padding: 0 10px;
 font-size: 12px;
 color: #fff;
 opacity: 0.5;
}
.searchtxt:focus{
 color: #fff;
 opacity: 1;
 border-color: #fff !important;
}
.searchtxt::placeholder {
 color: #fff;
}

input:-webkit-autofill {
 outline: none;
}

.searchbtn {
 width: 14px;
 height: 14px;
 border: none;
 background: url(/Content/Areas/Common/images/common/searchBtn.png) no-repeat center center;
 position: absolute;
 right: 12px;
 top: 50%;
 margin-top: -7px;
}

.search_box {
 position: relative;
 margin-top: 8px;
}

.search_box .lines {
 width: 1px;
 height: 10px;
 background: #93A0A8;
 position: absolute;
 top: 50%;
 margin-top: -5px;
 right: 36px;
}

.topLink {
 overflow: hidden;
 margin-top: 15px;
}

.topLink li {
 float: left;
 display: flex;
 align-items: center;
 margin-right: 12px;
}

.topLink li img {
 margin-right: 5px;
}

.topLink li a,
.topLink li span {
 font-size: 12px;
}

.topLink li a.User {
 margin: 0 5px;
}

.EwmBox {
 margin-right: 15px;
 margin-top: 12px;
}

.EwmBox li {
 float: left;
 margin-right: 10px;
 position: relative;
}

.EwmBox li img.ewmFimg {
 cursor: pointer;
}

.EwmBox li b {
 display: block;
 width: 16px;
 height: 16px;
 background: #fff;
 border-radius: 5px;
 transform: rotate(45deg);
 position: absolute;
 top: 30px;
 left: 50%;
 margin-left: -8px;
 opacity: 0;
 z-index: 10;
}

.EwmBox li img.ewmCimg {
 width: 130px;
 height: 130px;
 position: absolute;
 left: 50%;
 padding: 8px;
 background: #fff;
 border-radius: 10px;
 margin-left: -75px;
 top: 36px;
 box-shadow: 0px 0px 10px #534e4e;
 opacity: 0;
 visibility: hidden;
 z-index: 10;
 transition: all 0.2s;
}

.EwmBox li img.showEwm,
.EwmBox li b.showEwm {
 opacity: 1;
 visibility: visible;
}

.header-bottom {
 height: 122px;
 background: #FAF7F1;
}

@media only screen and (max-width:768px) {
 .header_top {
 display: none;
 }
 .inner {
 width: 100%;
 }
 .header-bottom {
 height: 1.22rem;
 }
 .header .logo {
 width: 2.84rem;
 margin: 0.24rem 0 0.24rem 0.4rem;
 }
 .header .logo img {
 width: 100%;
 }
 .search_con form .searchbtn {
 margin-top: -13px;
 right: 37px;
 }
}   