body {color: #444;font-size: 14px;}
.btn,a.btn {-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;font-family: Roboto,sans-serif;}
/*logo*/
.header {padding: 15px 0;padding-top: 30px;z-index: 888;}
.header h1.logo {margin-top: 0;	margin-bottom: 0;font-weight: 500;font-size: 24px;line-height: 1.5;padding-top: 2px;float: left;}
.header h1.logo a{color: #000;}
.header h1.logo a:link{text-decoration: none;}
.header h1.logo a:visited{text-decoration: none;}
.header h1.logo a:hover{text-decoration: none;}
.header h1.logo a:active{text-decoration: none;}
.header h1.logo a img{width: 36px;vertical-align: top;}
/*nav*/
.header .nav-item a{color: #000;}
.header .main-nav .nav .nav-item a:hover{color: #049fbb;background: 0 0;}
.header .main-nav .nav .nav-item a:focus{outline: 0;background: 0 0;}
.header .main-nav .nav .nav-item a:active{outline: 0;background: 0 0;}
.header .main-nav .nav .nav-item.active{color: #049fbb;}
.header .main-nav .nav .nav-item.active a{color: #049fbb;background: 0 0;}
.header .main-nav button{color: #000;padding: 0;}
.header .main-nav button .icon-bar{background-color: #000;}
.header .main-nav .nav .nav-item a.btn-login{padding: 5px 12px;background: transparent;margin-left: 0px;margin-top: 20px;}
.header .nav-item a.btn-register{padding: 5px 12px;color: #fff;margin-left: 0;margin-top: 5px;margin-bottom: 5px;}
.header .main-nav .nav .nav-item a.btn-register:hover{background: #ac2925;color: #fff;}
/*导航用户中心菜单*/
.header .main-nav .nav .nav-item .nav-user button{padding: 10px 15px;background: transparent;border: none;width: 100%;text-align: left;}
.header .main-nav .nav .nav-item .nav-user button:focus{outline: none;}
.header .main-nav .nav .nav-item .nav-user button:hover{color: #049fbb;}
.dropdown-menu{min-width: 10px;}
.header .main-nav .nav .nav-item .nav-user li a:hover{color: #049fbb;}
@media (min-width: 768px){
    .navbar-nav .nav-item a.navigation{padding-top: 10px;padding-bottom: 10px;}
    .header .main-nav .nav .nav-item .nav-user{padding-left: 0px;}
    .header .main-nav .nav .nav-item .nav-user button{width: auto;text-align: center;}
    .header .main-nav .nav .nav-item a.btn-login{margin-left: 10px;margin-top: 0;}
    .header .main-nav .nav .nav-item a.btn-register{margin-left: 5px;margin-bottom: 0;margin-top: 0;}
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse{padding-left: 15px;padding-right: 15px;}
}
/*固定导航样式*/
.header.navbar-fixed-top{position: fixed;background: #fff;border-bottom: 1px solid #999;box-shadow: 0 0 4px #999;padding-top: 15px!important;}
.header.navbar-fixed-top .main-nav .nav .nav-item a.btn-login:hover{color: #049fbb;}
.header.navbar-fixed-top .main-nav .nav .nav-item .nav-user button:hover{color: #049fbb;}
.header.navbar-fixed-top .main-nav .nav .nav-item .nav-user li a:hover{color: #049fbb;}

.footer{padding: 10px 0;background: #373737;color: #fff;}

/*联系方式*/
.contact-sidebar{background: #2c2c46;position: fixed;right: 25px;bottom: 30px;width: 50px;height: 50px;cursor: pointer;border-radius: 50%;}
.contact-sidebar .close::selection{background: transparent;}
.contact-sidebar .qq{background: url(../img/qq-25.png) no-repeat center 11px;width: 50px;height: 50px;}
.contact-sidebar .close{font-size: 28px;color: #fff;opacity:1;font-weight: normal;float: none;height: 50px;line-height: 50px;text-align: center;}
.contact-content{position:fixed;right: 20px;bottom:90px;height: 350px;width: 200px;border-radius: 8px;overflow: hidden;box-shadow: 0 5px 40px rgba(0,0,0,.16)!important;background: #fff;text-align: center;}
.contact-content .header{background: #0071bc;padding-top: 15px;text-align: center;color: #fff;}
.contact-content .qrcode img{width: 165px;border: 1px solid #ccc;display: block;margin: 20px auto 0;}
.contact-content a.btn{margin-top: 20px;}

/* 公告 */
.announcement-mask{position: fixed;z-index: 898;top: 0;bottom: 0;left: 0;right: 0;background: #000;opacity: 0.5;}
.announcement-box{position: fixed;z-index: 999;width: 330px;padding: 8px 15px 20px;top: 15%;left: calc(50vw - 165px);background: #fff;border-radius: 6px;border: 1px solid rgba(0,0,0,.2);box-shadow: 0 5px 15px rgba(0,0,0,.5);}
.announcement-header{position: relative;line-height: 22px;border-bottom: 1px solid #e5e5e5;}
.announcement-header h5{font-weight: 700;}
.announcement-header a{position: absolute;right: 2px;top: -8px;font-size: 21px;font-weight: 700;color: #000;opacity: 0.2;text-shadow:0 1px 0 #fff;}
.announcement-header a:link, .announcement-header a:visited, .announcement-header a:active{text-decoration: none;}
.announcement-header a:hover{opacity: 0.5;}
.announcement-content{overflow: hidden;margin: 25px 0 15px;}
.announcement-footer{text-align: center;}
@media(min-width:768px){
    .announcement-box{width: 600px;left: calc(50vw - 300px);}
}
@media(min-width:1200px){
    .announcement-box{width: 800px;left: calc(50vw - 400px);}
}

/*pager*/
.pagination-count{float: left;margin: 20px 0px;padding: 6px 12px;font-size: 12px;}
.pagination{float: left;font-size: 12px;}


/*数量填写*/
.quantity-group{overflow: hidden;}
.quantity-group .operator{float: left;}
.quantity-group .operator button{background: #fff;border:1px solid #ccc;background: #fff;border-radius: 2px; height: 28px;width: 32px;}
.quantity-group .operator button:active{background: #d4d4d4;}
.quantity-group .operator button:focus{outline: 0;}
.quantity-group .operator i{font-size: 14px;}
.quantity-group .operator-left button{border-bottom-right-radius: 0;border-top-right-radius: 0;}
.quantity-group .operator-right button{border-bottom-left-radius: 0;border-top-left-radius: 0;}
.quantity-group .quantity{height: 28px;width: 40px;background: #fff;border: 1px solid #ccc;float:left;border-left: 0;border-right: 0;}
.quantity-group .quantity input{background: none;border:none;width: 100%;height: 100%;line-height: 100%;text-align: center;}
.quantity-group .quantity input:focus{outline: none;}


#toastTips{position: fixed;top: 45%;z-index: 9999;}
.tips {position: fixed;z-index: 1000;min-width: 180px;padding: 10px;text-align: center;color: #fff;font-size: 18px !important;line-height: 28px;top: 30%;left: 0;background: #000;border-radius: 5px;filter: alpha(opacity=80);opacity: 0.8;}
.tips #toastMessage{font-size: 14px;margin-bottom: 0;}