.contWidth{width:1200px;margin:0 auto;}
.contWidth a:hover{text-decoration:none;outline:0;}
.clearflow{overflow:hidden;*zoom:1;}
.clearfix:before,.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.fl{float:left;*display:inline;}
.fr{float:right;*display:inline;}
.fontArial{font-family:arial;}
/*select*/
.common-select select {
  display: none;
}
.common-select {
  float: left;
  display: block;
  width: 290px;
  position: relative;
  background-color: #fff;
  line-height: 30px;
  color: #a8a8a8;
  font-size: 12px;
  border-radius: 2px;
}
.common-cascader {
  float: left;
  display: block;
  position: relative;
  line-height: 30px;
  color: #a8a8a8;
  font-size: 12px;
  border-radius: 2px;
}
.common-select-toggle,
.common-cascader-togg,
.dropdown-togg {
  position: relative;
}
.common-select-toggle span.on,
.common-select.selected .common-select-toggle span,
.common-select .common-input {
  height: 34px;
}
.common-cascader-togg span.on,
.dropdown-togg span.on {
  color: #303236;
}
.common-cascader .common-input {
  width: 100%;
}
.iconxiala {
  position: absolute;
  top: 10px;
  right: 9px;
  z-index: 3;
  font-size: 12px;
  line-height: 12px;
  color: #c0c4cc;
}
.iconxiala:before {
  display: inline-block !important;
  transition: transform 0.3s;
}
.common-select-toggle .icon_bottom_no_bg {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-color: #ababab;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask: url(../images/icon_bottom_no_bg.svg) no-repeat;
  mask: url(../icon_bottom_no_bg.svg) no-repeat;
}
.common-selct-list {
  display: none;
  position: absolute;
  top: 34px;
  left: 0;
  z-index: 20;
  background-color: #fff;
  border: 1px solid #DBE2E7;
}
.common-selct-list .select-list {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 247px;
  padding: 6px 0;
}
.common-selct-list li {
  height: 30px;
  padding: 0 10px;
  color: #999;
  text-align: left;
  line-height: 30px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.common-selct-list li:hover {
  color: #0091FF;
}
.common-selct-list li.on {
  color: #409eff;
  font-weight: 700;
}
.common-selct-list li.on a {
  color: #409eff;
}
.common-select-border-none {
  border: none;
}
.common-select-border-none li {
  font-size: 14px;
  color: #262626;
}
.collapse-transition {
  -webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
  transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
}/*palceholder 模拟*/
.common-form-group:after{content:" ";display:table;clear:both;}
.common-label{float:left;margin-right:18px;font-size:12px;color:#323232;line-height:32px;}
.common-form{position:relative;float:left;width:300px;}
.common-input{width:100%;height:32px;font-size:12px;line-height:1.5;padding:5px 25px 5px 10px;border:solid 1px #bbb;color:#323232;-moz-border-radius:2px;border-radius:2px;}
.common-notice{position:absolute;top:7px;left:10px;height:20px;font-size:12px;line-height:20px;color:#a8a8a8;}
.common-i-error{display:none;position:absolute;top:4px;right:8px;z-index:4;font-size:16px;color:#FF2D55;}
.common-has-error .common-i-error{display:block;}
.common-has-error .common-input,.common-has-error .common-input:hover,.common-has-error .common-input:focus{border:1px solid #ff2d55;color:#ff2d55;}
.common-input:hover,.common-input:focus{border:1px solid #999;}
.common-error{height:20px;line-height:20px;color:#ff2d55;}
.common-textarea{resize:none;height:200px;padding:5px 5px 5px 10px;}

/*layer*/
.body-mode{height:100%;overflow:hidden;}
.common-layer-shadow{position:fixed;left:0;top:0;z-index:99999;width:100%;height:100%;background-color:#000;opacity:.7;filter:alpha(opacity=70);}
.common-layer{position:fixed;left:50%;top:50%;z-index:999999;width:500px;height:300px;background-color:#fff;margin:-150px 0 0 -250px;color:#323232;-moz-border-radius:4px;border-radius:4px;}
.common-layer-title{position:relative;height:47px;line-height:47px;font-size:16px;color:#32323;}
.common-layer-title-v{padding:0 20px;line-height:46px;border-bottom:1px dashed #dcdcdc;}
.common-layer-close{position:absolute;right:14px;top:14px;color:#999;width:20px;height:20px;line-height:20px;cursor:pointer;font-size:14px;}
.common-layer-close:hover{color:#323232;}
.common-layer-main{position:relative;height:170px;margin:0 auto;overflow:hidden;}
.common-layer-btns{font-size:0;text-align:center;overflow:hidden;*zoom:1;}
.common-layer-btn{display:inline-block;padding:8px 27px;line-height:20px;font-size:14px;-moz-border-radius:2px;border-radius:2px;}
.layer-btn-sort-1{margin-left:40px;}

/**
 * 手机端-图片查看大图
 */
/*小图: m-watch-big-pic-container 为最外层元素另一个类名, 作为区分/限制 */
.m-watch-big-pic-container { width: 100%; height: 60vw; position: relative; }
.m-watch-big-photo .swiper-container { width: 100%; height: 100%; }
.m-watch-big-photo .swiper-container .swiper-slide img { width: 100%; height: 100%; }
.m-watch-big-photo .swiper-container video{width: 100%;}
.m-watch-big-photo .swiper-container .swiper-slide p, .m-watch-big-photo .swiper-container .swiper-pagination { display: none; }
.m-watch-big-pic-container .swiper-zoom-container > img { -o-object-fit: inherit; object-fit: inherit; }
.m-banner-nav-container { width: 100%; height: 26px; padding-bottom: 10px; position: absolute; z-index: 100; bottom: 0; }
.m-banner-nav-container li { position: relative; text-align: center; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; }
.m-banner-nav-container li span { width: 0; height: 0; margin-left: -4px; position: absolute; bottom: -10px; left: 50%; display: none; border-right: solid 5px transparent; border-bottom: solid 8px #fff; border-left: solid 5px transparent; }
.m-banner-nav-container li.active span { display: block; }
.m-banner-nav-container a { height: 16px; font-size: 11px; line-height: 16px; opacity: .6; color: #fff; }
/*大图*/
.m-pop-big-photo { width: 100%; height: 100%; position: fixed; z-index: 99999; top: 0; left: 0; background: #000; }
.m-pop-big-photo-top { width: 100%; height: 44px; background: rgba(38, 38, 38, .50); }
.m-pop-big-photo-top a { width: 44px; height: 44px; position: relative; z-index: 1000; }
.m-pop-big-photo-top svg { width: 24px; height: 24px; }
.m-pop-big-photo-top .svgcfff { fill: #fff; }
.m-pop-big-photo-swiper .swiper-pagination { height: 21px; padding-right: 16px; position: fixed; z-index: 999; top: 12px; display: block !important; font-size: 15px; text-align: right; color: #fff; }
.m-pop-big-photo-nav .m-banner-nav-container a { height: 20px; padding: 0 10px; display: inline-block; line-height: 20px; opacity: 1; color: #fff; }
.m-pop-big-photo-nav .m-banner-nav-container li.active a { color: #262626; -moz-border-radius: 12px; border-radius: 12px; background: #fff; }
.m-pop-big-photo-nav .m-banner-nav-container li.active span { display: none; }
.m-pop-big-photo-title { width: -moz-calc(100% - 88px); width: calc(100% - 88px); float: left; font-size: 16px; line-height: 44px; text-align: center; color: #fff; }
.m-pop-big-photo-swiper { width: 100%; height: -moz-calc(100vh - 74px); height: calc(100vh - 74px); position: relative; }
.m-pop-big-photo-swiper .swiper-container { z-index: auto; }
.m-pop-big-photo-nav .m-banner-nav-container { height: 30px; padding-bottom: 0; background: rgba(0, 0, 0, .50); }

/* tips */
@-webkit-keyframes bounceInUp {
    from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .610, .355, 1.000); animation-timing-function: cubic-bezier(.215, .610, .355, 1.000); }
    from { -webkit-transform: translate3d(0, 350px, 0); transform: translate3d(0, 350px, 0); opacity: 0; }
    60% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 1; }
    75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
    90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@-moz-keyframes bounceInUp {
    from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .610, .355, 1.000); -moz-animation-timing-function: cubic-bezier(.215, .610, .355, 1.000); animation-timing-function: cubic-bezier(.215, .610, .355, 1.000); }
    from { -webkit-transform: translate3d(0, 350px, 0); -moz-transform: translate3d(0, 350px, 0); transform: translate3d(0, 350px, 0); opacity: 0; }
    60% { -webkit-transform: translate3d(0, -20px, 0); -moz-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 1; }
    75% { -webkit-transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
    90% { -webkit-transform: translate3d(0, -5px, 0); -moz-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
    to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes bounceInUp {
    from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .610, .355, 1.000); -moz-animation-timing-function: cubic-bezier(.215, .610, .355, 1.000); animation-timing-function: cubic-bezier(.215, .610, .355, 1.000); }
    from { -webkit-transform: translate3d(0, 350px, 0); -moz-transform: translate3d(0, 350px, 0); transform: translate3d(0, 350px, 0); opacity: 0; }
    60% { -webkit-transform: translate3d(0, -20px, 0); -moz-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 1; }
    75% { -webkit-transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
    90% { -webkit-transform: translate3d(0, -5px, 0); -moz-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
    to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.common-tips { min-width: 186px; max-width: 200px; min-height: 44px; max-height: 88px; margin: auto; position: fixed; z-index: 9999999; top: 0; right: 0; bottom: 0; left: 0; text-align: center;}
.common-tips p { width: 100%; margin: 0; padding:21px 20px; font-size: 14px; text-align: center; text-indent: 0; letter-spacing: 0; color: #fff; border: 0;background-color: rgba(0, 0, 0, .6); -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3); -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3);border-radius:10px; }
.animated { -webkit-animation-duration: .4s; -moz-animation-duration: .4s; animation-duration: .4s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; animation-name: bounceInUp; }