@charset "utf-8";
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {margin: 0; padding: 0; } 
fieldset, img {border: none; }
img{vertical-align:middle;}
ul, ol {list-style: none; }
input {padding-top: 0; padding-bottom: 0; font-family: "SimSun", "宋体"; }
select, input {vertical-align: middle; }
select, input, textarea {font-size: 12px; margin: 0; }
textarea {resize: none; }
table {border-collapse: collapse; }
body {font: 21px '微软雅黑'; }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,h1,h2,h3 ,h4 ,h5 ,h6{font-weight:normal; }
i,em{font-style: normal;}
a {color: #fff; text-decoration: none; }
.fl{ float:left;}
.fr{ float:right;}
.fix:after{ clear:both; content:"."; height:0px; display:block; overflow:hidden; visibility:hidden; }
.fix{*zoom:1;}

body {
    color: #fff;
}
.wrap{
	max-width: 1680px;
	min-width: 1200px;
	margin:0 auto;
    background:#ffe013;
}
.wrap .minkuan{ width:1193px; margin:0 auto;}
.wrap .re{ position: relative;}
.wrap .te{ text-align: center;}
.wrap .fl{ float: left;}
.wrap .fr{ float: right;}
.wrap .ov{ overflow: hidden;}
.wrap .mrt55{ margin-top: 55px;}
.wrap .lans{ background:#501da8!important;}
.wrap .baise{ background:#fff!important;}
.wrap .clor-hs{ color:#ffe404!important;}
.wrap .clor-ls{color:#501da8!important;}
.wrap .clor-dhs{color:#ff2828!important;}

.wrap .miaosha-kv{ width:100%; height:862px;background: url(../images/kv.jpg) no-repeat top center;}
.wrap .miaosha-kv .minkuan{ height:100%;}
.wrap .miaosha-kv .minkuan .kv-a{ position: absolute; right:156px; bottom:0;}
.part1{ padding-bottom: 5px;}
.part1 .p1-1{ width:1200px; height:1422px; background:url(../images/bg1.png)no-repeat top center; margin:0 auto 120px; padding-top: 55px; box-sizing: border-box;}
.part1 .p1-time{ position: absolute; width:365px; background:#501da8; bottom:10px; left: 10px; padding-bottom: 20px;color:#fff;}
.part1 .p1-time h2{ font-size: 30px; font-weight: bold; background:#ff2828; line-height: 52px;}
.part1 .p1-time p{ font-size: 20px; padding:10px 0 15px;}
.part1 .p1-top{ width:1095px; margin:0 auto; padding:15px 0 32px 25px; box-sizing: border-box;  margin-bottom: 20px; }
.part1 .p1-top .fl h2{ font-size: 48px; font-weight: bold;}
.part1 .p1-top .fl h3{ font-size: 24px;}
.part1 .p1-top .fl p{ font-size: 30px;}
.part1 .p1-top .fl p span{ font-size: 36px;}
.part1 .p1-top .fl p b{ font-size: 72px;}
.part1 .p1-top .fl i{ text-decoration:line-through; font-size: 24px;}
.part1 .p1-top .topbg{ width:385px; height:92px; border-radius: 2px; background:#7131e1; position: absolute; left: 20px; top: 0;}
.part1 .p1-1 .tuijian{ margin-top: 20px;}
.part1 .p1-1 .tuijian p{ margin-right: 30px; display:inline-block;font-size: 22px;}
.part1 .p1-1 .tuijian p span{ color:#ffe013;font-size: 22px;}
.wrap .miaosha-aa{ display:inline-block; padding:10px 90px; background:#ffe013; font-size: 34px; font-weight: bold; color:#501dab; border-radius: 100px; box-shadow: 0px 4px 0px #c27506; margin:25px 0; }
.part1 .p1-1 ul{ margin:15px 0;}
.part1 .p1-1 ul li{ display:inline-block;overflow: hidden; margin:0 6px 35px; width:538px;  box-sizing: border-box;}
.part1 .p1-1 ul li .toptxt{ background:#501da8; padding:10px 5px; margin-bottom: 10px;}
.part1 .p1-1 ul li .listtop{ font-size: 22px; line-height: 34px; color:#333333;padding-bottom: 10px;}
.part1 .p1-1 ul li .listtop p{ margin:10px 0 0 15px; text-align: left;}
.part1 .p1-1 ul li .listtop p span{ color:#ff0000;}
.part1 .p1-1 ul li .listbott{ padding:10px 0 0 15px; text-align: left;}
.part1 .p1-1 ul li .listbott h2{ font-size: 48px; font-weight: bold;}
.part1 .p1-1 ul li .listbott h3{ font-size: 24px;}
.part1 .p1-1 ul li .listbott p{ font-size: 28px;}
.part1 .p1-1 ul li .listbott p span{ font-size: 34px;}
.part1 .p1-1 ul li .listbott p b{ font-size: 72px;letter-spacing:-5px;}
.part1 .p1-1 ul li .listbott i{ text-decoration:line-through; font-size: 22px;}
.part1 .p1-2{ height:2242px; background:url(../images/bg2.png)no-repeat top center;}
.part2{ width:100%; height:634px;background: url(../images/bg3.jpg) no-repeat top center;}
.part2 .p2-btn{ position: absolute; left: 0; width:100%; top: 60%; }
.part2 .p2-btn a{ margin:0 35px; display:inline-block;}
.part1 .tidai{ display:block; margin:0 auto;}
.new-yh-timer{font-size: 22px;color: #fff;font-family: '微软雅黑';}
.new-yh-timer span{display: inline-block;background-color: #fff;color: #ff6600;padding: 2px 10px;margin: 0 2%; font-size:40px; background:#ffe404; color:#5d21c8; font-weight: bold; margin-top: -5px; vertical-align: middle; border-radius: 5px;}
.new-yh-timer i{display:inline-block;margin-left: 5px; width:8px; height:24px; background:url(../images/dian.png) no-repeat; vertical-align: middle;/* margin-top: -10px;*/}

@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-3px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-6px,0)}90%{transform:translate3d(0,-2px,0)}}
.bounce{
    -webkit-animation: bounce 3s linear normal both infinite;
    -o-animation: bounce 3s linear normal both infinite;
    animation: bounce 3s linear normal both infinite;
}
.move{
    -webkit-animation: movement 3s linear normal both infinite;
    -o-animation: movement 3s linear normal both infinite;
    animation: movement 3s linear normal both infinite;
}
.move1{
    -webkit-animation: movement1 3s linear normal both infinite;
    -o-animation: movement1 3s linear normal both infinite;
    animation: movement1 3s linear normal both infinite;
}
.move2{
    -webkit-animation: movement2 3s linear normal both infinite;
    -o-animation: movement2 3s linear normal both infinite;
    animation: movement2 3s linear normal both infinite;
}
.move3{
    -webkit-animation: movement3 3s linear normal both infinite;
    -o-animation: movement3 3s linear normal both infinite;
    animation: movement3 3s linear normal both infinite;
}

@keyframes movement {
    0% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
    50% {  -webkit-transform: translate(6px,10px);  transform: translate(6px,10px);  }
    75% { -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
    100% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
}
@-webkit-keyframes movement {
    0% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
    50% {  -webkit-transform: translate(6px,10px);  transform: translate(6px,10px);  }
    75% {  -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
    100% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
}
@keyframes movement1 {
    0% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
    50% {  -webkit-transform: translate(-6px,-10px);  transform: translate(-6px,-10px);  }
    75% {  -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
    100% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
}
@-webkit-keyframes movement1 {
    0% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
    50% {  -webkit-transform: translate(-6px,-10px);  transform: translate(-6px,-10px);  }
    75% {  -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
    100% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
}
@keyframes movement2 {
    0% {  -webkit-transform: translate(10px,3px);  transform: translate(10px,3px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
    50% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
    75% {  -webkit-transform: translate(-8px,0px);  transform: translate(-8px,0px);  }
    100% {  -webkit-transform: translate(10px,3px);  transform: translate(10px,3px);  }
}
@-webkit-keyframes movement2 {
    0% {  -webkit-transform: translate(10px,3px);  transform: translate(10px,3px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
    50% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
    75% {  -webkit-transform: translate(-8px,0px);  transform: translate(-8px,0px);  }
    100% {  -webkit-transform: translate(10px,3px);  transform: translate(10px,3px);  }
}

@keyframes movement3 {
    0% {  -webkit-transform: translate(-10px,3px);  transform: translate(-10px,3px);  }
    25% {  -webkit-transform: translate(-4px,6px);  transform: translate(-4px,6px);  }
    50% {  -webkit-transform: translate(2px,8px);  transform: translate(2px,8px);  }
    75% {  -webkit-transform: translate(-8px,0px);  transform: translate(-8px,0px);  }
    100% {  -webkit-transform: translate(-10px,3px);  transform: translate(-10px,3px);  }
}
@-webkit-keyframes movement3 {
    0% {  -webkit-transform: translate(-10px,3px);  transform: translate(-10px,3px);  }
    25% {  -webkit-transform: translate(-4px,6px);  transform: translate(-4px,6px);  }
    50% {  -webkit-transform: translate(2px,8px);  transform: translate(2px,8px);  }
    75% {  -webkit-transform: translate(-8px,0px);  transform: translate(-8px,0px);  }
    100% {  -webkit-transform: translate(-10px,3px);  transform: translate(-10px,3px);  }
}
@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.15,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}