/*reset*/
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,menu,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:none;}
img{vertical-align: top;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;font-weight:normal;}
abbr,acronym{border:none;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,button,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
body,textarea,input,button,select,keygen,legend { outline:0;}
textarea{overflow:auto;resize:none;}
a { text-decoration:none;color:#333;outline: none;}
/*common*/
body{font-family: "Microsoft YaHei" ;}
.cf{*zoom:1;}
.cf:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
.rel{position:relative;}.abs{position: absolute;}.fix{position:fixed;}
.fl{float: left;}  .fr{float:right;}
.tc{text-align: center;} .tl{text-align: left;}  .tr{text-align: right;}
.inline{display: inline-block;}
.hide {display:none;}.dis{display: block;}
.imgbox img{width: 100%; vertical-align: top;}
.txt-of-fag{white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}/*单行溢出隐藏*/
.infiveline{display:-webkit-box!important;overflow:hidden;text-overflow: :ellipsis;word-break: :break-all;-webkit-box-orient:vertical;-webkit-line-clamp:5;margin:0;}/*多行溢出隐藏*/
.flex-box{display: box;display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex;}
a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);-ms-tap-highlight-color:rgba(255,255,255,0);-moz-tap-highlight-color:rgba(255,255,255,0);-o-tap-highlight-color:rgba(255,255,255,0);}
button, input, textarea, select {border: medium none;outline: medium none;/*取消chrome下input和textarea的聚焦边框*/-webkit-appearance:none;-ms-appearance:none;-moz-appearance:none;-o-appearance:none;}
/*color*/
.orange-txt{color:#ff7e00;}.orange-txt2{color:#ff5500;}
.c-666{color:#666666;}.bg-fff{background-color: #fff;}
/*carlists order start*/
.carList li a{background:url(about:blank);display: block;}
.clPic {position: relative;}
.clPic img {height: 161px;}
.clPic span {width: 100%;height: 40px;line-height: 40px;background-color: rgba(0,0,0,0.5);color: #fff;text-align: center;position: absolute;bottom: 0;left: 0;}
.clInfo {padding: 0 15px 12px;background: #fff;}
.clPrice {padding-top: 13px;font-size: 15px;}
.clPrice dfn {color: #f10027;margin-left: 5px;}
.c_yd {display: inline-block;color: #ffffff;background: #dd3244;width: 88px;line-height: 36px;font-size: 16px;text-align: center;-webkit-border-radius: 6px;border-radius: 6px;font-family: "Microsoft YaHei";}
.clPrice big {font: bold 28px/1 Arial;vertical-align: -1px;}
/*菜单锚点跳转*/
#menu{
  position: fixed;
  right:45px;
  top:12%;
  z-index: 99;
  padding-top:86px;
  width: 145px;
  background:url(../images/nationalday_07.png) 0 0 no-repeat;
}
#menu li{
  text-align: center;
  padding:6px 0;
  background:#d83139 url(../images/nationalday_09.png) center bottom no-repeat;
}
#menu li .tit{
  font-size: 16px;
  color:#fff;
  text-shadow:1px 2px 0 #bd222a;
  line-height: 24px;
}
#menu li:hover{background:#94090E;}
#menu li .txt{
  font-size: 14px;
  color:#fceec1;
  line-height: 24px;
  text-shadow:1px 2px 0 #bd222a;
}
#menu li .imgcode{
  display: inline-block;
  margin:2px 0 10px 0;
  background-color:#fff;
  border-radius: 5px;
  padding:4px;
}
#menu li.last{
  border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;
  background:#d83139;
}
#menu li.no-bor{
  background:#d83139;
}
#menu li.yellow2{
  background:#F5690A;
}
#menu li.yellow2.last .tit{
  line-height: 40px;
  text-shadow: 1px 1px 0 #ee670b;
}
#menu li.yellow2.last:hover{
  background:#94090E;
}
#menu li.yellow2 .tit{
  line-height: 50px;
}
#menu li.yellow3{
  background:#F6950A url(../images/nationalday_15.jpg) center bottom no-repeat;
}
#menu li.yellow3.no-bor{
  background:#F6950A;
}
#menu li.yellow3:hover{
  background:#F6850B;
}
#menu li.yellow2:hover{
  background:#F5690A;
}
#menu li.yellow3 .tit,#menu li.yellow2 .tit,#menu li.yellow3 .txt,#menu li.yellow2 .txt{
  text-shadow: 1px 2px 0 #ee670b;
}
#menu li.last.yellow2{
  background:#F5690A;
}
/*弹出层样式*/
.dsPop{
  padding: 10px;
  border-radius: 15px;
  background-color: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -220px 0 0 -405px;
  z-index: 201;
  display: none;
}
.dspBor{
  width: 770px;
  border: 1px #ccddf0 dashed;
  border-radius: 15px;
  padding: 0 20px 20px;
  position: relative;
}
.closePop{
  color: #999;
  font-size: 24px;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}
.closePop:hover{
  text-decoration: none;
  color: #0255b2;
}
.dspTi{
  font-size: 30px;
  color: #4b2c9f;
  padding: 45px 0;
  text-align: center;
}
.dspItem{
  padding: 0 0 10px 90px;
  font-size: 18px;
  line-height: 1.8;
  color: #000;
  overflow: hidden;
}
.dspItem span{
  margin-left: -90px;
}
.dspItem.use{
  padding-left: 30px;
}
.dspItem.use span{
  margin-left: -30px;
}
.dspTip{
  padding: 30px 0;
  color: #0255b2;
  font-size: 18px;
}
/*动画摇一摇*/
.hb_man .img:hover,.hb_man .img.animate{
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
.hb_man .pop:hover,.hb_man .pop.animate {
	-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}