/* 
* @Author: Lydia
* @Date:   2018-06-18 17:28:10
* @Last Modified by name:   liufang
* @Last Modified time: 2019-08-11 18:28:17
*/
html {font-size: 62.5%;
    -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding: 0;margin: 0;}
/* 
    HTML5 display definitions
*/
body{
  font-family: "Microsoft YaHei",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;font-size: 14px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizespeed; }
article,aside,details,
figcaption,figure,footer,header,hgroup,main,
nav,section,summary {display: block;}
/*****表单样式重置****
 */
button,input,select,textarea {vertical-align: baseline;*vertical-align: middle;}
button,input {line-height: normal;}
button,select {text-transform: none;}
ul,li,ol,dl,dd{list-style: none;}
h1,h2,h3,h4,h5,h6 {line-height: 1.5;}
input,button,select,textarea {font-family: 'Microsoft Yahei';font-size: 14px;}
a{ text-decoration: none;}
img{border:0;}
input,button{outline:none;}
button,input[type='button']{ cursor: pointer;}
/* 
****重置表格元素****
 */
table {border-collapse: collapse;border-spacing: 0;}
img{border:0;}
/* 
****清除浮动样式设置****
 */
i{ font-style: normal;}
.clearfix {display: block;zoom: 1;}
.clearfix:after,.clearfix:before{content: " ";display: block;font-size: 0;height: 0;clear: both; visibility: hidden;}
.fl{float: left;}
.fr{float: right;}
/*
*****高自动，超出部分隐藏****
 */
.ht-over{ height: auto; overflow: hidden;}
.tl{text-align: left;}
.tc{ text-align: center;}
.tr{ text-align:right;}
.fontBold{ font-weight: bold;}

.border-box{-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}
.border-box:before,.border-box:after {-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}
.table{color:#444c63;}
/*****设置为块元素*****/

.block{display: block;}
.lineBlock{display: inline-block;}
/*****设置包裹容器*****/
.container {width:100%; max-width:1040px;margin: 0 auto;}
/*****清除浮动样式设置**** */
.clearfix {display: block;zoom: 1;}
.clearfix:after,.clearfix:before{content: " ";display: block;font-size: 0;height: 0;clear: both; visibility: hidden;}
.float_lf,.fl{float: left;}
.float_rt,.fr{float: right;}
/*文字对齐*/
.tl{ text-align: left;}
.tr{ text-align: right;}
.tc{ text-align: center;}
/******高自动，超出部分隐藏*****/
.ht_over{ height: auto; overflow: hidden;}

/*遮罩层*/
.none,.displaynone{display:none;}
.maskBOX{position: fixed;top:0;bottom: 0;left: 0;right: 0;filter:alpha(opacity=30);background:#000;
      opacity: 0.5;z-index: 99;}
/*一行或者多行省率号显示*/
.fontrate{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.morerate{display: -webkit-box;-webkit-box-orient: vertical;
    -webkit-line-clamp: 2;overflow: hidden;}
.threerate{display: -webkit-box;-webkit-box-orient: vertical;
    -webkit-line-clamp: 3;overflow: hidden;}
.fourrate{display: -webkit-box;-webkit-box-orient: vertical;
    -webkit-line-clamp: 4;overflow: hidden;}
.fiverate{display: -webkit-box;-webkit-box-orient: vertical;
    -webkit-line-clamp: 5;overflow: hidden;} 
.imgauto img{width:100%;}


/*header*/
body{background: #df1910;}
.header{height: 100px;background:#ffffff;background-size: 100% 100%;}
.header .head{width:100%;max-width:1057px;margin:0 auto;height:100%;}
.headlf img{margin-top: 20px;}
.headrt li{float:left;margin:16px 0 0 47px;
  padding-right:25px;}
.headrt li a{display: block;color:#db1418;font-size: 18px;text-align: center;font-weight: 500;}

.bannerbox{position: relative;}
.bannerbox .bannerimg{width:100%;overflow:hidden;}
.bannerbox .bannerimg img{vertical-align:top;}
.searchBox{width:54%;height:15.24%;position: relative;background:url(../imgs/search.png) top center no-repeat;z-index: 10;position:absolute;left:22.5%;bottom:-8%;background-size: 100% auto;overflow:hidden;}
.searchBox input{display:block;width:40%;height: 95%;float:left;border:0;background:transparent;font-size:40px;color:#fff;margin-left: 34%;}
.searchBox button{display:block;width:19%;height:100%;float:left;margin-left:3%;background: transparent;border:0;cursor:pointer;}
.searchBox input::-webkit-input-placeholder { color: #ffffff;font-size: 40px;}
.searchBox input::-moz-placeholder {color: #ffffff;font-size: 40px;}
.searchBox input:-ms-input-placeholder { color: #ffffff;font-size: 40px;}

.mainBox{background:url(../imgs/contentBG.png) top center;background-size: 100% auto;}
.contentobj{width:100%;max-width:1200px;margin:65px auto 30px auto;background:url(../imgs/contbg.png) top center no-repeat;
  background-size: 100% 100%;}
.contentobj .objtitle img{width:30%;height:auto; margin-top: 4%;max-width:530px;}
.contentobj .objcontent{margin:1% 15% 0 15%; font-size: 20px;color:#ffffff;padding-bottom: 7%; line-height: 48px;}
.activitydetail{padding-bottom: 70px;}
.activityText{font-size: 20px;color:#ffffff;line-height: 40px;}
.activitytitle{font-size: 30px; margin-top: 24px;color:#fff083; line-height: 88px;}
.activitytitle img{margin-right:15px;margin-top:-17px;width:50px;height:50px;}
.lotterytable table{width:100%;text-align: center;background:#c42213; margin-bottom: 30px;}
.lotterytable table thead tr{ line-height: 66px;}
.lotterytable table tbody tr{line-height:40px;}
.lotterytable table td{border:1px solid #ffff98;font-size: 20px;color:#ffffff;}
.copyright p{line-height: 40px;color:#ffffff; font-size: 20px;margin-top:45px;}

/*login*/
.loginBox{/*width:24%;position: fixed;left:38%;top:30%; z-index: 300;background:#f89612;border-radius: 10px;*/    width: 803px;
    position: fixed;
    left: 50%;
    top: 30%;
    z-index: 300;
    background: #f89612;
    border-radius: 10px;
    margin-left: -401.5px;}
.logintitle{font-size: 20px;font-weight: bold;line-height: 50px;text-indent: 20px;background:#ff5400;color:#fff;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.close{width:30px;height: 30px;position: absolute;right:-15px;top:-15px;background:url(../imgs/icon.png) -181px -31px no-repeat;cursor:pointer;z-index: 1001;}
.close img{width:100%;}
.priboxwarp{padding:0 8%;margin:0 auto;}
.priboxwarp .prizetext{margin-top: 25px;font-size: 18px; line-height: 35px;}
.priboxwarp .prizetext:first-child{margin-top: 10px;}
.iptbox{height: 80px;line-height: 80px;background:#fff4e4;border-radius: 10px;margin:55px 10% 35px 10%;color:#fff;position: relative;}
.iptbox input{display: block;float:left;width:95%;height: 80px;line-height:80px;border:0;background:transparent;padding-left: 5%;color:#6c3114;font-size: 24px;}
.iptbox .yzmimg{position: absolute;right:5%;top:10%;}
.iptbox input::-webkit-input-placeholder{color:#6c3114;}
.iptbox input::-moz-placeholder{color:#6c3114;}
.iptbox input:-moz-placeholder{color:#6c3114;}
.iptbox input:-ms-input-placeholder{ color:#6c3114;}
.btnbox{padding:15px 10% 20px 10%;background:#fff;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.btnbox a{display: block;line-height:80px;font-size:24px;background:#f63d3d;color:#fff;text-align: center;border-radius: 10px;}


.prizelist{width:60%;left:20%;top:20%;position: fixed; z-index: 300;background:#ffffff;border-radius: 5px; padding-bottom: 15px;}
.prizetab{max-height: 200px;overflow-y:auto;}
.prizetab table{width: 100%;}
.prizetab table td{line-height: 35px;text-align: center;color:#e6291f;border:1px solid #000000;}
.prizetab table thead{background:#ff5400;}
.prizetab table thead td{color:#ffffff;}
.prizetab table tbody td{color:#000000;}



.headback{display:none;width:35px;height:35px;position:absolute;left:2.5%;top:8px;}
.headback img{width:100%;}
.phoneshow{display:none;}


@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(.3,.3,.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  animation-name: zoomIn;
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    animation-timing-function: cubic-bezier(.175,.885,.32,1);
  }
}

.zoomInDown {
  animation-name: zoomInDown;
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
    animation-timing-function: cubic-bezier(.175,.885,.32,1);
  }
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

@keyframes chuizi {
  0% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  30% {
    -moz-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }
  100% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
}
@-webkit-keyframes chuizi {
  0% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  30% {
    -moz-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }
  100% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
}
@-moz-keyframes chuizi {
  0% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  30% {
    -moz-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }
  100% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
}

#pages{clear:both;height:20px;overflow:auto;text-align:center;font-size:12px;    padding-top: 15px;}
#pages span{padding:4px; background:#ff5400; color:white;}
#pages a{padding:4px; background:red; color:white;}