body {
    font-family: "Microsoft YaHei", "\9ED1\4F53", "Arial", sans-serif;
    font-size: 13px;
    line-height: 1.538462;
    color: #333;
    background-color: #eceff1;
}
.container {
    width: 1200px;
}
.pill {
    border-radius: 10em!important
}

.circle {
    border-radius: 50%
}

.rounded {
    border-radius: 4px
}

.d-b {
    display: block
}

.d-i {
    display: inline
}

.d-ib {
    display: inline-block
}

.d-tb {
    display: table
}

.d-tbr {
    display: table-row
}

.d-tbc {
    display: table-cell
}

.ov-a {
    overflow: auto
}

.ov-h {
    overflow: hidden
}

.ov-s {
    overflow: scroll
}

.clear {
    display: block;
    overflow: hidden
}

.fh {
    display: table;
    height: 100%;
    width: 100%
}

.fh-b {
    display: table-cell;
    vertical-align: bottom
}

.fh-m {
    display: table-cell;
    vertical-align: middle
}

.pull-xs-left {
    float: left!important
}

.pull-xs-right {
    float: right!important
}

.pull-xs-none {
    float: none!important
}
.pos-a {
    position: absolute
}

.pos-f {
    position: fixed
}

.pos-r {
    position: relative
}

.t-0 {
    top: 0
}

.r-0 {
    right: 0
}

.b-0 {
    bottom: 0
}

.l-0 {
    left: 0
}

.m-a-0 {
    margin: 0!important
}

.m-t-0 {
    margin-top: 0!important
}

.m-r-0 {
    margin-right: 0!important
}

.m-b-0 {
    margin-bottom: 0!important
}

.m-l-0 {
    margin-left: 0!important
}

.m-x-0 {
    margin-left: 0!important;
    margin-right: 0!important
}

.m-y-0 {
    margin-bottom: 0!important;
    margin-top: 0!important
}

.m-a-sm {
    margin: 5px!important
}

.m-t-sm {
    margin-top: 5px!important
}

.m-r-sm {
    margin-right: 5px!important
}

.m-b-sm {
    margin-bottom: 5px!important
}

.m-l-sm {
    margin-left: 5px!important
}

.m-x-sm {
    margin-left: 5px!important;
    margin-right: 5px!important
}

.m-y-sm {
    margin-bottom: 5px!important;
    margin-top: 5px!important
}

.m-a {
    margin: 10px!important
}

.m-t {
    margin-top: 10px!important
}

.m-r {
    margin-right: 10px!important
}

.m-b {
    margin-bottom: 10px!important
}

.m-l {
    margin-left: 10px!important
}

.m-x {
    margin-left: 10px!important;
    margin-right: 10px!important
}

.m-y {
    margin-bottom: 10px!important;
    margin-top: 10px!important
}

.m-a-md {
    margin: 15px!important
}

.m-t-md {
    margin-top: 15px!important
}

.m-r-md {
    margin-right: 15px!important
}

.m-b-md {
    margin-bottom: 15px!important
}

.m-l-md {
    margin-left: 15px!important
}

.m-x-md {
    margin-left: 15px!important;
    margin-right: 15px!important
}

.m-y-md {
    margin-bottom: 15px!important;
    margin-top: 15px!important
}

.m-a-lg {
    margin: 30px!important
}

.m-t-lg {
    margin-top: 30px!important
}

.m-r-lg {
    margin-right: 30px!important
}

.m-b-lg {
    margin-bottom: 30px!important
}

.m-l-lg {
    margin-left: 30px!important
}

.m-x-lg {
    margin-left: 30px!important;
    margin-right: 30px!important
}

.m-y-lg {
    margin-bottom: 30px!important;
    margin-top: 30px!important
}

.m-a-n {
    margin: -10px!important
}

.m-t-n {
    margin-top: -10px!important
}

.m-r-n {
    margin-right: -10px!important
}

.m-b-n {
    margin-bottom: -10px!important
}

.m-l-n {
    margin-left: -10px!important
}

.m-x-n {
    margin-left: -10px!important;
    margin-right: -10px!important
}

.m-y-n {
    margin-bottom: -10px!important;
    margin-top: -10px!important
}

.p-a-0 {
    padding: 0!important
}

.p-t-0 {
    padding-top: 0!important
}

.p-r-0 {
    padding-right: 0!important
}

.p-b-0 {
    padding-bottom: 0!important
}

.p-l-0 {
    padding-left: 0!important
}

.p-x-0 {
    padding-left: 0!important;
    padding-right: 0!important
}

.p-y-0 {
    padding-bottom: 0!important;
    padding-top: 0!important
}

.p-a-sm {
    padding: 5px!important
}

.p-t-sm {
    padding-top: 5px!important
}

.p-r-sm {
    padding-right: 5px!important
}

.p-b-sm {
    padding-bottom: 5px!important
}

.p-l-sm {
    padding-left: 5px!important
}

.p-x-sm {
    padding-left: 5px!important;
    padding-right: 5px!important
}

.p-y-sm {
    padding-bottom: 5px!important;
    padding-top: 5px!important
}

.p-a {
    padding: 10px!important
}

.p-t {
    padding-top: 10px!important
}

.p-r {
    padding-right: 10px!important
}

.p-b {
    padding-bottom: 10px!important
}

.p-l {
    padding-left: 10px!important
}

.p-x {
    padding-left: 10px!important;
    padding-right: 10px!important
}

.p-y {
    padding-bottom: 10px!important;
    padding-top: 10px!important
}

.p-a-md {
    padding: 15px!important
}

.p-t-md {
    padding-top: 15px!important
}

.p-r-md {
    padding-right: 15px!important
}

.p-b-md {
    padding-bottom: 15px!important
}

.p-l-md {
    padding-left: 15px!important
}

.p-x-md {
    padding-left: 15px!important;
    padding-right: 15px!important
}

.p-y-md {
    padding-bottom: 15px!important;
    padding-top: 15px!important
}

.p-a-lg {
    padding: 30px!important
}

.p-t-lg {
    padding-top: 30px!important
}

.p-r-lg {
    padding-right: 30px!important
}

.p-b-lg {
    padding-bottom: 30px!important
}

.p-l-lg {
    padding-left: 30px!important
}

.p-x-lg {
    padding-left: 30px!important;
    padding-right: 30px!important
}

.p-y-lg {
    padding-bottom: 30px!important;
    padding-top: 30px!important
}

.truncate {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap
}

.link-muted {
    color: #757575
}

.link-muted:focus,.link-muted:hover {
    color: #0288d1;
    text-decoration: none
}

.link-inverted {
    color: #fff
}

.link-inverted:focus,.link-inverted:hover {
    color: #fff;
    text-decoration: none
}

.nowrap {
    white-space: nowrap
}

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

.fz-lg {
    font-size: 18px
}

.fz-md {
    font-size: 16px
}

.fz-sm {
    font-size: 12px
}

.fz-2x {
    font-size: 2em
}

.fz-3x {
    font-size: 3em
}

.fz-4x {
    font-size: 4em
}

.fz-5x {
    font-size: 5em
}

.fw-l {
    font-weight: 300
}

.fw-n {
    font-weight: 400
}

.fw-sb {
    font-weight: 500
}

.fw-b {
    font-weight: 600
}

.primary {
    color: #2196f3!important
}

.themesecondary {
    color: #fb6e52!important
}

.themethirdcolor {
    color: #ffce55!important
}

.themefourthcolor {
    color: #a0d468!important
}

.themefifthcolor {
    color: #e75b8d!important
}

.white {
    color: #fff!important
}

.snow {
    color: #fbfbfb!important
}

.whitesmoke {
    color: #f5f5f5!important
}

.seashell {
    color: #f3f3f3!important
}

.ivory {
    color: #eee!important
}

.platinum {
    color: #e5e5e5!important
}

.lightgray {
    color: #d0d0d0!important
}

.gray {
    color: #ccc!important
}

.darkgray {
    color: #999!important
}
.silver {
    color: #777!important
}

.bg-themesecondary {
    background-color: #fb6e52!important
}

.bg-themethirdcolor {
    background-color: #ffce55!important
}

.bg-themefourthcolor {
    background-color: #a0d468!important
}

.bg-themefifthcolor {
    background-color: #e75b8d!important
}

.bg-white {
    background-color: #fff!important
}

.bg-snow {
    background-color: #fbfbfb!important
}

.bg-whitesmoke {
    background-color: #f5f5f5!important
}

.bg-seashell {
    background-color: #f3f3f3!important
}

.bg-ivory {
    background-color: #eee!important
}

.bg-platinum {
    background-color: #e5e5e5!important
}

.bg-lightgray {
    background-color: #d0d0d0!important
}

.bg-gray {
    background-color: #ccc!important
}

.bg-darkgray {
    background-color: #999!important
}

.bg-silver {
    background-color: #777!important
}

.bg-sonic-silver {
    background-color: #737373!important
}

.bg-storm-cloud {
    background-color: #666!important
}

.bg-lightcarbon {
    background-color: #555!important
}

.bg-carbon {
    background-color: #444!important
}

.bg-slate-gray {
    background-color: #333!important
}

.bg-darkcarbon {
    background-color: #262626!important
}

.bg-blue {
    background-color: #5db2ff!important
}

.bg-info {
    background-color: #57b5e3!important
}

.bg-sky {
    background-color: #11a9cc!important
}

.bg-primary {
    background-color: #4374e0!important
}

.bg-azure {
    background-color: #2dc3e8!important
}

.bg-blueberry {
    background-color: #6f85bf!important
}

.bg-palegreen {
    background-color: #a0d468!important
}

.bg-success {
    background-color: #53a93f!important
}

.bg-green {
    background-color: #8cc474!important
}

.bg-lightyellow {
    background-color: #f6d52e!important
}

.bg-yellow {
    background-color: #ffce55!important
}

.bg-warning {
    background-color: #f4b400!important
}

.bg-gold {
    background-color: #f9b256!important
}

.bg-orange {
    background-color: #fb6e52!important
}

.bg-lightred {
    background-color: #e46f61!important
}

.bg-darkorange {
    background-color: #ed4e2a!important
}

.bg-red {
    background-color: #df5138!important
}

.bg-danger {
    background-color: #d73d32!important
}

.bg-pink {
    background-color: #e75b8d!important
}

.bg-darkpink {
    background-color: #cc324b!important
}

.bg-magenta {
    background-color: #bc5679!important
}

.bg-purple {
    background-color: #7e3794!important
}

.bg-maroon {
    background-color: #981b48!important
}
.layout {
    height: 100%;
    margin: 0;
    max-height: 100%;
    overflow-x: hidden;
    padding-top: 60px;
    width: 100%;
}
.layout-header-fixed .layout-header {
    position: fixed;
}
.layout-header {
    background: #fff;
    -webkit-box-shadow: 0 3px 4px 0 rgba(0,0,0,.14), 0 3px 3px -2px rgba(0,0,0,.12), 0 1px 8px 0 rgba(0,0,0,.2);
    box-shadow: 0 3px 4px 0 rgba(0,0,0,.14), 0 3px 3px -2px rgba(0,0,0,.12), 0 1px 8px 0 rgba(0,0,0,.2);
    left: 0;
    min-height: 60px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1030;
}
.navbar {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
}
.navbar-default {
    background-color: #fff;
    border-color: #ebf1f4;
}
.navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 30px;
}

.navbar-default .navbar-nav>li>a, .navbar-default .navbar-text {
    color: #333;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    position: relative;
}
.navbar-default .navbar-nav>li>a:before{
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    right: auto;
    display: block;
    width: 100%;
    height: 4px;
}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    color: #333;
    background-color: transparent
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
    color: #0288d1;
    background-color: transparent;
    border-left: 1px solid #F0F0F0;
    border-right: 1px solid #F0F0F0;
}
.navbar-default .navbar-nav>.active>a:before{
    background-color: #0288d1;
}
.logo-box{
    display: inline-block;
    position: relative;
}
.logo-box>.sub-title{
    display: inline-block;
    position: absolute;
    top: 0;
    right: -70px;
    color: #777;
    font-size: 12px;
    border-radius: 50px;
    border: 1px solid #777;
    padding: 0 10px;
}
.widget-pill{
    background: #fff;
    border-radius: 10px;
    padding: 15px 10px;
}
.btn-info {
    background-color: #2196f3;
    border-color: #2196f3;
    color: #fff
}

.btn-info.focus,.btn-info:focus {
    background-color: #2196f3;
    border-color: #2196f3;
    color: #fff
}

.btn-info:hover {
    background-color: #0c7cd5;
    border-color: #0c7cd5;
    color: #fff
}

.btn-info.active,.btn-info:active,.open>.btn-info.dropdown-toggle {
    background-color: #0c7cd5;
    border-color: #0c7cd5;
    color: #fff
}

.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.btn-info.dropdown-toggle.focus,.open>.btn-info.dropdown-toggle:focus,.open>.btn-info.dropdown-toggle:hover {
    background-color: #0a6ebd;
    border-color: #0a6ebd;
    color: #fff
}

.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover {
    background-color: #2196f3;
    border-color: #2196f3
}

.btn-pill {
    border-radius: 10em;
    padding-left: 1.25em;
    padding-right: 1.25em;
}
.recommend-title {
    font-size: 24px;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
    font-weight: bold;
}
.recommend-title>.sub-title{
    display: block;
    margin-top: 15px;
    font-size: 16px;
    color: #666;
    font-weight: normal;
}
.hotnav li{
    text-align: center;
    float: left;
    width: 33.3333%;
    margin: 0 -1px -1px 0;
    border: 1px solid #e0e0e0;
    border-right: none;
    border-top: none;
    padding: 35px 10px;
}
.hotnav li:first-child{
    border-left: none;
}
.hotnav li .title{
    font-size: 20px;
    font-weight: bold;
}
.hotnav li .sub-title{
    height: 48px;
    font-size: 14px;
}
.detail-info {
    border-bottom: 1px dashed #a0a0a0;
}
.detail-info:last-child{
    border-bottom: none;
}
.detail-info .detail-info-title{
    margin: 20px 0;
    font-size: 24px;
    font-weight: bold;
}
.detail-info .detail-info-body{
    line-height: 2.15;
    color: #777;
    font-size: 16px;
    padding-left: 25px;
    position: relative;
}
.detail-info .detail-info-body:before{
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    bottom: auto;
    display: block;
    width: 4px;
    height: 100%;
    background-color: #2196f3;
}
.order-print{
    height: 380px;
    padding-top: 80px;
    background: url(../fp/delivery-img1.png) right bottom no-repeat transparent;
}
.footer {
    border-top: 1px solid #c0c0c0;
    padding-top: 45px;
    padding-bottom: 150px;
}