@charset "utf-8";

.mod{clear:both;}

/* mod-title */
.mod-title{clear:both;position: relative;margin:10px 5px;margin-bottom:10px;}
.mod-title h2{display:inline-block;position: relative;padding:2px 12px;font-size:16px;line-height:24px;font-weight:normal;vertical-align: middle;outline: none;cursor: pointer;color: #fff;background:#D9534F;font-family: "微软雅黑","微软雅黑","Microsoft YaHei",Helvetica,Tahoma,sans-serif;}

.mod-title.v1{border-bottom: solid 1px #efefef;}
.mod-title.v1 h2{color: #fff;background:#D9534F;}

/*
.mod-title.v1{border-bottom: solid 1px #dee1e1; background: transparent;text-align: left;padding: 0;}
.mod-title.v1 h2{position: relative;display: inline-block;top:0;min-height: 20px;padding:2px 12px;border-bottom: solid 2px #999;outline: none;color: #4f5b65;font-size: 16px;line-height: 24px;font-weight: normal; vertical-align: middle;}
*/
.mod-title.v2{border-bottom:none;background:#F8F8F8;}
.mod-title.v2 h2{background:#FFFFFF;border-left:solid 8px #D9534F;color:#333333;}

.mod-title.v3{border-bottom: solid 1px #efefef;}
.mod-title.v3 h2{color: #333333;background:transparent;}

.mod-title.v4{border-bottom: solid 1px #efefef;}
.mod-title.v4 h2{background:transparent;border-left:solid 2px #D9534F;color:#333333;}

.mod-title.v5 {text-align:center;margin-bottom: 15px;}
.mod-title.v5 h2 { padding: 0 12px; position: relative; display: inline-block;line-height:28px !important;font-size:22px;background:transparent;color:#333333;}
.mod-title.v5 h2:before, 
.mod-title.v5 h2:after { content: ' '; width: 70%; position: absolute;border-width: 1px; border-color: #bbb;}
.mod-title.v5 h2:before { right: 100%;}
.mod-title.v5 h2:after { left: 100%;}
@media (max-width: 768px) {
  .mod-title.v5 h2:before, 
  .mod-title.v5 h2:after {width: 30%;}
}
.mod-title.v5 h2:before,
.mod-title.v5 h2:after {top: 10px;height: 8px; border-top-style: solid; border-bottom-style: solid;}
.mod-title.v5 h2.lg{line-height: 30px !important;font-size:25px;}

.mod-title.v6{}
.mod-title.v6:before { content: "."; position: absolute;z-index: 19; left: 0px;font-size: 0;top: 4px; height: 20px; border-radius: 2px; width: 4px; background: #D9534F;}
.mod-title.v6 h2{z-index:20;margin-left:4px;background:#FFFFFF;color:#333333}
.mod-title.v6:after {content: ".";font-size: 0; position: absolute;z-index:18;right:0;top: 50%;height: 2px; width:100%; background: #dee1e1;}

.mod-title.v7 {text-align:center;margin-bottom: 15px;}
.mod-title.v7 h2 { padding: 0 12px; position: relative; display: inline-block;line-height:28px !important;font-size:22px;background:transparent;color:#333333;}
.mod-title.v7 h2:before, 
.mod-title.v7 h2:after { content: ' '; width: 70%; position: absolute;border-width: 1px; border-color: #bbb;}
.mod-title.v7 h2:before { right: 100%;}
.mod-title.v7 h2:after { left: 100%;}
@media (max-width: 768px) {.mod-title.v7 h2:before, .mod-title.v7 h2:after {width: 80%;} }
.mod-title.v7 h2:before,
.mod-title.v7 h2:after {top:8px;height: 8px;  border-bottom-style: solid;}
.mod-title.v7 h2.lg{line-height: 30px !important;font-size:25px;}

.mod-title.v8{margin:15px 5px;border-bottom: solid 1px #cccccc;text-align:center;}
.mod-title.v8 h2{position: relative;top: 2px;display: inline-block;padding: 10px 15px;border-bottom: 4px solid #666;background:#FFFFFF;color:#333333;font-size:22px;}
.mod-title.v8 h2 a{color:#333333;}

/* mod-search */
.mod-search{margin:10px 5px;height:30px;padding-right:10px;padding-left:10px;background-color: #fff;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.mod-search input.search{height: 29px;margin: 6px 0;box-sizing: border-box;padding:0 10px;font-size: 16px;border-radius: 20px;}

/* mod-map */
.mod-map{margin:5px;}

/* mod-info */
.mod-info{margin:5px;}
.mod-info p{font-size:12px;}
.mod-info p img{margin:0 3px;}

/* mod-form */
.mod-form{margin:5px;}

/* mod-service */
.mod-service{margin:5px;}
.time {clear:both;border-top: 1px dotted #DDDCDC;margin-top: 20px;}
.time i {font-style: normal;width: 130px;background: #DDDCDC;display: block;height: 20px;line-height: 20px;border-radius: 10px;text-align: center;color: #fff;margin: 0 auto;margin-top: -10px;font-size: 10px;}


/* mod-callme */
.mod-callme{clear:both;margin:10px auto;}
.mod-callme .btn{margin-top:8px;padding:8px 20px;border:none;background:#E9690B;color:#ffffff;font-size:14px;}

/* mod-music */
.btn-music{display:inline-block;width:35px;height:28px;background:url('/static/template/public/images/plug/btn_music_v1.png') no-repeat 0 0;background-size:100% auto;position:absolute;z-index:100;left:25px;top:150px;}
.btn-music.on{background-position:0 -30px;}

.mod-gotop{clear:both;margin:0 auto;padding:3px 0;line-height:20px;background:#D3D3D3;text-align:center;color:#CC6600;text-align:center;}
.mod-gotop a{color:#CC6600;}

.mod-pagination{margin:0 5px;}

.mod-comment{padding:5px;}

/* 商品细节 */
.mod-item{margin:5px;color:#404040;}
.mod-item .hd {border-bottom: solid 1px #DCDCDC;padding-bottom:10px;margin-bottom:10px;text-align:center;}
.mod-item .hd h1{display:inline-block;line-height:22px;padding:5px 10px;font-size:20px;}
.mod-item .gallery {margin:0 auto;text-align:center;}
.mod-item .gallery .booth {width:100%;display:block;margin:0 auto;vertical-align:middle;line-height:normal;}
.mod-item .gallery .booth img{width:100%;}
.mod-item .gallery .thumb {margin: 10px 0 0 0; overflow: hidden;}
.mod-item .gallery .thumb li {float: left;margin: 0px 6px 0px 0px;padding: 7px 4px 4px 2px;  overflow: hidden; }
.mod-item .gallery .thumb li img{width:65px;height:65px;}
.mod-item .gallery .thumb li div {border: #cdcdcd 1px solid;}
.mod-item .gallery .thumb li div:hover{border: #ff2200 1px solid;}
.mod-item .gallery .thumb li.selected {background-position: 0px -50px;}
.mod-item .gallery .thumb li a {display: block; font-size: 35px; vertical-align: middle; overflow: hidden; width: 40px; font-family: arial; height: 40px; text-align: center}
.mod-item .gallery .thumb li a:focus {outline-style: none;}

.mod-item .price{vertical-align:middle;color:#A10000;font-size:18px;}

.mod-item .promotion {border: #fee2a1 1px solid; margin-bottom: 10px;  padding: 10px;text-align:left;}
.mod-item .promotion h3{color:#808080;font-weight:bold;}
.mod-item .promotion hr{height:0px;border:none;border-top: #E6E6E6 1px solid;}
.mod-item .promotion ul {margin-left:3px;line-height: 20px;color:#ff6600;}
.mod-item .promotion li{padding-left:10px;background: url(/images/dot.gif) no-repeat left center;}
.mod-item .promotion p{line-height:25px;color:#ff0000;}
.mod-item .promotion p img{vertical-align: middle;}
.mod-item .promotion p span.tip {color:#666;}
.mod-item .promotion a{color:#ff6600;}

.mod-item .action{position: relative;}
.mod-item .action a.btn-buy{background:#FF7C00;border:solid 1px #EA4C04;}
.mod-item .action a.btn-buy:hover{background:#FF891A;}
.mod-item .action a.btn-oss{margin-left:10px;background:#108DFB;border:solid 1px #0C8DF0;}
.mod-item .action a.btn-oss:hover{background:#2999FB;}

.mod-item .gallery .action {margin: 15px 0px 10px 35px;}
.mod-item .gallery .action a {margin-right: 10px;color:#7B96BA;}
.mod-item .gallery .action img{cursor: pointer;}

.mod-item .ft{line-height:24px;}
.mod-item .ft .label{font-weight:normal;}

/* 内容细节 */
.mod-content{margin:5px auto;padding:0 10px;}
.mod-content .hd {border-bottom: solid 1px #EFEFEF;padding-bottom:10px;margin-bottom:10px;text-align:center;}
.mod-content .hd h1{display:inline-block;line-height:22px;padding:5px 10px;font-size:20px;}
.mod-content .hd h3{font-size:20px;}
.mod-content .bd{clear:both;padding-top:10px;}
.mod-content .ft{line-height:24px;}
.mod-content .ft .label{font-weight:normal;}
.mod-content p{margin:5px 0;}
.mod-content img{width:100%;max-width:480px;height: auto;}
.mod-content p.intro{margin-bottom:15px;text-indent:2em;}
.mod-content strong.tit{font-size:14px;color:#CC6600;margin-bottom:10px;}
.mod-content ol,.mod-content ul,.mod-content dl{clear:both;margin-top:10px;}
.mod-content dl{margin-left:2px;}
.mod-content .sep-line{margin:0;padding:0;margin-bottom:8px;height:5px;border-bottom:solid 1px #cccccc;}

.row-list .item{margin:8px 0;background-color: #fff;border-bottom: 1px solid #eeeeee;}
.row-list .item:last-child{border-bottom:none;}
.row-list .item a.block{display: block;min-height:80px;}
.row-list a.btn{display:inline-block;min-height:0;}
.row-list .item .pic{padding-left:0;padding-right:0;float: left!important;}
.row-list .item .info{float: left!important;}
.row-list .item .info p{font-size:12px;color:#666666;}
.row-list .item h4{margin-bottom:5px;font-size:14px;line-height:20px;font-weight:700;}
.row-list .item .col-xs-5,
.row-list .item .col-sm-5{padding-left:0;}


/* mod-article-list */
.mod-article-list{margin:5px;}
.mod-article-list .item{margin:8px 0;background-color: #fff;border-bottom: 1px solid #eeeeee;}
.mod-article-list .item:last-child{border-bottom:none;}
.mod-article-list .item a{color:#555555;}
.mod-article-list .item a.block{display: block;min-height:80px;}
.mod-article-list a.btn{display:inline-block;min-height:0;}
.mod-article-list .item .pic{padding-left:0;padding-right:0;float: left!important;}
.mod-article-list .item .info{float: left!important;}
.mod-article-list .item .info p{font-size:12px;color:#666666;}
.mod-article-list .item h4{margin-bottom:5px;font-size:14px;line-height:20px;font-weight:700;}
.mod-article-list .item .col-xs-5,
.mod-article-list .item .col-sm-5{padding-left:0;}
.mod-article-list .item .date{color:#cccccc;font-size:12px;}


.mod-article-list.v3 h3.tit{font-size:18px;text-align:center;}

.mod-article-list.v1 .item{margin:0;}
.mod-article-list.v1 .item a{display:block;padding:10px 15px;}
.mod-article-list.v1 .item a:hover{background-color:#f9f9f9;text-decoration: none;}

.mod-article-list.v6 .item{margin:0;}
.mod-article-list.v6 .item a{display:block;padding:10px 15px;}
.mod-article-list.v6 .item a:hover{background-color:#f9f9f9;text-decoration: none;}


.mod-item-list{margin:5px;}
.mod-item-list .item{margin:8px 0;background-color: #fff;border-bottom: 1px solid #ccc;}
.mod-item-list .item:last-child{border-bottom:none;}
.mod-item-list .item .price{font-size:12px;}
.mod-item-list .item .pic{padding-left:0;padding-right:0;float: left!important;}
.mod-item-list .item .info{float: left!important;}
.mod-item-list .item .info p{font-size:12px;color:#666666;}
.mod-item-list .item h4{margin-bottom:5px;font-size:14px;line-height:20px;font-weight:700;}
.mod-item-list .item .col-xs-5,
.mod-item-list .item .col-sm-5{padding-left:0;}
.mod-item-list .item a.block{display: block;min-height:80px;}
.mod-item-list.v2 h3.tit{font-size:18px;text-align:center;}
.mod-item-list.v5 .item{border-bottom:none;}

/* mod-article-list */
.mod-store-list{}
.mod-store-list li{line-height:24px;}
.mod-store-list h3{font-size:16px;font-weight: bold;margin-bottom:8px;}
.mod-store-list .addr-row{color:#666666;}
.mod-store-list .addr-row i{margin-right:5px;}
.mod-store-list .tel-row span,.mod-store-list .tel-row i{display:inline-block;margin-right:5px;height:30px;line-height:30px;background:#D5BC86;color:#ffffff;}
.mod-store-list .tel-row i{width:30px;text-align:center;top:2px;}
.mod-store-list .tel-row .tel{padding:0 15px;}
.mod-store-list .tel-row .tel a{color:#ffffff;font-size:14px;}
.mod-store-list .pic-row{padding:5px 0;}

.mod-comment-list{padding: 5px 10px;}
.mod-comment-list ul{list-style:none;margin:0;padding:0;}
.mod-comment-list li{line-height:24px;font-size:12px;}
.mod-comment-list .nick{color:#0066ff;margin-right:10px;}
.mod-comment-list .date{color:#808080;}


/* layout */
.mod-layout-2col {
  background: #fff !important;
  border: solid 1px #d4d8e3;
  margin: 2.1875%;
  border-radius: 3px;
  position: relative;
  box-shadow: 0 1px 3px #e1e2e4;
  padding: 10px;
}

/* mod-qrcode */
.mod-qrcode{text-align:center;}
.mod-qrcode h5{margin-bottom:10px;}
.mod-qrcode img{margin: 0 auto;}

.mod-footer{overflow:hidden;background:#EDEDED; margin:0 auto;text-align:center;font-size:12px;line-height:25px;padding-top: 5px;}
.mod-footer .menu{margin:auto;padding-top:10px;padding-bottom:5px;color:#A62E06;}
.mod-footer a{color:#A62E06;}
.sz-copyright{display: inline-block;}
.sz-copyright img{width:100%;vertical-align: middle;}

.navbar-bottom ul{height: 51px; width: 100%; background: -webkit-gradient(linear, 0 0, 0 100%, from(#686868), to(#3e3e3e)); border-top: 1px solid #424242; }
.navbar-bottom ul li{display: inline;float:left;height:50px;width: 20%;}
.navbar-bottom ul li a {display: block;height: 48px;line-height: 48px;font-size: 14px;text-align: center;-webkit-box-flex: 1;cursor: pointer;color: #fff;padding-top: 5px;border-top: 1px solid #7c7c7c;}
.navbar-bottom ul li a:hover {color: #fff;border-right: 1px solid #272727;border-left: 1px solid #272727;background: -webkit-gradient(linear, 0 0, 0 100%, from(#424242), to(#272727));text-decoration: none;}
.navbar-bottom .navbar-collapse{padding-left:0;padding-right:0;}
.navbar-fixed-bottom em {display:block;width: 60px;height: 60px;margin: 0 auto;margin-top: -15px;padding: 1px;border-radius: 5px;background: -webkit-gradient(linear, 0 0, 0 100%, from(#545454), to(#3e3e3e));}
.navbar-fixed-bottom span.home {display: block;padding: 1px;border-radius: 5px;background: -webkit-gradient(linear, 0 0, 0 100%, from(#878787), to(#3e3e3e));}
.navbar-fixed-bottom img {height: 25px;width: 25px;margin: 0 auto;vertical-align:top;}
.navbar-fixed-bottom samp {background: -webkit-gradient(linear, 0 0, 0 100%, from(#6b6b6b), to(#3e3e3e));border-radius: 5px;padding: 5px;display: block;font-family: Menlo,Monaco,Consolas,"Courier New",monospace;font-size: 1em;}
.navbar-fixed-bottom p {height:35px;padding: 5px;border-radius: 5px;background: #fb9101;margin: 0 0 10px;}



/* h5-popup */
.img-replace{display: inline-block;overflow: hidden;text-indent: 100%;color: transparent;white-space: nowrap;}
.h5-popup-trigger{display: block;width: 170px;height: 50px;line-height: 50px;margin: 3em auto;text-align: center;color: #FFF;font-size: 14px;font-size: 0.875rem;font-weight: bold;text-transform: uppercase;border-radius: 50em;background: #35a785;box-shadow: 0 3px 0 rgba(0, 0, 0, 0.07);}
@media only screen and (min-width: 1170px){.h5-popup-trigger{margin: 6em auto;}}
.h5-popup{position: fixed;z-index:99999;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(94, 110, 141, 0.9);opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;}
.h5-popup.is-visible{opacity: 1;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}
.h5-popup-container{position: relative;width: 90%;max-width: 400px;margin:6em auto;background: #FFF;border-radius: .25em .25em .4em .4em;text-align: center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);-ms-transform: translateY(-40px);-o-transform: translateY(-40px);transform: translateY(-40px);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;}
.h5-popup-container p{padding: 3em 1em;}
.h5-popup-container .cd-buttons:after{content: "";display: table;clear: both;}
.h5-popup-container .cd-buttons li{float: left;width: 50%;list-style-type:none;}
.h5-popup-container .cd-buttons li.fluid{float:none;width:100%;}
.h5-popup-container .cd-buttons a{display: block;height: 60px;line-height: 60px;text-transform: uppercase;color: #FFF;-webkit-transition: background-color 0.2s;-moz-transition: background-color 0.2s;transition: background-color 0.2s;text-decoration:none;}
.h5-popup-container .cd-buttons li:first-child a{background: #fc7169;border-radius: 0 0 0 .25em;}
.no-touch .h5-popup-container .cd-buttons li:first-child a:hover{background-color: #fc8982;}
.h5-popup-container .cd-buttons li:last-child a{background: #b6bece;border-radius: 0 0 .25em 0;}
.no-touch .h5-popup-container .cd-buttons li:last-child a:hover{background-color: #c5ccd8;}
.h5-popup-container .h5-popup-close{position: absolute;top: 8px;right: 8px;width: 30px;height: 30px;}
.h5-popup-container .h5-popup-close::before, .h5-popup-container .h5-popup-close::after{content: '';position: absolute;top: 12px;width: 14px;height: 3px;background-color: #8f9cb5;}
.h5-popup-container .h5-popup-close::before{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);left: 8px;}
.h5-popup-container .h5-popup-close::after{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);right: 8px;}
.is-visible .h5-popup-container{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
@media only screen and (min-width: 1170px){.h5-popup-container{margin: 8em auto;}}


.list-contact{margin-bottom:15px;}
.list-contact li{border-bottom:solid 1px #cccccc;padding:5px 0;line-height:1.5em;}