.h4_style@charset "utf-8";
html {
  margin: 0;
  padding: 0;
  height: 100%;
}
body {
  font-family: tahoma, helvetica, "Microsoft Yahei", 微软雅黑, arial;
  font-size: 13px;
  line-height: 1.8;
  background-color: #fff;
  color: #352C2C;
  font-weight: 500;
  position: relative;
  padding: 0;
  width: 100%;
  min-height: 100vh;
  /*overflow-x: hidden;*/
  -webkit-overflow-scrolling: touch;
  -moz-overflow-scrolling: touch;
  -ms-overflow-scrolling: touch;
  -o-overflow-scrolling: touch;
  overflow-scrolling: touch;
  -webkit-font-kerning: auto;
  -moz-font-kerning: auto;
  font-kerning: auto;
  -o-font-kerning: auto;
}
.container{
	background-color:#fff;
}
* {
  font-family: tahoma, helvetica, "Microsoft Yahei", 微软雅黑, arial;
}
/* Bugfix: IE 10 Windows 8 and Windows Phone8 */
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
body,
input,
textarea {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*,
*:focus,
*:active,
a:link,
a:hover,
a:visited {
  text-decoration: none;
  outline: none !important;
  outline-offset: 0 !important;
}
a {
  color: #000000;
}
a:hover,
a:focus {
  color: #fd5151;
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  display: block;
  line-height: 1.4;
  font-weight: 400;
  margin: 0;
  text-rendering: optimizeLegibility;
}
h3 {
  font-size: 20px;
}
ul,
ol {
  padding: 0;
  margin: 0;
  list-style: none;
}
img {
  display: inline-block;
  width: auto;
  height: auto;
  -ms-interpolation-mode: bicubic;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
img::selection,
img::-webkit-selection,
img::-moz-selection {
  background: transparent;
}
figure {
  display: block;
  padding: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
}
figure img{
	width:100%;
} 
iframe {
  border: none;
}
section {
  position: relative;
}
label {
  font-weight: normal;
}
.panel {
  margin: 0;
}
.font-10 {
  font-size: 10px !important;
}
.font-14 {
  font-size: 14px !important;
}
.font-15 {
  font-size: 15px !important;
}
.font-16 {
  font-size: 16px !important;
}
.pt-5 {
  padding-top: 5px !important;
}
.pt-10 {
  padding-top: 10px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pb-5 {
  padding-bottom: 5px !important;
}
.pl-5 {
  padding-left: 5px !important;
}
.pl-10 {
  padding-left: 10px !important;
}
.pl-0 {
  padding-left: 0px !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pr-5 {
  padding-right: 5px !important;
}
.ptb-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.ptb-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.ptb-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.prl-10 {
  padding-right: 10px !important;
  padding-left: 10px !important;
}
.prl-20 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}
.mt-5 {
  margin-top: 5px !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mr-5 {
  margin-right: 5px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.ml-7{
  margin-left: 10px !important;
}
.mtb-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.color-green {
  color: #ff6699 !important;
}
.color-mid {
  color: #717f86 !important;
}
.color-darker {
  color: #384047 !important;
}
@media (min-width: 992px) {
  .t-md-right {
    text-align: right !important;
  }
}
.bg-blue {
  background-color: #ff6699 !important;
}
.bg-white {
  background-color: #fff !important;
}
.bg-black {
  background-color: #000 !important;
}
.form-control {
  height: 40px;
  padding: 8px 12px;
  font-size: 12px;
  line-height: 20px;
  background-color: transparent;
  border: 2px solid #ddd;
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all ease-in-out 150ms;
  -ms-transition: all ease-in-out 150ms;
  -o-transition: all ease-in-out 150ms;
  transition: all ease-in-out 150ms;
}
.form-control:focus {
  border-color: #ff6699;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.input-lg,
select.input-lg {
  height: 46px;
  padding: 11px 14px;
  font-size: 13px;
  line-height: 20px;
  border-radius: 3px;
}
.btn-group-lg > .btn,
.btn-lg {
  height: 46px;
  padding: 11px 30px;
  font-size: 13px;
  line-height: 20px;
  border-radius: 3px;
}
.btn {
  background-color: #ff6699;
  color: #fff;
}
.btn:hover,
.btn.hover,
.btn:focus,
.btn.focus,
.btn:active,
.btn.active {
  color: #fff;
  background-color: #ff6699;
  border-color: #ff6699;
}
.row-rl-10 {
  margin-right: -10px;
  margin-left: -10px;
}
.row-rl-10 > [class*="col-xs"],
.row-rl-10 > [class*="col-sm"],
.row-rl-10 > [class*="col-md"],
.row-rl-10 > [class*="col-lg"] {
  padding-right: 10px;
  padding-left: 10px;
}
.page-wrapper {
  position: relative;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  background: #fff;
}
.section {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
/* Styled Title */
.h-title {
  position: relative;
  padding-bottom: 0.45em;
}
.h-title:before {
  content: '';
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 2px;
  background: #f1f1f1;
}
.h-title:after {
  content: '';
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 40px;
  height: 2px;
  background: #ff6699;
}
/* Alert Error */
.alert-error {
  background-color: #ea4335;
  color: #fff;
  padding: 20px;
}
.label {
  font-size: 11px;
  font-weight: normal;
}
.label-success {
  /*background-color: #ff6699;*/
}
.panel {
  border-radius: 4px;
  overflow: hidden;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
/* Pagination */
.page-pagination {
  font-size: 13px;
  margin: 20px auto;
  text-align: center;
}
.page-pagination li {
  display: inline;
}
.page-pagination a.page-numbers,
.page-pagination .page-numbers.current {
  display: inline-block;
  margin: 0 2px;
  padding: 0 13px;
  line-height: 32px;
  height: 36px;
  border: 2px solid transparent;
  border-radius: 4px;
  -webkit-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.page-pagination a.page-numbers {
  border-color: #d3d9dd;
  color: #576366;
  margin-bottom:5px;
}
.page-pagination .page-numbers.current,
.page-pagination a.page-numbers:hover {
  border-color: #ff6699;
  background-color: #ff6699;
  color: #fff;
}
/* Js Tabs */
.nav-tabs {
  border-bottom: 0;
}
.nav-tabs > li {
  margin-bottom: 0;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border: 0;
  box-shadow: none;
  color: #FFFFFF;
  background-color: #ff6699;
}
.nav-tabs > li > a {
  border: 0;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  background-color: transparent;
}
/* |–––––––––––––––––[ Header Menu ]–––––––––––––––| */
.nav-menu > li > a,
.nav-menu-fixed > a {
  color: #fff;
}
.nav-menu > li > ul a {
  color: #314555;
}
.nav-menu-fixed > a,
.nav-menu > li:hover > a,
.nav-menu > li.active > a {
  background-color: #fff;
  color:#ff6699;
}
.nav-menu > li > ul a {
  color: #314555;
  background-color: #fff;
}
.nav-menu > li > ul li:hover > a,
.nav-menu > li > ul li.active > a {
  color: #ff6699;
  background-color: #f1f1f1;
}
.nav-bar {
  position: relative;
}
.nav-header {
  position: relative;
  display: none;
}
.nav-menu > li a .indicator {
  margin-left: 10px;
}
.nav-menu > li > ul li a .indicator {
  position: absolute;
  top: 0;
  right: 15px;
}
.nav-toggle {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 40px;
  padding: 10px 4px;
  left: 0;
}
.nav-toggle i {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
}
.nav-toggle i + i {
  margin-top: 7px;
}
.nav-menu {
  margin: 0 auto;
  list-style: none;
  padding: 0;
  position: relative;
}
.nav-menu:before,
.nav-menu:after {
  content: "";
  display: table;
}
.nav-menu:after {
  clear: both;
}
.nav-menu.nav-menu-fixed {
  position: absolute;
  top: 0;
  right: 0;
}
.nav-menu.nav-menu-fixed a {
  display: inline-block;
}
.nav-bar ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav-menu > li > ul,
.nav-menu > li > ul > li ul,
.nav-menu .mega-menu {
  background: #fff;
  margin: 0;
  display: none;
  min-width: 200px;
  position: absolute;
  z-index: 99;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}
.nav-menu > li > ul {
  top: 100%;
  left: 0;
}
.nav-menu > li:last-child > ul {
  right: 0;
}
.nav-menu > li > ul > li ul {
  top: 0;
  left: 100%;
}
.nav-menu > li:last-child > ul > li ul {
  right: 100%;
}
.nav-menu .mega-menu {
  width: 100%;
  top: 100%;
  left: 0;
  padding: 15px 20px;
}
.nav-menu li {
  display: block;
  position: relative;
}
.nav-menu .dropdown-mega-menu {
  position: static;
}
.nav-menu > li {
  float: left;
}
.nav-menu a {
  text-decoration: none;
  display: block;
  padding: 0 9px;
  margin: 0;
  position: relative;
  font-size: 14px;
}
.nav-menu .mega-menu a {
  padding: 0;
}
.nav-menu > li > a,
.nav-menu > a {
  height: 50px;
  line-height: 50px;
}
.nav-menu > li ul li a {
  height: 35px;
  line-height: 35px;
}
.nav-menu .mega-menu li a {
  height: 30px;
  line-height: 30px;
}
.nav-menu .mega-menu .mega-title {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  text-transform: uppercase;
  font-size: 14px;
}
@media only screen and (max-width: 959px) {
  .nav-menu {
    background-color: #fff;
  }
  .nav-menu li > a,
  .nav-menu li.active a {
    color: #314555;
    background-color: #fff;
  }
  .nav-menu li:hover > a,
  .nav-menu li.active-mobile > a {
    color: #ff6699;
    background-color: #f1f1f1;
  }
  .nav-header {
    display: block;
  }
  .nav-collapse {
    display: none;
    padding-bottom: 10px;
  }
  .nav-header,
  .nav-menu.nav-menu-fixed a {
    height: 60px;
    line-height: 60px;
  }
  .nav-menu > li a .indicator {
    position: absolute;
    top: 0;
    right: 20px;
  }
  .nav-menu ul {
    padding-left: 20px;
  }
  .nav-menu .mega-menu,
  .nav-menu > li > ul,
  .nav-menu > li > ul > li ul {
    width: 100%;
    position: static;
  }
  .nav-menu .mega-menu {
    padding: 0 20px;
  }
  .nav-menu li {
    width: 50%;
    float: left;
    border-bottom: 1px solid #eee;
  }
  .nav-menu li:last-child,.nav-menu li:first-child,#topsearch,.nav-menu li.w100 {
    width: 100%;
  }
  .nav-menu li ul.w50 li {
    width: 50%;
  }
  .nav-menu li:last-child {
    border-bottom: 0;
  }
  .nav-menu > li > a {
    height: 40px;
    line-height: 40px;
  }
  .nav-menu > li ul li a {
    height: 40px;
    line-height: 40px;
  }
}
.back-top {
  z-index: 9999;
  position: fixed;
  right: 30px;
  bottom: -10px;
  opacity: 0;
  width: 40px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  border-radius: 2px;
  -webkit-transition: all 400ms linear 0ms;
  -ms-transition: all 400ms linear 0ms;
  -o-transition: all 400ms linear 0ms;
  transition: all 400ms linear 0ms;
  background-color: rgba(0, 0, 0, 0.4);
  font-size: 20px;
}
.back-top:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.back-top.show {
  opacity: 1;
  bottom: 30px;
}
.deal-thumbnail:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…B3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=);
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(183, 176, 176, 0.2)), color-stop(30%, rgba(183, 176, 176, 0.3)), color-stop(65%, rgba(183, 176, 176, 0.5)), color-stop(100%, rgba(51, 49, 49, 0.95)));
  background-image: -moz-linear-gradient(top, rgba(183, 176, 176, 0.2) 0%, rgba(183, 176, 176, 0.3) 30%, rgba(183, 176, 176, 0.5) 65%, rgba(51, 49, 49, 0.95) 100%);
  background-image: -webkit-linear-gradient(top, rgba(183, 176, 176, 0.2) 0%, rgba(183, 176, 176, 0.3) 30%, rgba(183, 176, 176, 0.5) 65%, rgba(51, 49, 49, 0.95) 100%);
  background-image: linear-gradient(to bottom, rgba(183, 176, 176, 0.2) 0%, rgba(183, 176, 176, 0.3) 30%, rgba(183, 176, 176, 0.5) 65%, rgba(51, 49, 49, 0.95) 100%);
  z-index: 0;
  opacity: 0.5;
}
.stores-area-v2 .letters-toolbar{
	border-bottom: 1px dotted #d5d5d5;
	    padding: 5px 0 0 0;
}
.stores-area-v2 .letters-toolbar2{
	    padding: 5px 0 0 0;
	      display: inline-block;
	      height: 63px;
	      overflow:hidden;
}
.w-30{
		      width:30%;
}
.stores-area-v2 .letters-toolbar span a {
  display: inline-block;
  width: auto;
  height: 28px;
  line-height: 28px;
  text-align: center;
  margin-right: 5px;
  font-size: 14px;
  padding:0 5px;
}
.stores-area-v2 .letters-toolbar2 span a {
  display: inline-block;
  width: auto;
  height: 28px;
  line-height: 28px;
  text-align: center;
  margin-right: 5px;
  font-size: 14px;
  padding:0 5px;
}
.stores-area-v2 .letters-toolbar .single-stores span a:hover{
	border-radius: 3px;
    color: #FFFFFF;
    background-color: #ff6699;
}
.stores-area-v2 .letters-toolbar .single-stores span a.active{
	border-radius: 3px;
    color: #FFFFFF;
    background-color: #ff6699;
}
.stores-area-v2 .letters-toolbar .all-stores span {
  display: inline-block;
  width: auto;
  height: 28px;
  line-height: 28px;
  text-align: center;
  color: #999;
  font-size: 12px;
}
.stores-area-v2 .letters-toolbar2 .all-stores2 span {
 display: inline-block;
  width: 22px;
  line-height: 25px;
  text-align: center;
  color: #999;
  font-size: 12px;
    padding-bottom: 5px;
    background: #ff6699;
    text-align: center;
    float: left;
    z-index: 5;
    color: #fff;
    padding-top: 3px;
}
    
.stores-area-v2 {
  border: 1px solid #e0e0e0;
  padding: 0 10px;
}
.stores-area-v2 .stores-cat {
  display: inline-block;
  width: 100%;
}
.stores-area-v2 .stores-cat .stores-cat-header {
  color: #ff6699;
  padding: 0 15px;
  line-height: 48px;
  margin: 0px;
  display: inline-block;
  width: 100%;
  background-color: #f7f8f9;
}
.stores-area-v2 .stores-cat .stores-cat-body {
  padding: 0px 15px 20px 15px;
}
.stores-area-v2 .stores-cat li a {
  line-height: 36px;
  color: #555;
  display: inline-block;
  width: 100%;
}
.stores-area-v2 .stores-cat li a:hover {
  color: #ff6699 ;
}
.stores-area-v2 .stores-cat ul li ul {
  padding: 0px;
  border-right: 1px dashed #cccccc;
}
.stores-area-v2 .stores-cat ul li:last-child ul {
  border-right: none;
}
.store-page .store-splitter-left {
  border-left: 1px dashed #ddd;
}
.deals-area header.panel {
  overflow: visible;
}
.coupon-single {
  position: relative;
}
.post-meta {
  font-size: 12px;
  color: #8a8a8a;
}
.recent-posts .recent-post .media-left img {
  width: 80px;
  height: 68px;
  border-radius: 3px;
}
/* Categories / Archive Widget */
.categories-widget ul > li,
.archive-widget ul > li {
  padding: 12px 0 5px;
}
.categories-widget ul > li + li,
.archive-widget ul > li + li {
  border-top: 1px solid #f2f2f2;
}
.categories-widget li a,
.archive-widget li a {
  font-weight: 300;
  padding-left: 15px;
  position: relative;
}
/* popular-tags sidebar */
.tags .badge {
  margin-right: 3px;
  width: auto;
  padding: 0 12px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  font-weight: normal;
  border-radius: 3px;
  color: #fff;
  background-color: #9FA5A8;
  margin-bottom: 10px;
  -webkit-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
.tags .badge:hover
 {
  color: #fff;
  background-color: #ff6699;
}
/*****************************/
    .plays {
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.1) url(/template/dm/home/assets/images/play-icon4.png) no-repeat center;
    display: none;
    cursor: pointer;
}.plays2 {
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.1) url(/template/dm/home/assets/images/play-icon3.png) no-repeat center;
    display: none;
    cursor: pointer;
}
.plays4 {
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.1);
    display: none;
    cursor: pointer;
    color:#fff;
    font-size:12px;
    padding-left:0px;
    padding-top:5px;
}
.plays4 span{
	padding-left:10px;
}
.plays3 {
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    display: none;
    cursor: pointer;
    color:#fff;
    font-size:12px;
    padding-left:0px;
    padding-top:5px;
}
.plays3 span{
	padding-left:10px;
}
.plays5 {
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.1) url(/template/dm/home/assets/images/play-icon2.png) no-repeat center;
    display: none;
    cursor: pointer;
}
.playd:hover span{
	display: block;
}
    span.name {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    z-index: 2;
    background: rgba(0, 0, 0, 0.5);
}  
.playd span span {       
    float: left;
    color: #fff;
    margin-left: 10px;
    display: inline;
    padding:5px 0;
       }
    .playd span span em{    
        display: block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    overflow: hidden;  
        font-style: normal;   }  
.resize-row-masnory{
	margin-left: -7px;
	margin-right: -7px;
}      
.playd span em.play-bg {
    float: left;
    background-color: #ff6699;
    color:#fff;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
}                     
.presentationh2 h3 {
    float: left;
    font-size: 20px;
    color: #333;
    font-weight: 400;
    margin-right: 50px;
        
} 
.pRightBottom {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    height: 25px;
    line-height: 25px;
    background: rgba(0, 0, 0, 0.5);
    padding: 0px 5px;
    border-radius: 4px 0 0;   
    font-size: 10px;
    }
	  .zjxl img{
    	width:100%;
    	height: 120px;
    }
    .zjxl figure{
    	height:120px;
    }
    .sywz img{
    	width:100%;
    	height: 100%;
    }
    .sywz figure{
    	height:200px;
    }
    .h-25{
    	height: 25px;
    	overflow: hidden;
    	line-height: 23px;
    }
    .h-20{
    	height: 20px;
    	overflow: hidden;
    	line-height: 21px;
    }
    .h-40{
    	height: 40px;
    	overflow: hidden;
    	line-height: 18px;
    }
    .h-25_x{
    	height: 25px;
    	overflow-y: hidden;
    	overflow-x: scroll;
    	line-height: 23px;
    }
    .h-20_x{
    	height: 20px;
    	overflow-y: hidden;
    	overflow-x: scroll;
    	line-height: 18px;
    }
    .h-40_x{
    	height: 40px;
    	overflow-y: hidden;
    	overflow-x: scroll;
    	line-height: 18px;
    }
    .mask-gradient {
    height: 100%;
    line-height: 28px;
    position: absolute;
    left: 0;
    bottom: 0;
    padding-top: 30px;
    z-index: 2;
    width: 100%;
    background: url(/template/dm/home/assets/images/show.png) 0 bottom repeat-x;
}
.mask-gradient span{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height:20px;
    line-height: 20px;
    overflow: hidden;
    color: #fff;
    padding: 0 12px;
    font-size: 12px;
}

.mask-gradient p {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50px;
    font-size: 12px;
    line-height: 22px;
    width: 192px;
    color: #fff;
    padding: 0 12px;
}
.padding0{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
	padding-right: 7px;
	/*margin-bottom: -15px;*/
}
.padding02{
	padding-left: 10px;
	padding-right: 10px;
}
.padding03{
	padding-left: 0;
	padding-right: 0;
}
li.list-group-item_style{
	margin-bottom:10px;
	padding: 5px 15px;
}

.border_no_style{
	border:none;
}
.border_nolr_style{
	border-left:none;
	border-right:none;
}
.main_style{
	margin:0 2%;
}
.panel{
	margin-bottom:0px;
}
.panel>.list-group .list-group-item, .panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 1px;
    border-radius: 0;
}
.h4_style{
	font-size: 16px;
    font-weight: bold;
    line-height: 36px;
    color: #333;
    border-bottom: #db6d4c 4px solid;
}
.h4_style2{
	font-size: 16px;
    font-weight: bold;
    color: #333;
    height:30px;
}
.h6_style{
	font-size: 14px;
    font-weight: normal;
    line-height: 26px;
    color: #333;
    margin-top: 6px;
    border-bottom: #db6d4c 4px solid;
}
.h6_style .breadcrumb{
	background-color:#fff;
}
.breadcrumb li a{
  color: #ff6699 !important
}
.h4_style span  {
    float: right;
    font-size: 12px;
    font-weight: normal;
}
.h4_style span a {
    display: inline-block;
    margin: 0 5px;
}
.h4_style2 span  {
    float: right;
    font-size: 12px;
    font-weight: normal;
}
.h4_style2 span a {
    display: inline-block;
    margin: 0 5px;
}
.h4_style2 span a.active {
    color:#ff6699;
}
.h3_style{
	height:30px;
	line-height:30px;
    color: #000040;
    font-size: 18px;
    border-bottom: 1px solid #E6E6E6;
}
a.more_style{
	float:right;
	font-size:14px;
	text-decoration: none;
}
.carousel-caption_style{
	bottom:-30px;
}
.top_style{
	position: relative;
    min-height: 50px;
    margin-bottom: 8px;
    border: 1px solid transparent;
}
@media (min-width: 992px){
.top_style{
    width: 79.33333333%;
    margin-left: 10.33333333%;
    margin-bottom: 8px;
}
}
.center_style{
	vertical-align:middle; 
	text-align:center;
	margin:0 auto;
	padding:5px 15px;
}
.mfont_style{
	font-size:12px;
	vertical-align:middle; 
}
.gray_style{
	color:gray
}
.panel-default>.panel-heading_style{
	background-color:#dff0d8;
}
.bluelink_style{
	color:#337ab7;
}
.reply_style{
	display:none;
}
.replydiv{
	margin:10px 0 3px 60px;
	border-top: 1px solid #ccc;
	padding: 16px 5px 0 0;
} 
.replyli{
	border-top: 1px solid #ccc;
	padding-top: 16px;
} 
.javaweb-comment a.replyuser_style{
	color: #c88326;
}
.badge {
    color: #337ab7;
    font-size: 14px;
    font-weight: normal;
    background: 0
}

.more {
    float: right;
    font-size: 12px;
    color: green
}

#scrollTop {
    width: 57px;
    height: 57px;
    position: fixed;
    right: 40px;
    bottom: 62px;
    opacity: .6;
    background: url(top.png) no-repeat
}

#scrollTop:hover {
    opacity: 1;
    background: url(top.png) no-repeat
}

.img_radius {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.29),inset 1px 1px 1px rgba(255,255,255,.44);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.29),inset 1px 1px 1px rgba(255,255,255,.44);
    box-shadow: 1px 1px 1px rgba(0,0,0,.29),inset 1px 1px 1px rgba(255,255,255,.44)
}

.art-container {
    padding: 2px
}

.art-title {
    font-weight: bold
}

.art-title-info {
    font-size: 12px;
    color: gray;
    height: 28px;
    line-height: 28px;
    vertical-align: middle
}

.art-title-info .art-left {
    float: left;
    margin-left: 60px
}

.art-title-info .art-right {
    float: right;
    margin-right: 60px
}

.art-title-right {
    float: right;
    margin-right: 60px;
    font-size: 12px;
    color: gray;
    height: 28px;
    line-height: 28px;
    vertical-align: middle
}

.art-content {
    margin: 30px 0
}
.art-content img{
	max-width:100%;
}

.q-taglist {
    padding: 0;
    overflow: hidden;
    list-style: none
}

.q-taglist .q-icon {
    display: block;
    float: left;
    height: 24px;
    line-height: 24px;
    width: 26px;
    padding: 6px 4px;
    background: url(q-tag.png) no-repeat 4px -10px
}

.q-taglist .q-tagitem {
    float: left;
    font-size: 12px;
    line-height: 26px;
    padding: 0 2px
}

.q-taglist .a-tagitem {
    color: #454545;
    padding: 2px 4px;
    _padding: 4px 4px 0;
    word-break: keep-all;
    word-wrap: normal;
    text-decoration: none
}

.q-taglist .a-tagitem:hover {
    color: #fff;
    background-color: #3fa7cb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.mod-footer .hidden-box {
    line-height: 0;
    height: 0;
    overflow: hidden
}

.mod-footer .footer-box {
    text-align: center;
    font-family: Arial,simsun;
    font-size: 12px
}

.mod-footer .footer-box .inner-box {
    margin-bottom: 10px;
    line-height: 14px;
    height: 14px;
    overflow: hidden;
    color: #3fa7cb
}

.mod-footer .footer-box .copy-box {
    margin-bottom: 20px;
    color: #8a8a8a;
    line-height: 25px;
}

.mod-footer .footer-box .copy-box img {
    vertical-align: middle
}
@media (max-width: 992px){
	.m_none{
	display:none;
}	
ul.nav-menu li.m_none{
	display:none;
}
.m_show{
	display:block;
}	
.all-stores{
    		    width: 8%;
    		    display: inline-block;
    		    vertical-align: top;
    	}
    	.single-stores{
    		    width: 90%;
    		    display: inline-block;
    	}
} 
.hotTips { padding:5px 0 0 5px}
.hotTips li { width:76px; height:95px; position:relative; float:left; margin:0 8px; display:inline; overflow:hidden}
.hotTips li img { position:relative; z-index:10;}
.hotTips li a.aPic { position:absolute; z-index:11; width:76px; height:48px; overflow:hidden; display:block; bottom:23px}
.hotTips li a:hover.aPic { height:auto;}
.hotTips i.iBg { background-position:0 -226px; position:absolute; bottom:16px; left:0; width:76px; height:60px; z-index:5}
.hotTips li .sName { line-height:20px; display:block; text-align:center; padding-top:75px; height:20px;}
.hotTips li .sName a { color:#000;}
.hotTips li .sName a:hover { color:#fd5151}
@media ( max-width: 992px ) and (min-width: 765px){
	.m_none2{
		display:none;
	}	
	.m_div{
		overflow-y: scroll; /*height: 200px;*/
	}
}
@media ( max-width: 765px ){
	.m_div{
		overflow-y: scroll; /*height: 200px;*/overflow-x: hidden;
	}
	.hotTips { padding:5px 0 0 0}
	.hotTips li {  width:25%; height:95px; position:relative; float:left; margin:0; display:inline; overflow:hidden}
	.hotTips li img { position:relative; z-index:10;}
	.hotTips li a.aPic { position:absolute; z-index:11;  height:48px; overflow:hidden; display:block; bottom:23px}
	.hotTips li a:hover.aPic { height:auto;}
	.hotTips i.iBg { background-position:0 -226px; position:absolute; bottom:16px; left:0; height:60px; z-index:5}
	.hotTips li .sName { line-height:20px; display:block; text-align:center; padding-top:75px; height:20px;}
	.hotTips li .sName a { color:#000;}
	.hotTips li .sName a:hover { color:#fd5151}
}
.blockspan{
	display:block;
	padding-bottom:5px;
}
@media (max-width: 672px){ 
.all-stores{
    		    width: 10%;
    		    display: inline-block;
    		    vertical-align: top;
    	}
    	.single-stores{
    		    width: 88%;
    		    display: inline-block;
    	}
    	.blockspan{
	display:inline;
	padding-bottom:5px;
	width:50%;
}
} 
@media (max-width: 552px){
.all-stores{
    		    width: 17%;
    		    display: inline-block;
    		    vertical-align: top;
    	}
    	.single-stores{
    		    width: 81%;
    		    display: inline-block;
    	}
} 
@media (min-width: 992px){
	.pc_none{
	display:none;
	}
.pc_show{
	display:block;
}	
.all-stores{
    		    width: 6%;
    		    display: inline-block;
    		    vertical-align: top;
    	}
    	.single-stores{
    		    width: 92%;
    		    display: inline-block;
    	}
} 
@media (min-width: 1200px){
   .all-stores{
    		    width: 5%;
    		    display: inline-block;
    		    vertical-align: top;
    	}
    	.single-stores{
    		    width: 93%;
    		    display: inline-block;
    	}
} 
@media (min-width: 765px){
	.pc_none2{
	display:none;
	}
}
    	.all-stores2{
    		    width: 2%;
    		    display: inline-block;
    		    vertical-align: top;
    	}
    	.single-stores2{
    		    width: 90%;
    		    display: inline-block;
    		    padding-left: 20px;
    	}
.tags .badge2{
	min-width: 80px;
    color: #e21e60;
    background-color: #FFFFFF;
    border: 1px solid #dfdfdf;
    margin-right: 8px;
}
img.logo{
	width:150px;
}
img.logo2{
	width:100px;
}
.form_style{
	height:40px;
	margin-top:5px;
	margin-bottom:5px;
	border:none;
}
.form_style input{
	background-color:#fff;
	height:40px;
	border:none;
}
.form_style select{
	background-color:#fff;
	height:40px;
	border:none;
	margin-right:5px;
}
.form_style button{
	background-color:#fff;
	height:40px;
	color:#ff6699;
}
.form_style button:hover{
	background-color:#fff;
	height:40px;
	color:#ff6699;
}
.wrapper {
    padding-top: 200px;
    background-repeat: no-repeat;
    background-position: 50% 0;
}
.wrapper {
    position: relative;
    z-index: 30;
    zoom: 1;
}
.tags a.noLink,.tags a.noLink:hover {
    background: #fafafa;
    border-color: #ddd;
    color: #aaa;
    cursor: default;
}
.tags .badgehover
 {
  color: #fff;
  background-color: #ff6699;
}
.showlist{
	min-height:200px;
}
.bootstrap-dialog.type-primary .modal-header {
    background-color: #ff6699;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #ff6699;
    outline: 0;
}
ul.dropdown-menu {
    z-index: 9999999;
}
.filter {
    opacity: 0.95;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);
}
.padding_0{
	padding:0px 0px 0px 0px;
}
.imgauto{
	width:100%;
	height:auto;
}
@media (max-width: 672px){ 
	.m_font1{
	font-size:14px;
}
.m_font2{
	font-size:12px;
	line-height:14px;
	color:#666;
}
.art-title-info .art-left,.art-title-info .art-right {
    margin-left: 0px;
    margin-right:0px;
    float:right;
}
.tags .badge2 {
    min-width: 56px;
    margin-right: 3px;
}
.tags .badge {
    margin-right: 3px;
    width: auto;
    padding: 0 7px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
}
}
#playiframe{
	width:100%;
	height:auto;
	margin-bottom:5px;
}
@media (min-width: 992px) {
	.mimg figure img{
	height: 235px;
}
	.mimg2 figure img{
		height: 168px;
	}
}
@media (max-width: 992px) {
	.mimg figure img{
	height:170px;
}
	.mimg2 figure img{
		height:170px;
	}
}
@media (max-width: 768px) {
	.mimg figure img{
	height:245px;
}
	.mimg2 figure img{
	height:245px;
}
}
@media (max-width: 512px) {
	.mimg figure img{
	height:150px;
}
	.mimg2 figure img{
		height:150px;
	}
}
@media (max-width: 412px) {
	.mimg figure img{
	height:130px; 
}
}
#playdiv::-webkit-scrollbar {
 width: 8px;
}
#playdiv::-webkit-scrollbar-track {
 background-color:#808080;
 -webkit-border-radius: 2em;
 -moz-border-radius: 2em;
 border-radius:2em;
}
#playdiv::-webkit-scrollbar-thumb {
 background-color:#ff6699;  
 -webkit-border-radius: 2em;
 -moz-border-radius: 2em;
 border-radius:2em;
}
.m_div::-webkit-scrollbar {
 width: 0px;
}
.m_div::-webkit-scrollbar-track {
 background-color:#808080;
 -webkit-border-radius: 2em;
 -moz-border-radius: 2em;
 border-radius:2em;
}
.m_div::-webkit-scrollbar-thumb {
 background-color:#ff6699;  
 -webkit-border-radius: 2em;
 -moz-border-radius: 2em;
 border-radius:2em;
}
img.artimg{
	width:100%;
	height:80px;
}
.margin0{
	margin:0;
}
.rd100{
	border-radius:100%;
    height: 70px;
	
}
.media {
    margin-top: 12px;
}
.ml-0{
	margin-left: 0px;
}
.pl-0{
	padding-left: 0px;
}