@charset "gbk";
/* 服务商城201701版本公共头部样式 */

/*通用*/
body {font:12px/1.5 "微软雅黑",arial,'Hiragino Sans GB',Microsoft Yahei,sans-serif; color:#333; background-color:#fff;}
a, a:link, a:visited {color:#333; text-decoration:none;}
a:hover {color:#dd2828; text-decoration:none;}
a:active {color:#666;}
.shop-container {width:1200px; margin:0 auto;}

/*公用头部*/
.shop-header, .shop-header-top {width:100%;}
.shop-header-top {height:30px; border-bottom:1px solid #e5e5e5; background:#f2f2f2;}
.shop-header-top, .shop-header-top a, .shop-header-top a:link {color:#999;}
.shop-header-top a:hover {color:#dd2828;text-decoration: underline;}
ul.shop-header-top-nav {padding-top:8px;}
ul.shop-header-top-nav li {height:14px; line-height:14px; border-right:1px solid #999; padding:0 15px; float:left; position:relative;}
ul.shop-header-top-nav li.hover-box {width:46px;}
ul.shop-header-top-nav li span {display:inline-block; height:30px; line-height:30px; top:-8px; border-left:1px solid #f2f2f2; border-right:1px solid #f2f2f2; position:absolute; z-index:10002;}
ul.shop-header-top-nav li span.city {left:0; width:47px; padding-left:22px; background:url(../../images/shop201701/icon_index.png) no-repeat -10px -1px;}
ul.shop-header-top-nav li span.app {right:6px; width:52px; padding-left:8px; background:url(../../images/shop201701/icon_index.png) no-repeat -58px -1px; cursor:pointer;}
ul.shop-header-top-nav li.end {border-right:none;}
ul.shop-header-top-nav li span.app:hover, ul.shop-header-top-nav li span.hover {border-color:#c3c3c3; background-color:#fff; border-bottom:1px solid #fff;}
.shop-logo {height:76px; padding-top:24px;}
.shop-top-ad {position: relative;padding-top:46px;}
.shop-top-ad .search-icon {position: absolute;left: 0;bottom: 0;display: block;width: 40px;height: 40px;background: url(../../images/shop201701/search.png) center center no-repeat;}
.shop-top-ad .search-input {box-sizing: border-box;padding-left: 40px;height: 40px;width: 360px;border: 1px solid #dd2828;vertical-align: middle;outline: none;}
.shop-top-ad .search-input::placeholder {color: #999;}
.shop-top-ad .search-btn {width: 80px;height: 40px;font-size: 14px;color: #fff;background: #DD2828;border: 1px solid #DD2828;vertical-align: middle;}
.shop-top-ad .search-btn:hover {background: #b90000;border-color: #b90000}
.shop-city-box, .shop-app-box {position:absolute; top:22px; border:1px solid #c3c3c3; background:#fff; display:none; z-index:10001;}
.shop-city-box {width:230px; padding:10px 0; left:0;}
.shop-city-box a {display:inline-block; padding:8px 20px;}
.shop-city-box a.current {color:#dd2828;}
.shop-app-box {right:6px; width:101px; border:1px solid #c3c3c3; padding:12px;}
.shop-app-box p {text-align:center; color:#666; padding-top:3px;}
/*地市公用*/
.shop-sub-header.shop-header{border-bottom: 2px solid #DD2828;}
.shop-sub-logo {width: 200px;height: 110px;text-align: center;}
.shop-sub-logo img{display: block;margin-left: -7px;}
.shop-top-sub-t {padding: 22px 0;width: 1000px;text-align: right;}
.shop-top-sub-b ul{padding: 0 15px;}
.shop-top-sub-b ul li{position: relative;float: left;}
.shop-top-sub-b ul li a{display: block;height: 32px;line-height: 32px;padding: 0 15px;font-size: 16px;}
.shop-top-sub-b ul li a:hover,.shop-top-ad-b ul li a.current{color: #DD2828;}
.shop-top-sub-b ul li a img{position: absolute;right: 0;top: -6px;display: block;}
.shop-top-sub-b div{height: 32px;line-height: 32px;font-size: 16px;}
.shop-top-sub-b div i{display: inline-block;width: 12px;height: 22px;background: url(../../images/shop201701/scds_icon.png) -92px 0 no-repeat;vertical-align: sub;margin: 0 5px;}