body {
    font-family: "Helvetica Neue", Helvetica, Hiragino Sans GB, WenQuanYi Micro Hei, stheiti, Microsoft Yahei, Simsun, sans-serif;
    color: #222;
    font-size: 15px;
    line-height: 1.86666666;
}

h5 {
    font-size: 15px;
}

h3.wb-title {
    margin: 0 0 32px 0;
    font-size: 24px;
    color: #2992d3;
}

a {
    color: #2992d3;
}

a,
a:focus {
    outline: none;
}

a:hover, a:focus {
    color: #2992d3;
}

p {
    margin: 0 0 18px;
}

body,
.navbar-fixed-top,
.navbar-fixed-bottom {
    min-width: 1200px;
}

.v-hidden {
    visibility: hidden;
}

[type="text/x-jquery-tmpl"] {
    display: none;
}

[class*="header-icon-"] {
    background: url('../image/header-icon.png') no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.header-icon-contactus {
    background-position: 2px -2px;
}

.header-icon-help {
    background-position: -14px -2px;
}

.lead {
    font-size: 16px;
}

.page-header {
    margin-bottom: 30px;
}

.page-header .lead {
    margin-bottom: 10px;
}

#top .container {
    padding: 0;
    position: relative;
}

.container {
    width: 1200px !important;
    max-width: none !important;
}

.container .navbar-header,
.container .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
}

.form-horizontal .control-label {
    text-align: right;
    padding-top: 3px !important;
    font-weight: inherit;
    margin-bottom: 0px !important;
}

.form-group-sm .form-control {
    font-size: 15px;
    line-height: 1.6;
}

.form-horizontal .error.control-label {
    display: block;
    text-align: left;
    padding-right: 0px;
    padding-left: 0px;
}

.navbar-nav > li {
    float: left;
    line-height: 34px;
}

.navbar-default .navbar-nav > li.wb-grey-text,
.navbar-default .navbar-nav > li.wb-grey-text > a {
    font-size: 14px;
    color: #888;
    font-weight: inherit;
}

.navbar-default .navbar-nav > li.wb-grey-text > a:hover,
.navbar-default .navbar-nav > li.wb-grey-text.active > a {
    color: #2992d3;;
}

.navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
}

.navbar-nav.navbar-right {
    float: right;
}

.navbar-header {
    float: left;
}

.navbar-collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    visibility: visible !important;
}

.navbar-toggle {
    display: none;
}

.navbar-collapse {
    border-top: 0;
}

.navbar-nav {
    float: left;
    margin: 0;
}

.navbar {
    margin-bottom: 0;
}

.navbar-default {
    background-color: #fff;
    border: none;
}

.container > .navbar-header {
    margin-right: 0px;
    margin-left: 0px;
}

.navbar-brand {
    height: 90px;
    width: 250px;
    margin-left: -15px;
    padding: 20px 15px;
}

.navbar-nav {
}

.nav-adv {
    position: absolute;
    bottom: 0;
    right: 0
}

.nav-adv img {
    height: 60px;
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 21px;
    margin-left: -8px;
    font-size: 15px;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #0096D4;
    background-color: inherit;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li:hover > a:not(.milk-mall),
.navbar-default .navbar-nav > li:focus > a:not(.milk-mall) {
    color: #2992d3;
    background-color: inherit;
    padding: 9px 35px 6px 35px;
    margin: 0 0px;
    border-bottom: 3px solid #2992d3;
}

.navbar-form {
    float: left;
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.pro-dropdown .dropdown-menu {
    min-height: 500px;
}

#top .dropdown-menu {
    padding: 0;
    border: none;
    box-shadow: none;
    border-radius: 0;
    margin: 0;
    width: 100%;

    background-color: rgb(255, 255, 255);
}

#top .dropdown-menu > li:hover .wb-sub-menu {
    display: block
}

.wb-sub-menu {
    position: absolute;
    display: none;
    margin: 0;
    padding: 0;
    border: 1px solid #3e98d7;
    list-style: none;
    top: 0px;
    left: 195px;
    width: 1005px;
    background: rgba(255, 255, 255, 1);
    bottom: 0;
    font-size: 14px;
}

.wb-sub-menu dl {
    width: 50%;
    float: left;
    padding: 15px 30px;
}

.wb-sub-menu dl dt {
    font-size: 14px;
    color: #333;
    padding: 5px 0;
    border-bottom: 1px solid #ddd;
}

.wb-sub-menu dl dd {
    font-size: 0;
}

.wb-sub-menu dl dd a {
    font-size: 13px;
    color: #888;
    display: inline-block;
    padding: 10px 0;
    margin-right: 25px;
}

#top .dropdown-menu > li .wb-sub-menu a {
    color: #333;
}

#top .dropdown-menu > li .wb-sub-menu a:hover {
    color: #2992d3;
}

#top .dropdown-menu > li > a {
    padding: 12px 0 10px 0px;
    color: #aaa;
    text-align: center;
}

#top .dropdown-menu > li > a:hover,
#top .dropdown-menu > li > a:focus {
    background-color: #e6f5ff;
    color: #2992d3;
}

.navbar-default .navbar-nav > li > a.milk-mall {
    padding: 0;
    margin: 0;
    width: 130px;
}

.navbar-default .navbar-nav > li > a {
    font-size: 16px;
    padding: 9px 5px;
    font-weight: bold;
    color: #222;
    margin: 0 30px;
    text-align: center;
}

.navbar-default .navbar-nav > li .header-flag {
    position: absolute;
    color: #fff;
    top: -12px;
    left: 50%;
    font-size: 12px;
    margin-left: -30px;
    background-color: #7ec421;
    line-height: 16px;
    padding: 1px 5px;
    border-radius: 2px;
    height: auto;
}

.navbar-default .navbar-nav > li .header-flag:before {
    position: absolute;
    bottom: -5px;
    left: 50%;
    content: '';
    margin-left: -5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4px 0 0;
    border-color: #7ec421 transparent transparent transparent;
}

.navbar-default .navbar-nav > li .header-flag-img {
    position: absolute;
    top: -25px;
    text-align: center;
    left: 0;
    right: 0;
}

.cart-btn {
    margin-top: 5px;
    padding-left: 40px !important;
}

.cart-btn > a.btn {
    font-weight: normal;
    font-size: 13px;
    padding: 4px 12px !important;
    text-align: right;
    margin: 0;
    border: 1px solid #ddd;
    border-radius: 0;
    background: #fafafa;
    color: #888;
}

.wb-main-menu {
    padding: 5px 22px;
    position: relative;
    height: 99px;
}

.wb-main-menu .wb-menu-icon {
    width: 20px;
    height: 20px;
    background: url('../image/category-icons.png') no-repeat;
    display: inline-block;
    position: absolute;
    top: 9px;
    left: 15px;
}

.m-index-0 .wb-menu-icon {
    background-position: 0 0;
}

.m-index-1 .wb-menu-icon {
    background-position: 0px -30px;
}

.m-index-2 .wb-menu-icon {
    background-position: 0px -61px;
}

.m-index-3 .wb-menu-icon {
    background-position: 0 -91px;
}

.m-index-4 .wb-menu-icon {
    background-position: -1px -121px;
}

.m-index-4 .wb-main-menu:before {
    content: initial;
    border-bottom: none;
}

.wb-main-menu:before {
    position: absolute;
    content: '';
    bottom: -1px;
    left: 22px;
    border-bottom: 1px solid #d5d5d5;
    right: 22px;
}

.wb-main-menu > a {
    font-size: 16px;
    font-weight: bold;
    padding-left: 20px;
}

.wb-main-menu-list {
    list-style: none;
    padding-left: 20px;
    margin: 0;
    line-height: 24px;
    overflow: hidden;
    height: 55px;
}

.wb-main-menu-list li {
    display: inline-block;
    margin-right: 10px;
    font-size: 12px;
}

.wb-main-menu-list li a {
    padding: 0;
    color: #888;
}

.navbar-nav > li > .dropdown-menu > li {
    
    
    
}

.navbar-nav > li > .dropdown-menu > li:first-child {
}

.navbar-nav > li > .dropdown-menu > li:hover {
    background-color: #e6f5ff;
}

.navbar-nav > li > .dropdown-menu > li:hover a {
    color: #2992d3;
}

.navbar-nav > li > .dropdown-menu > li.m-index-0:hover {
    border-left-color: #ff7a67;
}

.navbar-nav > li > .dropdown-menu > li.m-index-1:hover {
    border-left-color: #98cb2d;
}

.navbar-nav > li > .dropdown-menu > li.m-index-2:hover {
    border-left-color: #f77097;
}

.navbar-nav > li > .dropdown-menu > li.m-index-3:hover {
    border-left-color: #3e84c5;
}

.navbar-nav > li > .dropdown-menu > li.m-index-4:hover {
    border-left-color: #927859;
}

.navbar-nav > li > .dropdown-menu > li.m-index-4 {
    margin-bottom: 0px;
    height: 100px;
}

.navbar-nav > li > .dropdown-menu > li.m-index-0:hover .wb-menu-icon {
    background-position: -26px 0;
}

.navbar-nav > li > .dropdown-menu > li.m-index-1:hover .wb-menu-icon {
    background-position: -26px -30px;
}

.navbar-nav > li > .dropdown-menu > li.m-index-2:hover .wb-menu-icon {
    background-position: -26px -61px;
}

.navbar-nav > li > .dropdown-menu > li.m-index-3:hover .wb-menu-icon {
    background-position: -26px -91px;
}

.navbar-nav > li > .dropdown-menu > li.m-index-4:hover .wb-menu-icon {
    background-position: -27px -121px;
}

.wb-main-menu .wb-sub-menu {

}

.form-control[disabled] .city-select,
fieldset[disabled] .city-select {
    cursor: not-allowed;
}




.city-title {
    padding: 6px 12px;
    color: #999;
    display: block;
}

.form-group-sm .city-title {
    padding: 2px 12px;
}

.form-group-sm .btn {
}

.city-select {
    position: absolute;
    top: 0;
    z-index: 10;
    left: 0;
    right: 0;
    padding-right: 15px;
    padding-left: 15px;
    cursor: pointer;
}

.city-select-tab {
    border: 1px solid #ccc;
    width: 100%;
    height: 35px;
    background: #f0f0f0;
}

.city-select-tab a {
    float: left;
    display: inline;
    margin-bottom: -1px;
    padding: 3px 20px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid transparent;
    color: #4D4D4D;
    text-align: center;
    outline: 0;
}

.city-select-tab .active {
    background: #fff;
    border-bottom: 1px solid #fff;
    color: #2992d3;
}

.city-select-content {
    border: 1px #ccc solid;
    border-top: 0;
    padding: 4px 10px;
    background: #fff;
}

.city-select-content a {
    display: inline-block;
    color: #4D4D4D;
    padding: 3px 10px;
    outline: 0;
    text-decoration: none;
    white-space: nowrap;
    margin-right: 2px;
}

.city-select-tab a:hover,
.city-select-content a:hover {
    text-decoration: none;
}

.city-select-content a.active {
    background-color: #2992d3;
    color: #fff;
    border-radius: 4px;
}

.left {
    float: left;
}

.right {
    float: right;
}

#wb_topmenu {
    width: auto;
    position: relative !important;
    background: #f9f9f9;
    z-index: 99999;
    font-size: 13px;
    -webkit-transform: translate3d(0, 0, 0);
    border-bottom: 1px solid #e5e5e5;
}

.wb-menu ul,
.web-menu-info {
    left: -10000px;
    list-style: none;
    margin: 0;
    padding: 0;
    top: -10000px;
    z-index: 1;
}

.wb-menu li a.wb-blue-text {
    color: #2992d3;
}

#wb_topmenu .wb-menu {
    position: relative;
}

#wb_topmenu .wb-menu ul,
#wb_topmenu .web-menu-info {
    line-height: 26px;
}

#wb_topmenu .wb-menu-horizontal li {
    position: relative;
    border: 1px solid transparent;
    height: 27px;
}

#wb_topmenu .wb-menu-horizontal li.split-hr:before {
    position: absolute;
    content: '|';
    color: #ccc;
    left: -5px;
}

.wb-menu li a {
    padding: 0px 8px;
    color: #6c6c6c;
}

.wb-menu li a:hover,
.wb-menu li a:focus {
    text-decoration: none;
}

.wb-menu .wb-menu-drop.active,
.wb-menu .wb-menu-drop:hover {
    background-color: #fff;
    border: 1px solid #eee !important;
    border-bottom: none !important;
}

.wb-menu .wb-menu-drop:hover .wb-menu-area {
    display: block;
}

.wb-announce {
    position: absolute;
    top: 4px;
    overflow: hidden;
    height: 19px;
    width: 550px;
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
}

.wb-announce > ul {
    padding: 0;
    margin: 0;
    list-style: none;
    left: 0px !important;
    top: 0 !important;
}

.wb-announce .carousel-inner > li {
    line-height: 18px;
    font-size: 12px;
}

.wb-announce .carousel-inner > li.item.next,
.wb-announce .carousel-inner > li.item.active.right {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    left: 0;
}

.wb-announce .carousel-inner > li.item.prev,
.wb-announce .carousel-inner > li.item.active.left {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    left: 0;
}

.wb-announce .carousel-inner > li.item.next.left,
.wb-announce .carousel-inner > li.item.prev.right,
.wb-announce .carousel-inner > li.item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
}

.wb-announce a {
    color: #e3990a !important;
}

.wb-menu .wb-menu-area {
    display: none;
    position: absolute;
    left: -1px;
    top: 26px;
    width: 240px;
    opacity: .99;
    background-color: #fff;
    filter: alpha(opacity=99);
    z-index: 93110;
    border: solid #eee;
    padding: 15px 0 15px 15px;
    border-width: 0 1px 1px;
}

.wb-menu .wb-menu-area li {
    float: left;
    width: 110px;
}

.wb-menu-area.wb-area-right {
    left: auto;
    right: -1px;
}

.wb-menu-sub-left.wb-menu-area {
    -webkit-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 0 4px rgba(0, 0, 0, 0.2);
}

.wb-menu-horizontal > li {
    position: relative;
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
}



#top {
    background-color: #fff;
    border-bottom: 2px solid #2992d3 !important;
}

#top .navbar-search .navbar-form,
#top .navbar-search .nav {
    margin: 20px 0;
    padding: 0;
}

#top .navbar-search .nav a {
    padding: 0
}

#top .navbar-search .nav a:hover,
#top .navbar-search .nav a:focus {
    background-color: transparent;
}

#top .navbar-search .navbar-form {
    width: 420px;
}

#top .navbar-search .navbar-form .input-group {
    width: 100%;
    position: relative;
}

#top .navbar-search .navbar-form .form-control {
    padding-left: 25px;
    border: 2px solid #2992d3;
    font-size: 12px;
    border-radius: 0;
}

#top .navbar-search .navbar-form .input-group-btn {
    width: 1%;
}

#top .navbar-search .navbar-form .btn {
    border-radius: 0;
    border-width: 2px;
    padding: 5px 16px;
    margin-left: -2px;
}

#top .navbar-search .navbar-form .input-group:before {
    position: absolute;
    content: "\e003";
    color: #acacac;
    left: 8px;
    top: 4px;
    z-index: 3;
    font-family: 'Glyphicons Halflings';
}

#top .container-fluid {
    padding: 0;
}

#top .pro-dropdown {
    width: 195px;
    background: #2992d3;
}

#top .pro-dropdown .glyphicon {
    padding: 2px 0 0 5px;
}

#top .pro-dropdown:hover .dropdown-menu {
    display: block;
}

#top .pro-dropdown > a {
    color: #fff;
    text-align: center;
    margin: 0 !important;
    width: auto;
}

#top .pro-dropdown:hover > a {
    padding: 9px 5px !important;
    border-bottom: 0;
}

.slogan .wb-slogan-icon {
    width: 40px;
    height: 40px;
    background: url('../image/slogan.png') no-repeat;
    display: inline-block;
    vertical-align: middle;
}

.slogan {
    line-height: 30px;
    font-size: 16px;
    color: #2992d3;
}

.slogan .icon-1 {
    background-position: 0 0;

}

.slogan .icon-2 {
    background-position: -41px 0px;
}

.slogan .icon-3 {
    background-position: -86px 0;
}

.slogan li {
    padding-left: 20px;
    font-size: 15px;
}

.wb-breadcrumb {
    padding: 10px 0px;
}

.wb-breadcrumb + .wb-main {
    padding: 0;
}

.wb-breadcrumb .wb-title {
    float: left;
    color: #FFF;
    margin: 0;
    font-size: 24px;
}

.wb-breadcrumb .breadcrumb {
    margin-bottom: 0;
    padding: 0px;
    background-color: inherit;
    font-size: 13px;
}

.wb-breadcrumb .breadcrumb a,
.wb-breadcrumb .breadcrumb > .active {
    color: #b7b7b7;
}

.wb-breadcrumb .breadcrumb > li + li:before {
    color: #b7b7b7;
    content: ">";
}

.required:before {
    position: absolute;
    content: '*';
    right: 5px;
    color: #2992d3;
}

.pagination {
    margin: 0;
}

.pagination .left-arrow,
.pagination .right-arrow {
    display: inline-block;

    width: 0;
    height: 0;
    border-style: solid;
}

.pagination .left-arrow {
    border-width: 5px 5px 5px 0;
    border-color: transparent #2992d3;
    transparent transparent;
}

.pagination .right-arrow {
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #2992d3;
}

.wb-main {
    margin-bottom: 70px;
    padding-top: 50px;
}

.wb-foot .wb-partner {
    padding-bottom: 52px;
}

.wb-foot .wb-partner-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: -20px;
    white-space: nowrap;
    position: absolute;
    left: 55px;
    font-size: 0;
    width: 1120px;
    overflow: hidden;
}

.wb-foot .wb-partner-list ul li {
    display: inline-block;
    border: 1px solid #ddd;
    margin-left: 20px;
}

.wb-foot .wb-hot-line {
    padding: 40px 0;
}

.wb-partner-list {
    position: relative;
    height: 52px;
    margin-top: 10px;
}

.wb-partner-list .prev {
    position: absolute;
    font-size: 32px;
    left: 0;
}

.wb-partner-list .next {
    position: absolute;
    font-size: 32px;
    right: 0;
}

.wb-partner-list .prev a,
.wb-partner-list .next a {
    color: #ddd;
}

.wb-partner-list .prev a:hover,
.wb-partner-list .prev a:focus,
.wb-partner-list .next a:hover,
.wb-partner-list .next a:focus {
    color: #ddd;
}

.wb-foot .wb-partner .text-center {
    margin-bottom: 40px;
}

.wb-foot .wb-partner .text-center {
    position: relative;
    width: 300px;
    text-align: center;
    margin: 0 auto;
}

.wb-foot .wb-partner .text-center span {
    z-index: 1;
    position: relative;
    padding: 0 10px;
    font-size: 22px;
    background-color: #fff;
}

.wb-foot .wb-partner .text-center:before {
    position: absolute;
    content: '';
    top: 20px;
    left: 0;
    right: 0;
    border-bottom: 1px solid #ccc;
}

.wb-foot .wb-copyright {padding: 30px 0;}

.wb-foot .wb-copyright p {
    
}

.wb-foot .wb-copyright p {
    margin: 5px 0;
    color: #9e9e9e;
}

.wb-foot .wb-contact {
    border-right: 1px solid #6fadd8;
    padding-top: 10px;
    
}

.wb-foot .wb-contact .glyphicon {
    margin-right: 15px;
}

.wb-foot .wb-contact .glyphicon-comment:before {
    color: #ffce57;
}

.wb-foot p {
}

.wb-foot .wb-contact p {
    padding: 0 25px;
}

.wb-foot a,
.wb-foot a:hover,
.wb-foot a:focus {
    color: #fff;
}

.wb-default-text {
    color: #222;
}

.weibo {
    padding-top: 1px;
    height: 23px;
}

.wb-blue-bg {
    background-color: #3e98d7;
    color: #fff;
}

.wb-white-bg {
    background-color: #fff;
}

.wb-yellow-bg {
    background-color: #ffce57;
}

.wb-lightgoldenrodyellow-bg {
    background-color: #FEF9EA;
}

.wb-lightgoldenrodyellow-bg .label-primary {
    border-radius: 0;
    font-size: 13px;
    font-weight: normal;
    vertical-align: text-top;
    background-color: #ee5857;
}

.wb-yellow-text {
    color: #f7c139;
}

.table.wb-table-p {
    border: none;
    font-size: 13px;
}

.table.wb-table-p > thead {
    border: 1px solid #fafafa;
    color: #888;
    background-color: #eee;
}

.table.wb-table-p > tbody {
    border-top: 0px;
}

.table.wb-table-p .wb-t-row > td {
    height: 20px;
    border: none;
    background-color: #fff;
}

.table.wb-table-p .wb-t-order-hd > td {
    border: 1px solid #d8ebf9;
    background-color: #e6f5ff;
    position: relative;
}

.table.wb-table-p .wb-t-arrears .wb-t-order-hd > td {
    border: 1px solid #f9d9de;
    background-color: #ffecec;
    color: #d34529;
    position: relative;
}

.table.wb-table-p .wb-t-arrears .wb-t-order-bd > td {
    border-bottom: 1px solid #f9d9de;
    border-right: 1px solid #f9d9de;
}

.table.wb-table-p .wb-t-arrears [data-type="fold"] {
    color: #d34529;
}

.table.wb-table-p .wb-t-arrears .wb-t-order-bd > .wb-t-mall {
    border-left: 1px solid #f9d9de;
}

.wb-t-order-hd > div,
.table.wb-table-p .wb-t-order-hd > td > div {
    display: inline-block;
    padding-right: 30px;
}

.table.wb-table-p > tbody .wb-t-order-hd > td .wb-t-sum {
    position: absolute;
    right: 10px;
    top: 12px;
    padding-right: 0px;
}

.table.wb-table-p .wb-t-order-bd > td {
    height: 80px;
    vertical-align: middle;
    border-bottom: 1px solid #d8ebf9;
    border-right: 1px solid #d8ebf9;
    text-align: center;
}

.table.wb-table-p .wb-t-product {
    width: 450px;
}

.table.wb-table-p .wb-t-product .del {
    position: relative;
    color: #888;
    text-decoration: line-through;
}

.table.wb-table-p .wb-t-product .del label {
    text-decoration: line-through;
}

.table.wb-table-p .wb-r-product > div {
    margin: 10px 0;
}

.table.wb-table-p .wb-r-product .wb-r-name {
    width: 450px;
}

.table.wb-table-p .wb-r-product .disabled {
    color: #888;
}

.table.wb-table-p .wb-r-product .wb-r-status {
    width: 200px;
    display: inline-block;
}

.table.wb-table-p .wb-t-order-bd > .wb-t-product,
.table.wb-table-p .wb-t-order-bd > .wb-r-product {
    text-align: left;
    padding-left: 30px;
    max-width: 450px;
    border-left: 1px solid #d8ebf9;
}

.wb-t-product > div {
    position: relative;
    padding: 5px 70px 5px 0px;
}

.wb-t-product label {
    position: absolute;
    width: 60px;
    color: #888;
    top: 50%;
    margin-top: -9px;
    right: 0;
    display: inline-block;
    font-weight: normal;
}

.table.wb-table-p .wb-t-order-bd > .wb-t-mall {
    border-left: 1px solid #d8ebf9;
    border-right: none;
}

.table.wb-table-p .wb-t-order-mbd > td {
    height: auto;
}

.table.wb-table-p .wb-t-order-tbd > td {
    height: auto;
}

.table.wb-table-p .wb-t-order-mbd > .wb-t-product {
    padding: 0;
}

.table.wb-table-p .wb-t-order-mbd > .wb-t-product > div {
    height: 80px;
    position: relative;
    border-bottom: 1px solid #eee;
    display: table;
    width: 100%;
}

.table.wb-table-p .wb-t-order-mbd > .wb-t-product > div:last-child {
    border-bottom: none;
}

.table.wb-table-p .wb-t-order-mbd > .wb-t-product > div span {
    display: table-cell;
    padding-left: 70px;
    padding-right: 70px;
    vertical-align: middle;
    color: #888;
    width: 100%;
}

.table.wb-table-p .wb-t-order-mbd > .wb-t-product img {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 50%;
    margin-top: -25px;
    left: 10px;
}

.table .wb-operate {
    font-size: 15px;
}

.table .wb-operate a {
    color: #888;
}

.table .wb-operate a:hover,
.table .wb-operate a:focus {
    color: #23527c;
}

[data-type="fold"]:hover,
[data-type="fold"]:focus {
    text-decoration: none;
}

.table.wb-table-p .wb-t-weight {
    width: 120px;
}

.table.wb-table-p .wb-t-status {
    width: 140px;
}

.table.wb-table-p .wb-t-price {
    position: relative;
}

.table.wb-table-p .list-group {
    position: absolute;
    display: none;
    width: 300px;
    text-align: left;
    color: #888;
    left: -90px;
    z-index: 99;
}

.table.wb-table-p .wb-t-price.active .list-group {
    display: block;
}

.table.wb-table-p .list-group-item:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-top: 1px solid #ddd;
}

.table.wb-table-p .list-group-item {
    border-top: 1px dashed #ddd;
}

.table.wb-table-p .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #fcf8e3;
}

.table.wb-table-p .tooltip-inner {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
    text-align: left;
}

.table.wb-table-p > thead > tr > th,
.table.wb-table-p > thead > tr > td {
    border: none;
    text-align: center;
    font-weight: 400;
    border: 1px solid transparent;
}

.table.wb-table-p > thead > tr > td {
    border: 1px solid #dddddd;
}

.table.wb-table-p > tbody:hover .wb-t-order-hd > td {
    background-color: #fff9ea;
}

.table.wb-table-p > tbody:hover td {
    border-color: #eee !important;
}

.table.wb-table-def,
.table.wb-table-def > thead > tr > th,
.table.wb-table-def > tbody > tr > th,
.table.wb-table-def > tfoot > tr > th,
.table.wb-table-def > thead > tr > td,
.table.wb-table-def > tbody > tr > td,
.table.wb-table-def > tfoot > tr > td {
    border: none;
}

.wb-table > tbody > tr:hover,
.wb-table > tbody > tr.active > td,
.wb-table > tbody > tr.active:hover > td,
.wb-lightyellow-bg {
    background-color: #fff9ea;
}

.wb-lightblue-bg {
    background-color: #e6f5ff;
}

.wb-lightblue-border {
    border: 1px solid #d8ebf9;
}

.wb-royalblue-bg {
    background-color: #4995ca;
    color: #fff;
}

.wb-green-text,
.wb-title.wb-green-text {
    color: #5cb85c;
}

.wb-grey-text {
    color: #888;
}

.wb-grey-border {
    border-color: #ddd;
}

.wb-lightgrey-border {
    boroder-color: #eee;;
}

.gallery {
    float: left;
}

.property {
    margin-left: 440px;
    overflow: hidden;
}

.wb-solid-1 {
    border-width: 1px;
    border-style: solid;
    text-align: center;
    height: 400px;
    width: 400px;
    display: table-cell;
    vertical-align: middle;
    position: absolute;
}

.wb-solid-1 .sold-out {
    max-width: 200px;
}

.wb-solid-1 > img {
    min-width: 400px;
    max-width: 400px;
    max-height: 400px;
    min-height: 400px;
    text-align: center;
}

.wb-darkgrey-bg {
    background-color: #fafafa;
}

.wb-lightgrey-bg {
    background-color: #eee;
}

.wb-lightgrey-bg img {
    width: 100%;
}

.wb-lightgrey-text {
    color: #b7b7b7;
}

.wb-midnightblue-bg {
    background-color: #17384f;
}

.wb-midnightblue-text {
    color: #536e80;
}

.gbp-control:after {
    position: absolute;
    content: '£';
    top: 7px;
    left: 25px;
    font-size: 14px;
    line-height: 1.42857143;
    vertical-align: middle;
}

.gbp-control .form-control {
    padding: 6px 12px 6px 18px;
}

.form-control {
    border-color: #ddd;
}

.btn-default {
    border-color: #eee;
}

.wb-foot-link ul {
    margin-top: 15px;
    margin-left: 15px;
    margin-bottom: 30px;
    overflow: hidden;
}

.wb-foot-link b {
    padding-left: 30px;
}

.wb-foot-link li {
    line-height: 26px;
}

.wb-wei {
    
}

.wb-wei p {
    display: inline-block;
    margin-right: 30px;
    line-height: 22px;
}

.wb-wei img {
    max-width: 100px;
    min-width: 100px;
    margin-top: 10px;
}

.side-nav a {
    color: #222;
    line-height: 20px;
}

.side-nav .nav {
    padding-top: 10px;
    padding-bottom: 20px;
}

.wb-red-text {
    color: #ed0000;
}

.wb-indianred-text {
    color: #ee5857;
}

.input-group-addon {
    border-color: #ddd;
}

.wb-list {
    list-style: none;
    padding-left: 30px;
    margin-bottom: 50px;
}

.wb-list li {
    position: relative;
}

.wb-list li:before {
    content: '●';
    position: absolute;
    left: -30px;
    color: #337ab7;
}

.wb-list.success li:before {
    color: #449d44;;
}

.wb-captcha .form-control-feedback {
    right: 80px !important;
}
.wb-captcha-2 .form-control-feedback {
    right: 100px !important;
}
#captha_btn{
    width: 130px
}

.wb-captcha-img {
    padding: 0;
    cursor: pointer;
}

.wb-exp .row {
    position: relative;
    border-left: 2px dotted #e4e4e4
}

.wb-product-title {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #ddd;
}

.wb-volley-title {
    margin-top: 0px;
    padding-top: 0px;
    border-top: none;
}

.wb-product-title span,
.wb-mproduct-title span {
    display: inline-block;
}

.wb-mproduct-title .wb-p-type {
    width: 450px;
    padding-left: 30px;
}

.wb-product-title .wb-p-type {
    width: 175px;
    padding-left: 30px;
}

.wb-milk-product .wb-p-type {
    width: 421px;
    padding-left: 0px !important;
}

.wb-milk-product .wb-p-type [data-name="Product"] {
    width: 360px !important;
    padding-right: 0 !important;
    padding-left: 5px !important;
}

.wb-mproduct-title .wb-p-price,
.wb-milk-product .wb-p-price {
    width: 90px;
    padding-right: 0 !important;
}

.wb-product-title .wb-p-price {
    width: 73px;
}

.wb-mproduct-title .wb-p-weight,
.wb-milk-product .wb-p-weight {
    width: 95px;
    padding-right: 0 !important;
}

.wb-product-title .wb-p-weight {
    width: 92px;
}

.wb-product-title .wb-p-description {
}

.wb-mproduct-title .wb-p-quantity,
.wb-milk-product .wb-p-quantity {
    width: 95px;
    padding-right: 0 !important;
}

.wb-product-title .wb-p-quantity {
    width: 69px;
}

.wb-exp .row h4 {
    padding-left: 15px;
}

.wb-parcel-product .wb-inline .form-group {
    padding-right: 15px;
}

.wb-parcel-product .wb-inline .form-group:last-child:not(:first-child) {
    padding-right: 0px;
}

.wb-p-no {
    width: 20px;
}

.wb-no {
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    border-radius: 25px;
    background-color: #ccc;
    display: inline-block;
    background-color: #5cb85c;
}

.wb-exp .row .wb-no {
    position: absolute;
    left: -16px;
    top: 0;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background-color: #5cb85c;
    color: #fff;
    line-height: 30px;
    text-align: center;
}

.wb-exp .row .col-sm-12 {
    padding-right: 0;
}

h2.wb-title {
    font-size: 24px;
    color: #2992d3;
    margin-bottom: 10px;
}

h2.wb-title + p {
    margin-bottom: 10px;
}

.wb-title {
    font-size: 18px;
    color: #2992d3;
}

.wb-title-2 {
    font-size: 15px;
    font-weight: bold;
}

.nav-tabs > .wb-nav-tab-right {
    float: right;
}

.nav-tabs > .wb-nav-tab-right div {
    padding: 10px;
    display: block;
    line-height: 1.42857143;
}

.side-nav > li > a {
    font-size: 18px;
    text-align: center;
    font-weight: 400;
    color: #9a9a9a;
}

.side-nav .nav > li > a {
    padding: 8px 45px;
}

.wb-small {
    font-size: 14px;
}

.wb-nav-tabs {
    margin-bottom: 15px;
}

.wb-mian-title,
.wb-nav-tabs {
    padding-left: 30px;
}

.wb-nav-tabs > li > a {
    position: relative;
    padding: 10px 0;
    border-radius: 0;
    width: 170px;
    margin: 0 0 0 -1px;
    text-align: center;
    color: #555;
    border: 1px solid #dddddd;
}

.wb-nav-tabs > li > a:hover,
.wb-nav-tabs > li > a:focus {
    background-color: transparent;
    border: 1px solid #dddddd;
}

.wb-nav-tabs > li.active a,
.wb-nav-tabs > li.active a:hover,
.wb-nav-tabs > li.active a:focus {
    color: #3e98d7;
}

.wb-nav-tabs > li.active a:before,
.wb-nav-tabs > li.active a:hover:before,
.wb-nav-tabs > li.active a:focus:before {
    position: absolute;
    content: '';
    top: -1px;
    left: -1px;
    right: -1px;
    background-color: inherit;

    border-top: 2px solid #3e98d7;
    z-index: 2;
}

.side-nav > li > a:before,
.wb-myaccount-main .wb-title {
    border-bottom: 1px solid #ddd;
}

.wb-myaccount-main .wb-tab {
    color: #222;
    padding-left: 15px;
}

.wb-myaccount-main .wb-tab i {
    color: #5cb85c;
    font-style: normal;
}

.side-nav > li > a:before {
    position: absolute;
    content: '';
    left: 45px;
    right: 45px;
    bottom: 0;
}

.nav.side-nav > li > a:hover,
.nav.side-nav > li > a:focus {
    background: none !important;
}

.wb-blue-text,
.side-nav .nav .active a,
.side-nav .nav a:hover,
.side-nav .nav a:focus {
    color: #2992d3;
    background: none !important;
}

.side-nav {
    margin: 0 -15px;
}

.side-nav .active {
    background-color: #fff;
}

.side-nav .active:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0px;
    width: 3px;
}

.side-nav .active:before,
.wb-blue-bg {
    background-color: #3e98d7;
    color: #fff;
}

.wb-mian-title.wb-box {
    margin-bottom: 35px;
}

.wb-mian-title {
    font-size: 20px;
}

.wb-mian-title,
.wb-myaccount-main .wb-title {
    margin-top: 0;
    padding: 0px 0px 0px 1px;
    font-size: 0;
    position: relative;
}

.wb-myaccount-main a.wb-tab {
    display: inline-block;
}

.wb-myaccount-main a.wb-tab {
    position: relative;
    padding-right: 15px;
    font-size: 18px;
    color: #333;
}

.wb-myaccount-main .wb-title>span {
    font-size: 16px;
    padding: 10px 0;
    color: #555;
    display: block;
}

.wb-mian-title span {
    position: relative;
    padding-right: 15px;
    font-size: 20px;
    color: #333;
}

.wb-myaccount-main a.wb-tab {
    position: relative;
    color: #555555;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-bottom-color: transparent;
    padding: 10px 0;
    border-radius: 0;
    text-align: center;
    min-width: 160px;
    font-size: 16px;
    margin-left: -1px;
}

.wb-myaccount-main a.wb-tab.active:before,
.wb-myaccount-main a.wb-tab.active:focus:before,
.wb-myaccount-main a.wb-tab.active:hover:before,
.wb-myaccount-main a.wb-tab:hover:before,
.wb-myaccount-main a.wb-tab:focus:before {
    position: absolute;
    content: '';
    top: -1px;
    left: -1px;
    right: -1px;
    background-color: inherit;
    border-top: 2px solid #3e98d7;
    z-index: 2;
}

.wb-myaccount-main a.wb-tab.active:after,
.wb-myaccount-main a.wb-tab.active:focus:after,
.wb-myaccount-main a.wb-tab.active:hover:after {
    position: absolute;
    content: '';
    right: 0px;
    bottom: -2px;
    left: 0px;
    z-index: 1;
    border-bottom: 1px solid #fff;
}

.wb-myaccount-main a.wb-tab.active,
.wb-myaccount-main a.wb-tab:hover,
.wb-myaccount-main a.wb-tab:focus {
    text-decoration: none;
    color: #222;
}

.wb-highlight {
    padding: 9px 14px;
    margin-bottom: 14px;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 4px;
}

.table {
    border: 1px solid #ddd;
}

.wb-myaccount-main .table thead th {
    border-bottom-width: 1px;
}

.wb-btn {
    padding: 7px 30px;
    font-size: 15px;
    border-radius: 3px;
}

.btn-sm.wb-btn {
    padding: 4px 18px;
    font-size: 14px;
    border-radius: 3px;
}

.btn-lg.wb-btn {
    padding: 9px 34px;
    border-radius: 3px;
    font-size: 17px;
}

.btn-danger {
    background-color: #ee5857;
    border-color: #ee5857;
}

.btn-primary {
    background-color: #3e98d7;
    border-color: #2993d3;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.open > .dropdown-toggle.btn-primary {
    background-color: #5dade2;
    border-color: #4b9acf;
}

.btn-primary:active,
.btn-primary.active {
    background-color: #2c81ba;
    border-color: #367dac;
}

[role="tabpanel"] .nav-tabs > li > a {
    padding: 10px 30px;
    margin-right: 4px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

[role="tabpanel"] .panel {
    border-top: none;
    border-radius: 0px 0px 4px 4px
}

.form-inline .wb-inline-select {
    width: 200px;
    display: inline-table;
    vertical-align: middle;
    position: relative;
    border-collapse: separate;
}

.form-inline .wb-inline-select .form-control {
    width: 100%;
}

.wb-section {
}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background-color: #fff;
    opacity: 0.6;
}

.carousel-indicators .active {
    width: 10px;
    height: 10px;
    opacity: 1;
}

.wb-estimate,
.wb-logistics {
    padding: 15px;
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
}

.wb-estimate .form-control-static,
.wb-logistics .form-control-static {
    font-size: 15px;
    padding-left: 0;
}

.wb-estimate .form-group-sm,
.wb-logistics .form-group-sm {
    width: 400px;
    padding-left: 15px;
}

.wb-estimate input[type="text"].form-control {
    width: 60px;
    text-align: right;
}

.wb-estimate select.form-control {
    vertical-align: bottom;
}

.wb-estimate .form-inline,
.wb-logistics .form-inline {
    margin-bottom: 11px;
}

.wb-estimate .right {
    padding-top: 5px;
}

.wb-lint-group {
    border: 1px solid #ddd;
    border-radius: 0;
}

.wb-lint-group .radio,
.wb-lint-group .checkbox {
    margin-top: 0;
}

.wb-lint-group .badge {
    background-color: transparent;
}

.wb-lint-group .wb-view {
    line-height: 24px;
}

.wb-lint-group .list-group-item {
    border: none;
    padding: 7px 15px;
}

.wb-lint-group .list-group-item:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.wb-lint-group .list-group-item:hover,
.wb-lint-group .list-group-item:focus {
    color: #555;
    text-decoration: none;
    background-color: #fff9ea;
}

.wb-lint-group .list-group-item:first-child {
    border-radius: 0;
}

.wb-lint-group .list-group-item:last-child {
    margin-bottom: 0;
    border-radius: 0;
}

.wb-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #000;
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: 9990;
}

.wb-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
}

.wb-backdrop.wait {
    cursor: wait;
}

.wb-loader {
    text-align: center;
    margin: 50px;
}

.wb-inline {
    float: none !important;
    display: inline;
}

.wb-inline .form-group {
    padding-right: 20px;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.wb-inline .form-control {
    float: none !important;
    display: inline-block;
}

.wb-width-2 {
    width: 90px;
}

.wb-width-4,
.wb-quantity-3 {
    width: 70px;
}

.wb-width-2 .input-group-addon {
    padding: 3px 10px;
}

.wb-width-1,
.wb-quantity-2 {
    width: 60px;
}

.wb-width-3 {
    width: 280px;
}

.wb-parcel-product .badge,
.wb-parcel-group .badge {
    background-color: transparent;
    line-height: 24px;
}

.wb-parcel-product .list-group-item {
    border: none;
    padding: 5px;
    font-size: 0;
    margin-bottom: 0;
    background-color: transparent;
}

.wb-parcel-product .list-group-item .form-group {
    font-size: 15px;
}

.wb-parcel-group .list-group-item {
    border: none;
    padding: 28px 0;
    margin-bottom: 0;
    height: 85px;
    background-color: transparent;
    border-bottom: 1px solid #e9e9e9;
}

.wb-parcel-num {
    width: 100px;
    padding-right: 0 !important;
}

.wb-inline .form-control.text-left {
    text-align: left;
}

.input-group-btn-vertical {
    position: relative;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
    display: table-cell;
}

.wb-break-word {
    word-wrap: break-word;
}

.input-group-btn-vertical > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 8px;
    margin-left: -1px;
    position: relative;
    border-radius: 0;
}

.input-group-btn-vertical > .btn:first-child {
    border-top-right-radius: 4px;
}

.input-group-btn-vertical > .btn:last-child {
    margin-top: -2px;
    border-bottom-right-radius: 4px;
}

.input-group-btn-vertical i {
    position: absolute;
    top: 0;
    left: 4px;
}

.wb-select-address-span .glyphicon {
    right: 130px !important;
}

.wb-select-zip-span .glyphicon {
    right: 85px !important;
}

.icon-sort-up:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #8B8B8B;
}

.icon-sort-down:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #8B8B8B;
}

.spin-up:hover .icon-sort-up:before {
    border-bottom-color: #333;
}

.spin-down:hover .icon-sort-down:before {
    border-top-color: #333;
}

.spinner.input-group .input-group-addon a.spin-up,
.spinner.input-group .input-group-addon a.spin-down {
    height: 10px;
    width: 10px;
    font-size: 14px;
    overflow: hidden;
    display: block;
    text-align: center;
    text-decoration: none;
    position: relative;
    color: #999
}

.form-control[disabled] .spinner.input-group .input-group-addon a.spin-up,
.form-control[disabled] .spinner.input-group .input-group-addon a.spin-down,
fieldset[disabled] .spinner.input-group .input-group-addon a.spin-up,
fieldset[disabled] .spinner.input-group .input-group-addon a.spin-down {
    cursor: not-allowed;
}

.spinner .input-group-addon {
    padding: 6px 6px;
}

.form-group-sm .spinner .input-group-addon {
    padding: 3px 6px;
}

.form-group-sm .spinner .input-group-addon {
    padding: 3px 5px;
}

.spinner.input-group .input-group-addon a.spin-up:hover,
.spinner.input-group .input-group-addon a.spin-down:hover {
    color: #555
}

.spinner.input-group.input-group-lg .input-group-addon a.spin-up,
.spinner.input-group.input-group-lg .input-group-addon a.spin-down {
    font-size: 16px;
    height: 12px
}

.spinner.input-group.input-group-sm .input-group-addon a.spin-up,
.spinner.input-group.input-group-sm .input-group-addon a.spin-down {
    font-size: 12px;
    height: 9px
}

.wb-z-10000 {
    z-index: 10000;
}

.wb-box {
    margin-bottom: 15px;
    overflow: hidden;
}

[role="tabpanel"] .nav-tabs > li > .close {
    position: absolute;
    right: 12px;
    top: 11px;
}

.btn-addaddress,
.btn-addaddress:focus {
    display: block;
    border: dotted 1px #ddd;
    padding: 30px;
    color: #666;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

.btn-addaddress:hover {
    color: #333;
    border-color: #333;
    text-decoration: none;
}

.wb-v-del,
.wb-v-delete {
    color: #000;
    filter: alpha(opacity=20);
    opacity: .2;
}

.wb-v-edit {
    float: right;
}

.wb-v-del:hover,
.wb-v-del:focus,
.wb-v-delete:hover,
.wb-v-delete:focus,
.wb-v-edit:hover,
.wb-v-edit:focus {
    text-decoration: none;
    cursor: pointer;
    color: #2992d3;
    filter: alpha(opacity=100);
    opacity: 1;
}

.wb-v-delete,
.wb-v-copy {
    font-size: 18px;
}

.wb-v-edit {
    float: none;
}

.wb-v-edit .glyphicon {
    color: #000;
    filter: alpha(opacity=20);
    opacity: .2;
}

.wb-v-edit:hover .glyphicon,
.wb-v-edit:focus .glyphicon {
    color: #2992d3;
    filter: alpha(opacity=100);
    opacity: 1;
}

.wb-v-title {
    margin: 0 0 10px;
    padding: 0;
    font-size: 18px;
    font-weight: bold;
}

[data-type="package"] .wb-parcel-group .list-group-item {
    padding-left: 0;
    padding-right: 0;
}

[data-name="Product"] {
    width: 128px !important;
}

[data-name="Notes"] {
    width: 280px !important;
}

.form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.form-inline .form-control-static {
    display: inline-block;
}

.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.wb-high-box {
    padding: 0px;
    margin-bottom: 15px;
    border: 1px solid #e1e1e8;
    border-radius: 4px;
}

.wb-high-box .wb-list li:before {
    left: -15px;
}

.wb-high-box .wb-high-head {
    border-radius: 4px 4px 0 0;
}

.wb-high-box .wb-high-body {
    border-radius: 0 0 4px 4px;
    padding: 30px 20px;
}

.wb-milk-box {
    padding: 0px;
    border: 1px solid #e1e1e8;
    border-radius: 4px;
    min-height: 257px;
    margin-bottom: 30px;
    position: relative;
}

.wb-milk-box .wb-milk-image {
    float: left;
    width: 255px;
    height: 255px;
    border-radius: 4px 0 0 4px;
    overflow: hidden;
}

.wb-milk-box .wb-milk-body {
    padding-left: 285px;
    padding-right: 30px;
    padding-bottom: 60px;
}

.wb-milk-box h4 {
    margin-top: 20px;
    margin-bottom: 0;
    font-weight: bold;
}

.wb-milk-box .wb-milk-foot {
    position: absolute;
    bottom: 15px;
    left: 285px;
    right: 30px;
}

.wb-milk-list {
    padding: 0;
    margin: 0;
    list-style: none;
    max-height: 480px;
    overflow: auto;
}

.wb-milk-list li {
    display: table;
    margin-bottom: 15px;
}

.wb-milk-list img {
    display: table-cell;
    width: 60px;
    height: 60px;
}

.wb-milk-list p {
    display: table-cell;
    vertical-align: middle;
    width: 160px;
}

.wb-milk-list span {
    display: table-cell;
    vertical-align: middle;
}

.wb-milk-subtotal {
    border-top: 1px solid #eee;
    overflow: hidden;
    padding-top: 15px;
}

.size24 {
    font-size: 28px;
    font-weight: bold;
    margin-right: 10px;
}

.big {
    font-size: 18px;
}

.wb-mall-into {
    min-height: 400px;
}

.wb-milk-group-banner {
    height: 300px;
    background-color: #fafafa;
    margin-top: -70px;
    text-align: center;
    margin-bottom: 45px;
}

.wb-icon-link {
    -webkit-transition: box-shadow 0.3s;
    -moz-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
}

.wb-icon-link {
    display: inline-block;
    font-size: 24px;
    cursor: pointer;
    margin: 15px 30px;
    width: 200px;
    height: 200px;
    line-height: 200px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 10;
}

.wb-icon-link span {
    position: absolute;
    display: block;
    z-index: 100;
    width: 100%;
}

.wb-icon-link img {
    position: absolute;
    top: 100px;
    left: 15px;
    z-index: 10;
}

.wb-icon-link:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    top: 0;
    left: 0;
    padding: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    z-index: 1;
}

.wb-icon-link:before {
    content: '';
    -webkit-font-smoothing: antialiased;
}

.wb-icon-link .hov,
.wb-icon-link:hover .def {
    display: none;
}

.wb-icon-link:hover .hov {
    display: block;
}

.wb-icon-link:hover img {
    top: 200px;
}

.wb-icon-link:hover:after {
    top: 0;
    left: 0;
    padding: 0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
}

.wb-icon-link.wb-blue {
    color: #55C0E0;
}

.wb-icon-link.wb-green {
    color: #8FC758;
}

.wb-icon-link.wb-yellow {
    color: #F7C139;
}

.wb-icon-link.wb-red {
    color: #ED6E6D;
}

.wb-icon-link.wb-blue:after {
    box-shadow: 0 0 0 5px rgb(85, 192, 224);
}

.wb-icon-link.wb-green:after {
    box-shadow: 0 0 0 5px rgb(143, 199, 88);
}

.wb-icon-link.wb-yellow:after {
    box-shadow: 0 0 0 5px rgb(247, 193, 57);
}

.wb-icon-link.wb-red:after {
    box-shadow: 0 0 0 5px rgb(237, 110, 109);
}

.wb-icon-link.wb-blue:hover {
    box-shadow: 0 0 0 5px rgb(85, 192, 224);
    color: #fff;
}

.wb-icon-link.wb-green:hover {
    box-shadow: 0 0 0 5px rgb(143, 199, 88);
    color: #fff;
}

.wb-icon-link.wb-yellow:hover {
    box-shadow: 0 0 0 5px rgb(247, 193, 57);
    color: #fff;
}

.wb-icon-link.wb-red:hover {
    box-shadow: 0 0 0 5px rgb(237, 110, 109);
    color: #fff;
}

.wb-icon-link.wb-blue:hover:after {
    box-shadow: 0 0 0 0px #55C0E0;
    background-color: rgb(85, 192, 224);
}

.wb-icon-link.wb-green:hover:after {
    box-shadow: 0 0 0 0px #8FC758;
    background-color: rgb(143, 199, 88);
}

.wb-icon-link.wb-yellow:hover:after {
    box-shadow: 0 0 0 0px #F7C139;
    background-color: rgb(247, 193, 57);
}

.wb-icon-link.wb-red:hover:after {
    box-shadow: 0 0 0 0px #ED6E6D;
    background-color: rgb(237, 110, 109);
}

.wb-deal {
    border: 1px solid #ddd;
    padding: 5px;
    background-color: #ee5857;
    border-color: #ee5857;
    color: #fff;
    position: relative;
    border-radius: 4px;
}








.wb-deal .wb-indianred-text,
.wb-deal .wb-indianred-text {
    color: #fff;
}

.wb-deal .wb-deal-flag {
    position: absolute;
    background: url('../image/milk-buy-flag.png') no-repeat;
    width: 96px;
    height: 51px;
    color: #fff;
    top: -6px;
    left: -1px;
    text-align: center;
    font-size: 22px;
}

.wb-deal img {
    border-radius: 4px;
    text-align: center;
    width: 100%;
}

.wb-deal .wb-deal-body {
    margin-top: 20px;
    padding: 0 10px;
    line-height: 24px;
}

.wb-deal .wb-deal-body p {
    margin: 0;
}

.wb-deal .wb-deal-foot {
    overflow: hidden;
    padding: 10px;
}

.wb-deal .wb-size-lg {
    font-size: 30px;
}

.wb-deal .wb-deal-price {
    display: inline-block;
    line-height: 30px;
}

.wb-deal .btn-warning {
    color: #222;
    border-color: #ffce57;
    background-color: #ffce57;
    float: right;
}

.wb-deal .btn-warning:hover,
.wb-deal .btn-warning:focus {
    background-color: #ffe6a8;
}

.wb-deal .wb-sold {
    text-align: right;
    font-size: 14px;
}

.wb-prop {
    padding: 5px 15px 0;
}

.wb-prop s {
    color: #131344;
    font-size: 14px;
}

.wb-prop:after {
    display: table;
    content: " ";
    clear: both;
}

.wb-prop .wb-prop-type {
    float: left;
    display: block;
    font-size: 12px;
    line-height: 30px;
}

.wb-prop .wb-prop-cont {
    line-height: 30px;
}

.wb-work-flow-bar {
    font-size: 0px;
}

.wb-work-flow-bar a {
    position: relative;
    display: inline-block;
    width: 189px;
    font-size: 15px;
    text-align: center;
    background-color: #fafafa;
    padding: 3px 0;
    color: #222;
}

.wb-work-flow-bar a:not(:last-child) {
    margin-right: 7px;
}

.wb-work-flow-bar a:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.wb-work-flow-bar a:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.wb-work-flow-bar a:hover,
.wb-work-flow-bar a.active {
    text-decoration: none;
    background-color: #3e98d7;
    color: #fff;
}

.wb-work-flow-bar a:hover:not(:last-child):after,
.wb-work-flow-bar a.active:not(:last-child):after {
    border-left-color: #3e98d7;
}

.wb-work-flow-bar a:not(:last-child):after {
    position: absolute;
    right: -30px;
    z-index: 2;
    top: 0;
    content: '';
    border-width: 17px;
    border-color: transparent;
    border-style: solid;
    border-right-width: 0;
    border-left-color: #fafafa;
    border-left-width: 30px;
}

.wb-work-flow-bar a:not(:first-child):before {
    position: absolute;
    left: 0px;
    z-index: 1;
    top: 0;
    content: '';
    border-width: 17px;
    border-color: transparent;
    border-style: solid;
    border-right-width: 0;
    border-left-color: #fff;
    border-left-width: 30px;
}

.workflowdemo .wb-work-flow-bar {
    margin-bottom: 20px;
}

.workflowdemo .carousel-control {
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    bottom: auto;
    font-size: 30px;
}

.workflowdemo .carousel-control.left,
.workflowdemo .carousel-control.right {
    background-image: none;
    filter: none;
}

.workflowdemo .carousel-control:hover,
.workflowdemo .carousel-control:focus {
    color: #fff;
    background-color: #808080;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: .9;
}

.workflowdemo .carousel-indicators .active {
    width: 189px;
    height: auto;
}

.workflowdemo .carousel-indicators {
    position: relative;
    bottom: inherit;
    left: inherit;
    z-index: 1;
    width: auto;
    padding-left: 0;
    margin-left: auto;
    list-style: none;
    text-align: left;
}

.wb-relative {
    position: relative;
}

.wb-procedure {
    margin-top: 50px;
    margin-bottom: 40px;
}

.wb-procedure .wb-program {
    position: relative;
    width: 220px;
    display: inline-block;
    text-align: center;
}

.wb-procedure .wb-program:before {
    position: absolute;
    content: '';
    top: 13px;
    left: -90px;
    right: 135px;
    border-top: 2px solid #ccc;
}

.wb-procedure .wb-program:first-child:before {
    border: none;
}

.wb-procedure .wb-program.active .wb-step {
    background-color: #2993d3;
}

.wb-procedure .wb-program.active .wb-step-title {
    color: #2993d3;
}

.wb-procedure .wb-program.active:before {
    border-color: #2993d3;
}

.wb-procedure .wb-step {
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    border-radius: 25px;
    background-color: #ccc;
    display: inline-block;
}

.wb-procedure .wb-step-title {
    text-align: center;
    display: block;
    color: #b7b7b7;
}

.wb-tr-1 {
    border-bottom: 1px solid #e9e9e9;
}

.wb-tr-1 td {
    height: 80px;
    vertical-align: middle !important;
}

.wb-myaccount-icon {
    background: url('../image/myaccount-icons.png') no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-indent: -99999px;
    overflow: hidden;
    vertical-align: middle;
    float: left;
}

.wb-myaccount-icon + div {
    padding-left: 20px;
    text-align: center;
}

.wb-myaccount-icon.order {
    background-position: 0px 0px;
}

.wb-myaccount-icon.transport {
    background-position: -20px 0px;
}

.wb-myaccount-icon.product {
    background-position: -40px 0px;
}

.wb-myaccount-icon.barcode-download {
    background-position: -60px 0px;
}

.wb-myaccount-icon.invoice {
    background-position: -100px 0px;
}

.wb-myaccount-icon.balances {
    background-position: -80px 0px;
}

.wb-myaccount-icon.red-envelop {
    background-position: 0px -21px;
}

.wb-myaccount-icon.points {
    background-position: -20px -21px;
}

.wb-myaccount-icon.personal {
    background-position: -40px -21px;
}

.wb-myaccount-icon.change-password {
    background-position: -60px -21px;
}

.wb-myaccount-icon.address {
    background-position: -80px -21px;
}

.wb-cart-table tbody td,
.wb-cart-table tfoot td {
    height: 70px;
    vertical-align: middle !important;
}

.wb-amount-sum {
    display: inline-block;
    width: 180px;
}

.wb-precio-total {
    display: inline-block;
    width: 280px;
    font-weight: bold;
}

.wb-cart-button {
    display: inline-block;
    width: 200px;
}

.wb-cart-button button {
    margin-right: 15px;
}

.wb-empty-cart {
    text-align: center;
    padding: 50px 0;
}

.wb-inline-block {
    display: inline-block;
}

.wb-empty-content {
    display: inline-block;
    text-align: left;
    padding-left: 15px;
}

.wb-cart-check {
    float: left;
    padding-left: 5px;
    margin-top: 5px;
}

.wb-cart-check label {
    font-weight: inherit;
    margin-right: 20px;
}

.wb-dm-list td {
    height: 110px !important;
}

.wb-dm-info-sm,
.wb-dm-info-md,
.wb-dm-info {
    position: relative;
    width: 530px;
}

.wb-dm-info img {
    position: absolute;
    left: 8px;
    top: 35px;
    max-height: 100px;
    max-width: 100px;
}

.wb-dm-info-md img {
    position: absolute;
    float: left;
    left: 8px;
    top: 10px;
    max-height: 90px;
    max-width: 90px;
    margin-left: auto;
    margin-right: auto;
}

.wb-dm-info-md div {
    text-align: left;
    padding-left: 80px;
}

.wb-dm-info-sm img {
    position: absolute;
    left: 8px;
    top: 10px;
    max-height: 50px;
    max-width: 50px;
}

.wb-dm-info-sm div {
    text-align: left;
    padding-left: 70px;
}

.wb-dm-info div {
    text-align: left;
    padding-left: 120px;
}

.wb-panel {
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.wb-panel .panel-heading {
    padding: 6px 15px;
}

.wb-panel .panel-heading,
.wb-panel .panel-body,
.wb-panel .panel-footer {
    border-radius: 0;
}

.panel-info,
.wb-info-border,
.wb-info-border td,
.panel-info .panel-footer {
    border-color: #d8ebf9 !important;
}

.panel-info > .panel-heading {
    color: #222;
    background-color: #e6f5ff;
    border-color: #d8ebf9;
}

.wb-td-table > tr > td {
    padding: 0px !important;
}

.wb-td-table .table {
    border: none !important;
    margin-bottom: 0px !important;
}

.wb-td-table .table tbody td {
    border: none !important;
}

.wb-td-table .table tbody > tr:first-child td {
    border-top: 1px solid #ddd !important;
}

.wb-product-nav {
    padding: 0px;
    min-height: 257px;
    margin-bottom: 30px;
    position: relative;
    background-color: #fff;
}

.wb-product-nav > li > a {
    color: #222;
}

.wb-product-nav .nav {
    color: #888;
    font-size: 14px;
}

.wb-product-nav .nav > li {
    padding-left: 30px;
}

.wb-product-item {
    padding: 15px;
    border-radius: 1px;
    margin-bottom: 12px;
    height: 345px;
    position: relative;
    background-color: #fff;
}

.wb-product-item .flag {
    position: absolute;
    font-size: 12px;
    background-image: url('../image/flag1.png');
    background-repeat: no-repeat;
    width: 37px;
    height: 52px;
    color: #fff;
    top: 0;
    left: 5px;
    padding: 5px 5px 0 5px;
    line-height: 16px;
    letter-spacing: 1px;
}

.wb-product-item .wb-product-img {
    text-align: center;
    margin-bottom: 10px;
    height: 178px;
    line-height: 178px;
    margin: 0 -15px 10px;
}

.wb-product-item .wb-product-name {
    font-size: 14px;
    min-height: 65px;
    overflow: hidden;
}

.wb-product-item .wb-product-name a {
    color: #222;
    display: block;
}

.wb-product-item .wb-product-img img {
    max-width: 178px;
    max-height: 178px;
}

.wb-product-item .wb-product-cart {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.wb-product-item:hover {
    border-color: #337ab7;
}

.wb-product-item:hover .wb-product-cart {
    display: block;
}

.wb-product-cart:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    opacity: 0.5;
    z-index: 1;
}

.wb-product-cart .wb-product-addcart {
    position: relative;
    z-index: 2;
    text-align: center;
    display: table;
    height: 100%;
    width: 100%;
}

.wb-product-cart .wb-product-cell {
    display: table-cell;
    vertical-align: middle;
}

.wb-product-cart .wb-product-cell img {
    margin-bottom: 15px;
}

.wb-rec {
    text-align: center;
    padding: 15px;
    border: 1px solid #e1e1e8;
    border-radius: 4px;
    margin-bottom: 15px;
    position: relative;
    background-color: #fff;
}

.wb-rec .wb-product-img {
    width: 200px;
    height: 200px;
}

.wb-pbox h4,
.wb-rec h4 {
    text-align: left;
    font-size: 15px;
    margin-top: 0;
}

.wb-rec-tiem {
    margin-bottom: 15px;
}

.wb-pbox {
    text-align: center;
    padding: 15px;
    border: 1px solid #e1e1e8;
    border-radius: 4px;
    margin-bottom: 15px;
    position: relative;
    background-color: #fff;
}

.wb-order-box {
    border: 1px solid #F4EDD3;
    padding: 15px;
    margin-bottom: 15px;
    background-color: #FDF8E4;
}

.wb-order-hr {
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}

.wb-payments {
    margin: -15px 0;
}

.wb-payments .radio {
    margin: 20px 0;
}

.wb-payments img {
    margin: 0 20px;
}

.wb-payments input + .p-name {
    margin-left: 20px;
}

.wb-payments .p-name {
    display: inline-block;
    width: 360px;
}

.wb-payments .p-price {
    position: absolute;
    left: 490px;
    top: 0;
    display: block;
}

.wb-payments .p-desc {
    position: absolute;
    left: 660px;
    top: 0;
    display: block;
}

.wb-def label {
    font-weight: normal;
}

.wb-split-input {
    margin-bottom: 10px;
}

.wb-split-input > label {
    margin-right: 100px;
}

.wb-list-mail {
    padding: 0;
    margin: 0;
}

.wb-list-mail li {
    display: inline-block;
    margin-right: 20px;
}

.wb-remark p {
    padding-left: 75px;
    margin: 0;
}

.wb-remark span {
    display: block;
    float: left;
}

.wb-order-images {
    margin: 0px -20px 0 0px;
    padding: 0;
    list-style: none;
}

.wb-order-images li {
    float: left;
    margin: 20px 20px 0px 0;
    width: 178px;
    height: 178px;
    border: 1px solid #ddd;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    line-height: 178px;
}

.wb-order-images li img {
    max-width: 100%;
    max-height: 100%;
}

.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
    margin-bottom: 5px;
}

.progress-animated .progress-bar,
.progress-animated .bar {
    background: url("../image/progressbar.gif") !important;
    filter: none;
}

.fileupload-process {
    float: right;
    display: none;
}

.fileupload-processing .fileupload-process,
.files .processing .preview {
    display: block;
    width: 32px;
    height: 32px;
    background: url("../image/loading13.gif") center no-repeat;
    background-size: contain;
}

.files audio,
.files video {
    max-width: 300px;
}

@media (max-width: 767px) {
    .fileupload-buttonbar .toggle,
    .files .toggle,
    .files .btn span {
        display: none;
    }

    .files .name {
        width: 80px;
        word-wrap: break-word;
    }

    .files audio,
    .files video {
        max-width: 80px;
    }

    .files img,
    .files canvas {
        max-width: 100%;
    }
}

.fileinput-button {
    position: relative;
    overflow: hidden;
}

.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
}



@media screen\9 {
    .fileinput-button input {
        filter: alpha(opacity=0);
        font-size: 100%;
        height: 100%;
    }
}

.files {
    margin-top: 20px;
}

.files .thumbnail {
    position: relative;
    width: 110px;
    height: 110px;
    margin-bottom: 0px;
}

.files .thumbnail img {
    max-width: 100px;
    max-height: 100px;
}

.files .progress {
    margin-bottom: 0px;
}

.files .image-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.files .image-info p {
    margin: 0;
}

.oh-help-seach {
    padding: 20px 0;
    background-color: #fafafa;
    text-align: center;
}

.oh-help-seach .form-control {
    width: 380px;
}

.wb-myaccount-main .wb-subtitle {
    color: #222;
}

.wb-myaccount-main .wb-subtitle em {
    color: #888;
    font-style: normal;
}

.wb-myaccount-main .wb-subtitle:before {
    border-bottom: none !important;
}

.wb-help-search-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.wb-help-search-list li {
    padding: 20px 0;
    border-bottom: 1px #ddd dashed;
}

.wb-qanda {
    background-color: #fff;
}

.wb-qanda h2 {
    background-color: #E6F4FD;
    font-size: 18px;
    text-align: center;
    padding: 10px 0;
    margin-top: 0;
    margin-bottom: 15px;
    color: #2992d3;
}

.side-nav.help-menu > li > a:before {
    left: 25px;
    right: 25px;
}

.side-nav.help-menu > li > a {
    padding-left: 27px;
    text-align: left;
}

.wb-tfoot {
    border-top: 1px solid #e6f5ff;
}

.wb-tra-foot {
    padding: 10px 15px 0 15px;
}

.wb-tra-foot a {
    float: left;
}

.wb-tra-foot div {
    margin-left: 40px;
    display: inline-block;
}

.wb-cardwrap {
    position: relative;
    border: 1px solid #d8ebf9;
    padding: 0 15px 0px 15px;
    font-size: 14px;
}

.wb-cardwrap:before {
    position: absolute;
    display: block;
    content: '';
    top: -1px;
    left: -1px;
    right: -1px;
    border-top: 2px solid #3E97D6;
}

.wb-w-auto {
    width: auto !important;
}

.wb-p-service li:first-child .wb-delete {
    display: none
}

.wb-coupons {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 30px;
}

.wb-coupons li {
    position: relative;
    padding-left: 30px;
}

.wb-coupons li:before {
    position: absolute;
    color: #337ab7;
    content: '●';
    left: 15px;
    font-size: 15px;
}

.wb-coupons li a {
    padding: 2px 10px;
    color: #FFF;
    background-color: #5BB45E;
}

.wb-service-desc {
    font-size: 13px;
}

.wb-dropdown {
    cursor: pointer;
}

.wb-dropdown .input-group-btn {
    position: initial;
}

.wb-dropdown .wb-table-2 {
    width: 100%;
}

.wb-dropdown .wb-table-2 td {
    padding: 2px;
}

.wb-dropdown .dropdown-menu {
    width: 110%;
    top: 46px;
    font-size: 15px;
    padding: 6px 15px;
    line-height: 1.42857143;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.wb-dropdown .dropdown-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 0;
    white-space: normal;
}

.wb-dropdown .dropdown-menu ul li {
    width: 33.3333%;
    font-size: 15px;
    display: inline-block;
}

.wb-dropdown .btn {
    border-left: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.wb-dropdown .btn-default {
    border-color: #ddd;
}

.wb-dropdown.focus .form-control {
    border-color: #66afe9;
}

.wb-dropdown.has-error .btn {
    border-color: #a94442 !important;
}

.wb-dropdown.focus .btn {
    border-color: #66afe9 !important;
}

.wb-dropdown .btn-default:focus,
.wb-dropdown .btn-default:hover,
.wb-dropdown .open > .dropdown-toggle.btn-default,
.wb-dropdown .open > .dropdown-toggle.btn-default:hover,
.wb-dropdown .btn-default:active,
.wb-dropdown .btn-default:active:focus,
.wb-dropdown .btn-default:active.focus,
.wb-dropdown .open > .dropdown-toggle.btn-default.focus,
.wb-dropdown .open > .dropdown-toggle.btn-default:focus,
.wb-dropdown .open > .dropdown-toggle.btn-default:hover {
    border-color: #ddd;
    background-color: #fff;
}

.wb-dropdown .btn:focus,
.wb-dropdown .btn:active:focus,
.wb-dropdown .btn.active:focus,
.wb-dropdown .btn.focus,
.wb-dropdown .btn:active.focus,
.wb-dropdown .btn.active.focus {
    outline: none;
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #e3990a;
}

.table.wb-choose-table {
    border: none;
    border-collapse: separate;
    background-color: #fafafa;
}

.table.wb-choose-table > tbody {
    border-top: 0px;
}

.wb-choose-table > tbody > tr > td:first-child {
    border-left: 1px solid #e9e9e9;
    border-radius: 4px 0 0 4px;
}

.wb-choose-table > tbody > tr > td:last-child {
    border-right: 1px solid #e9e9e9;
    border-radius: 0 4px 4px 0;
}

.wb-choose-table > tbody > tr > td {
    vertical-align: middle;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    padding: 15px 8px;
}

.wb-choose-table > tbody > tr.wb-t-row {
    border: none;
}

.wb-choose-table .wb-t-row > td {
    height: 15px;
    padding: 0;
    border: none !important;
    background-color: #fff;
}

.wb-choose-table .wb-choose-info {
    font-size: 20px;
}

.wb-h-list a {
    font-size: 13px;
    color: #333
}

.navbar-nav > li > .wb-logistics-menu {
    width: 480px;
    -webkit-column-width: 240px;
    -moz-column-width: 240px;
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    writing-mode: lr-tb;
    -ms-writing-mode: lr-tb;
    column-count: 2;
    white-space: nowrap;
    font-size: 15px;
    min-width: auto;
}

.navbar-nav > li > .wb-logistics-menu li {
    writing-mode: lr-tb;
}

.oh-hot {
    padding: 0px 5px;
    border-radius: 3px;
    background-color: #F5B613;
    font-size: 9px;
    font-family: Arial;
    font-weight: normal;
    color: #fff;
}

label.wb-normal {
    font-weight: normal;
}

.yellow-tooltip + .tooltip > .tooltip-inner {
    background-color: #fff9ea;
    color: #a16e0d;
}

.yellow-tooltip + .tooltip > .tooltip-arrow {
    background-color: #fff9ea;
    border-right-color: #fff9ea;
}

.tooltip-inner {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
    text-align: left;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #fcf8e3;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #fcf8e3;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #fcf8e3;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #fcf8e3;
}

.wb-service-bank-logo img {
    width: 159px;
    height: 60px;
    margin-left: 3px;
    margin-top: 10px;
    margin-right: 10px;
    right: 16px;
    top: 15px;
}

.wb-notes {
    background-color: #ffecec;
    border: 1px solid #f9d9de;
    padding-left: 30px;
    padding-top: 15px;
    margin-bottom: 20px;
    margin-left: -15px;
}

.wb-notes p {
    margin-bottom: 10px;
}


.wb-notes span {
    display: block;
    margin-bottom: 15px;
}

#costing_service .wb-service {
    margin-bottom: 17px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

.wb-attributes {
    list-style: none;
    overflow: hidden;
    background: #fafafa;
    padding: 10px 40px 20px;
    margin-bottom: 60px;
    color: #333;
}
.form-control-static{
    padding: 3px 0 ;
}
.wb-attributes em {
    font-style: normal;
}

.wb-attributes em i {
    color: #3e98d7;
}

.wb-attributes ul {
    margin: 0 0 0 20px;
    padding: 0;
    font-size: 14px;
}

.wb-attributes li {
    display: inline;
    float: left;
    width: 256px;
    overflow: hidden;
    line-height: 24px;
    vertical-align: top;
    padding-right: 15px;
}

.wb-attributes li strong {

    white-space: nowrap;
}

.wb-attributes li strong,
.wb-attributes li span {
    display: table-cell;
    vertical-align: top;
}

.wb-attributes li span {
    color: #888
}

.form-control::-webkit-input-placeholder {
    color: #ccc;
}

.form-control:-moz-placeholder {
    color: #ccc;
}

.form-control:-ms-input-placeholder {
    color: #ccc;
}

.city-input {
    top: 0;
    z-index: -1;
    position: absolute;
}

.wb-back-toolbar {
    position: fixed;
    width: 100%;
    bottom: 130px;
    z-index: 9999;
}

.wb-back-box {
    position: relative;
    width: 990px;
    margin: 0 auto;
    display: none;
}

.wb-back-list {
    position: absolute;
    right: -50px;
}

.wb-back-list li {
    position: relative;
    display: block;
    background-color: #fff;
    text-align: center;
    margin-bottom: -1px;
    white-space: nowrap;
    overflow: hidden;
    width: 40px;
    border-radius: 3px;
}

.wb-back-list li a {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    vertical-align: top;
    z-index: 99;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
}

.wb-back-list .wb-back-icon {
    background-color: #bababa;
    -webkir-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.wb-back-list .wb-back-icon img {
    margin-top: 7px;
}

.wb-back-text {
    width: 28px;
    height: 28px;
    padding: 5px;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    background-color: #5c5c5c;
    white-space: normal;
}

@media screen and (min-width: 1210px) {
    .wb-back-box {
        display: block;
        width: 1190px !important;
    }
}

.wb-back-list li:hover .wb-back-icon {

    margin-left: -40px
}

.wb-back-list li:hover a {
    z-index: 100;
    cursor: pointer;
}

.wb-cursor-pointer {
    cursor: pointer;
    display: inline-block;
}

.wb-share p, .wb-buy p {
    margin-bottom: 10px;
    min-height: 40px;
}

.wb-share .media-left {
    width: 120px;
    height: 120px;
    overflow: hidden;
    display: block;
    float: left;
    padding: 0;
    margin-right: 10px;
    border: 1px solid #ddd;
}

.highlight-keyword {
    color: #ee5857;
    font-weight: bold;
}

.address-search {
    margin-bottom: 20px;
}

.cart-description {
    font-size: 13px;
    color: #e6a73e;
    background-color: #fcf8e3;
    border-color: #faebcc;
    margin-left: 20px;

}

.cart-price-redtext {
    color: #ee5857;
    font-weight: bold;
    font-size: 18px;
}

.topbanner {
    overflow: hidden;
    text-align: center;
    height: 80px;
    display: none;
}

.closebanner {
    position: absolute;
    top: 5px;
    line-height: 33px;
    font-size: 18px;
    width: 30px;
    height: 30px;
    right: 40px;
    color: #fff;
}

.closebanner:hover,
.closebanner:focus {
    color: #fff;
}

.special-offer {
    position: absolute;
    font-size: 12px !important;
    border-radius: 4px 4px 4px 0px;
    padding: 0px 4px;
    line-height: 20px;
    color: #fff;
    background-color: #f31f59;
}

.special-offer:before {
    position: absolute;
    content: '';
    bottom: -3px;
    left: 0px;
    z-index: 100;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 0 5px 5px;
    border-color: transparent transparent transparent #f31f59;
}

.dropdown-menu .special-offer {
    left: 100px;
    top: 0px;
}

.wb-cart-table .special-offer {
    left: 0;
    top: 10px;
}

.login-switch {
    position: absolute;
    right: 115px;
}

.login-switch a:hover {
    text-decoration: none;
}

.online-service {
    position: fixed;
    top: 60%;
    width: 66px;
    height: 238px;
    cursor: pointer;
    right: 0;
    z-index: 1;
    background-image: url(data:image/png;base64,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);
}

.sold-out {
    position: absolute;
    bottom: 15px;
    left: 23px;
}

.download-app {
    position: fixed;
    bottom: 0;
    background-color: rgba(0, 0, 0, .7);
    left: 0;
    right: 0;
    color: #fff;
    padding: 20px 0;
}

.download-app .app_close {
    position: absolute;
    right: 15px;
    top: 30px;

}

.download-app .container {
    position: relative;
}

.download-app h1 {
    font-size: 40px;
    font-weight: bold;
    margin: 0;
}

.download-app h2 {
    font-size: 36px;
    font-weight: initial;
}

.wb-page > li:first-child > a,
.wb-page > li:first-child > span,
.wb-page > li > a, .wb-page > li > span {
    border-radius: 3px;
}

.wb-page > li > a,
.wb-page > li > span {
    margin-left: 5px;
    border: none;
    color: #222;
    padding: 5px 11px;
}

.wb-page > .active > a,
.wb-page > .active > span,
.wb-page > .active > a:hover,
.wb-page > .active > span:hover,
.wb-page > .active > a:focus,
.wb-page > .active > span:focus {
    background-color: #5dade2;
}

.btn-info {
    color: #2992d3;
    background-color: #e6f5ff;
    border-color: #d8ebf9;
}

.btn-info:hover,
.btn-info:focus {
    background-color: #d5eaf9;
    border-color: #d8ebf9;
    color: #2992d3;
}

.wb-tag {
    display: inline-block;
    font-size: 12px;
    padding: 1px 5px;
    border: 1px #ff002c dotted;
    font-weight: 500;
    border-radius: 2px;
    color: #f03317;
    line-height: 16px;
}

.wb-tag:hover {
    color: #f03317;
    text-decoration: none;
}

.wb-tag-activity {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    text-align: center;
    font-size: 13px;
    color: #fff;
    background-color: rgba(240, 51, 23, 0.9);
}

.wb-tag-activity:hover {
    color: #fff;
    text-decoration: none;
}

.wb-tag-yellow,
.wb-tag-yellow:hover {
    border-color: #ffc000;
    color: #ffc000;
}

.wb-tag-red,
.wb-tag-red:hover {
    border-color: #fc503e;
    color: #fc503e;
}

.wb-tag-orange,
.wb-tag-orange:hover {
    border-color: #ff7e00;
    color: #ff7e00;
}

.wb-tag-pink,
.wb-tag-pink:hover {
    border-color: #ee71a9;
    color: #ee71a9;
}

.wb-tag-green,
.wb-tag-green:hover {
    border-color: #7ec421;
    color: #7ec421;
}

.wb-tag-deepgreen,
.wb-tag-deepgreen:hover {
    border-color: #35a6a4;
    color: #35a6a4;
}

.wb-tag-purple,
.wb-tag-purple:hover {
    border-color: #646fb0;
    color: #646fb0;
}

.wb-tag-blue,
.wb-tag-blue:hover {
    border-color: #3399ff;
    color: #3399ff;
}

.wb-tag-activity-peach {
    background-color: #fd7262;
}

.wb-tag-activity-orange {
    background-color: #ff7e00;
}

.wb-tag-activity-yellow {
    background-color: #ffc000;
}

.wb-tag-activity-purple {
    background-color: #646fb0;
}

.wb-tag-activity-blue {
    background-color: #3399ff;
}

.wb-tag-activity-green {
    background-color: #7ec421;
}

.itc-switch {
    position: relative;
}

.itc-switch span {
    width: 35px;
    display: inline-block;
    text-align: left;
}

.itc-switch i {
    text-align: right;
    font-size: 12px;
}

.itc-switch:hover {
    border-bottom-left-radius: 0;
}

.itc-switch:hover .itc-list {
    display: block;
}

.itc-list {
    list-style: none;
    margin: 0;
    padding: 5px 0;
    top: 32px;
    left: -1px;
    position: absolute;
    display: none;
    background-color: #fff;
    width: 120px;
    border: 1px solid #ddd;
    text-align: left;
    z-index: 6;

}

.itc-list li {
    padding: 5px 15px;
    cursor: pointer;
}

.itc-list li:hover,
.itc-list li.active {
    color: #3e98d7;

}

.bind-phone-notice .modal-title {
    color: #2993d3;
}
.bind-phone-notice .modal-header,
.bind-phone-notice .modal-body {
    border: none;
}

.bind-phone-notice .modal-footer {
    border: none;
    text-align: center;
}
.bind-phone-notice .modal-footer  a{
    width: 100px;
}
.wb-dm-img {
    width: 100px;
}
.bindphone-control{
    position: relative;
}
.bindphone-control a{
    position: absolute;
    right: -75px;
    top: 3px;
    z-index: 4;
}
.tab-rlink {
    display: block;
    font-size: 16px;
    padding-top: 10px;
    float: right;
}
#Location{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}