/* =====================
 * 表单元素格式化及伪类效果
 * ===================== */
.hn-input { font-family: Tahoma; height: 16px; line-height: 16px; background-color:#F9F9F9; padding: 1px 2px 3px 4px; border: solid 1px; border-color: #CCC #DDD #DDD #CCC; box-shadow: 2px 2px 1px 0 #E7E7E7 inset; -moz-box-shadow: 2px 2px 1px 0 #E7E7E7 inset/* if FF*/; -webkit--box-shadow: 2px 2px 1px 0 #E7E7E7 inset/* if Webkie*/;}
.hn-input:hover { background-color:#FFF;}
.hn-input:focus { background-color:#FFF; border-color: #CCC; box-shadow: 1px 1px 1px 0 #E7E7E7; -moz-box-shadow: 1px 1px 1px 0 #E7E7E7/* if FF*/; -webkit--box-shadow: 1px 1px 1px 0 #E7E7E7/* if Webkie*/;}

textarea { font-family: Tahoma; line-height: 16px; background-color:#F9F9F9; padding: 5px; border: solid 1px; border-color: #CCC #DDD #DDD #CCC; box-shadow: 2px 2px 1px 0 #E7E7E7 inset; -moz-box-shadow: 2px 2px 1px 0 #E7E7E7 inset/* if FF*/; -webkit--box-shadow: 2px 2px 1px 0 #E7E7E7 inset/* if Webkie*/;}
textarea:hover { background-color:#FFF;}
textarea:focus { background-color:#FFF; border-color: #CCC; box-shadow: 1px 1px 1px 0 #E7E7E7; -moz-box-shadow: 1px 1px 1px 0 #E7E7E7/* if FF*/; -webkit--box-shadow: 1px 1px 1px 0 #E7E7E7/* if Webkie*/;}


/* 侧边栏搜索 */
.store-search { width: 180px; margin: 5px 13px 10px 5px; display:inline-table; *display:inline;}
.store-search th { width: 60px; text-align: right; padding: 5px 10px 5px 0;}
.store-search td { padding: 5px 10px 5px 0;}
.store-search a { border: solid 1px #F60; text-decoration:none; border-radius: 4px; background-color:#F90; color:#FFF; padding:4px 8px; line-height:16px; text-shadow: 1px 1px 0 rgba(255,110,0,.8); box-shadow: 1px 1px 1px 0 rgba(0,0,0,.1); -moz-box-shadow: 1px 1px 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,.1);}
.store-search a:hover { background-color: #FFA620;}


/*商家头部样式*/
.seller-header {
    width: 1210px;
    height: 90px;
    margin: 0 auto;
    overflow: hidden;
}
.seller-logo {
    margin-top: 25px;
    float: left;
}
.seller-name {
    float: left;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    border-left: 1px solid #E1E1E1;
    padding-left: 20px;
    margin-top: 25px;
    margin-left: 25px;
    color: #3c3c3c;
}
.seller-name>strong {
    font-weight: 500;
    vertical-align: middle;
    display: inline-block;
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 5px;
    font-size: 14px;
}
.seller-name>i {
    font-size: 12px;
    color: #ff6075;
}
.seller-name > a {
    vertical-align: middle;
    font-size: 12px;
    margin-left: -2px;
}
.seller-name>.shop-icon {
    margin-right: 5px;
    background: url(../../../common/imgs/shop.png);
    background-size: 100% 100%;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    line-height: 16px;
    text-align: center;
}
.seller-form {
    float: right;
    width: 600px;
    height: 90px;
    margin-left: 90px;
    position: relative;
    text-align: right;
}
.seller-search {
    width: 300px;
    height: 40px;
    margin-top: 25px;
    margin-left: 50px;
    border: 2px solid #197aff;
    box-sizing: border-box;
    border-right: none;
    outline: none;
    padding-left: 5px;
    color: #777;
    padding-left: 36px;
}
.seller-goods {
    margin-left: -6px;
    background-image: linear-gradient(-90deg,#0c6bb4 1%,#0876ff 98%);
}
.seller-goods,.seller-shop {
    width: 95px;
    height: 40px;
    margin-top: 25px;
    background-color: #0c6bb4;
    outline: none;
    color: #fff;
    border: none;
    font-size: 16px;
    vertical-align: bottom;
    cursor: pointer;
    transition: background-color .3s,border-color .3s,color .3s;
    -moz-transition: background-color .3s,border-color .3s,color .3s;
    -webkit-transition: background-color .3s,border-color .3s,color .3s;
    -o-transition: background-color .3s,border-color .3s,color .3s;
}
.seller-shop {
    margin-left: 5px;
    background: #fff;
    border: 1px solid #0c6bb4;
    color: #0c6bb4;
}
.seller-goods:hover {
    background: #0c6bb4;
}
.seller-shop:hover {
    color: #fff;
    background-color: #0c6bb4;
    border-color: transparent;
}
/*placeholder样式*/
::-webkit-input-placeholder { /* WebKit browsers */
    color: #a8a8a8;
    font-size: 14px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #a8a8a8;
    font-size: 14px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #a8a8a8;
    font-size: 14px;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #a8a8a8;
    font-size: 14px;
}
/*搜索小图标*/
.search-icon {
    position: absolute;
    left: 120px;
    top: 37px;
    font-size: 16px;
    color: #e0e0e0;
}

li {list-style: none;}


/*QQ客服人员部分样式*/
.qq-server {
    width: 200px;
    display: inline-block;
}
.qq-server ul {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    /*padding-top: 15px;
    padding-bottom: 25px;*/
    padding: 0 15px;
}
.qq-server ul li {
    width: 142px;
    height: 40px;
    box-sizing: border-box;
    padding: 0 15px;
    line-height: 40px;
    border-bottom: 1px solid #e3e3e3;
}
.qq-server ul li:last-of-type {
    border: none;
}
.qq-server ul li a>i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../imgs/qq.png);
    background-size: 100% 100%;
    vertical-align: middle;
    margin-right: 15px;
}
.qq-server ul li a>span {
    vertical-align: middle;
    color: #666;
    font-size: 12px;
}
.qq-server ul li a>span:hover {
    color: #1b5ac4;
}

.shop-left-title {
    width: 100%;
    height: 44px;
    line-height: 44px;
    box-sizing: border-box;
    background: #0d6ab5;
    color: #fff;
    font-size: 15px;
    padding-left: 15px;
    font-weight: 400;
}
/* banner图 关闭按钮 */
.banner-switch {
    width: 1210px;
    margin: 0 auto;
    text-align: right;
    box-sizing: border-box;
    padding-right: 8px;
}
.banner-switch i {
    font-size: 12px;
    vertical-align: middle;
}