@charset "UTF-8";
.top-box {background: #fafafa;border-bottom: 1px solid #dfdfdf;position: relative;z-index: 9999;overflow: hidden;line-height: 37px;}
.sign-user{float: left;}
.sign-right{float: right;cursor: pointer;margin-left: 10px;}
.sign-right span{font-size: 18px;font-weight: bold;color: #ff4d88;margin-left: 10px;}
.bg-logo{margin: 41px 0;overflow: hidden;}
.bg-logo .container > div{overflow: hidden}
.logo{float: left;overflow: hidden;width: 300px;height: 62px;}
.logo img{width: 100%;height: 100%;}
.ym-search{width: 565px;float: left;margin-left: calc(50% - 541px);padding: 10px 0;}
.ym-search .search-box{overflow: hidden;float: left;width: calc(100% - 116px);}
.ym-search .search-box .search{width: calc(100% - 61px);box-sizing:border-box;display: block;float: left;outline: none;font-size: 12px;padding: 0 6px;color: #999;border: 1px solid #ff4d88;border-radius: 5px 0 0 5px;line-height: 38px;height: 38px;}
.ym-search .search-box .search-btn {border: none; display: block;float: left;box-sizing:border-box;width: 61px;line-height: 36px;text-align: center;color: #fff;font-size: 14px;background: #ff4d88;border-radius: 0 5px 5px 0;}
.kefu{float: right;}
.kefu a{display: block;line-height: 38px;background: #000;text-align: center;color: #fff;padding: 0 20px;border-radius: 5px;font-size: 16px;}
.topr{float: right;overflow: hidden}
.topr a {float: right;height: 66px;text-align: center;line-height: 30px;color: #000;margin-left: 10px;display: block;}
.topr a img{display: block;height: 32px;width: 32px; text-align: center;margin: 0 auto;}
.nav {background: #ff4d88;margin-bottom: 30px;}
.nav li{width: 10%;float: left;}
.nav li a{display: block;font-size: 16px;text-align: center;line-height: 50px;color: #fff;width: 100%;}
.nav li.active a{ background: #fff; color: #ff4d88;}