@charset "utf-8";
/* CSS Document */
html,body{font-size:14px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;background:#fff;background: url(../images/header.jpg) no-repeat center top;}
/*css-reset*/
html,body,div,ul,ol,li,dl,dt,dd,p,span,em,strong,b,i,h1,h2,h3,h4,form,input,button,textarea,select,option,img,a{ margin:0; padding:0}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
input{outline: none;font-size:14px; font-family:"Microsoft YaHei"}
input::-ms-clear{display:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
a:hover{text-decoration:underline;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
textarea{overflow:auto;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_yh{font-family:"Microsoft YaHei";}
.none{display:none;}
/*公用浮动*/
.f_left{ float: left}
.f_right{ float: right}
/*浮动清理*/
.cf:before,.cf:after{content:".";display:block;height:0;visibility:hidden}
.cf:after{clear:both}
.cf{zoom:1}

.wrap{ width: 1000px; margin: 0 auto; color: #303030;}

/* header */
.header{ height: 620px; }

/*计算器*/
.calculator{ background: #F7F6F4 url(../images/calculator.jpg) no-repeat right bottom;}
.calculator h2.title{ height: 60px; line-height: 60px; text-align: center; background: url(../images/title.jpg) no-repeat 0 0; font-size: 30px; font-weight: bold; color: #FFF;}
.calculator table{ margin: 76px auto 38px auto; font-size: 20px;}
.calculator .num{ width: 173px; height: 36px; line-height: 36px; padding: 0 5px; border: 1px solid #000; vertical-align: middle;}
.calculator .btn{ width: 118px; height: 38px; border: none; cursor: pointer; font-size: 22px; color: #FFF; background-color: #ad1253; vertical-align: middle;}
.calculator .tip{ text-align: center;}
.calculator .tip h1{ font-size: 36px;}
.calculator .tip p{ padding: 27px 0 62px 0; font-size: 22px;}
.calculator .tip p span{ color: #c00607;}

/*选项卡*/
.nav{ width: 100%; margin-top: 36px; border-bottom: 1px solid #2A2A2A;}
.nav li{ position: relative; float: left; width: 333px; height: 88px;}
.nav li.faq{ float: right;}
.nav li a{ position: absolute; top: 0; left: 0; width: 333px; padding: 24px 0; text-align: center; font-size: 30px; color: #24272e;}
.nav li a:hover, .nav li.on a{ padding-bottom: 20px; border-bottom: 5px solid #ad1253; color: #ad1253; text-decoration: none;}

.content{ background-color: #F7F6F4;}
.content>div{ padding-bottom: 60px;}
.content table{ width: 810px; margin: 0 auto; font-size: 20px; border-collapse:separate; border-spacing:3px;}
.content td{ height: 42px; text-align: center;}
.content thead td{ background-color: #24272E; color: #FFF;}
.content tbody td{ background-color: #CDCBCC; color: #24272e;}

/*活动介绍*/
.introduced .step, .rule .date{ width: 930px; margin: 0 auto; padding-bottom: 50px; border-bottom: 1px dashed #C6C5C3;}
.introduced .title{ padding: 40px 0 47px 0; text-align: center; font-size: 30px;}
.introduced dl{ width: 921px; margin: 0 auto 23px auto;}
.introduced dd, .introduced dt{ float: left;}
.introduced dd{ text-align: center; color: #141213;}
.introduced dd a{ color: #C0060B;}
.introduced dt{ width: 42px; height: 181px; background: url(../images/arrow.jpg) no-repeat 0 0;}
.introduced .tip, .rule .tip{ text-align: center; font-size: 12px; color: #A1A09E;}
.introduced .ps{ padding: 32px 0 13px 0; font-size: 18px; text-align: center;}

/*活动时间*/
.rule .date{ text-align: center;}
.rule .title{ padding: 52px 0 34px 0; font-size: 30px;}
.rule .time{ padding-bottom: 22px; font-size: 39px;}
.rule dl{ width: 810px; margin: 0 auto;}
.rule dt{ padding: 45px 0 39px 0; text-align: center; font-size: 30px;}
.rule dd{ padding-bottom: 10px; font-size: 17px;}
.rule .info{ width: 810px; margin: 0 auto; font-size: 18px;}
.rule .condition{ padding: 29px 0 18px 0;}
.rule .condition span{ font-weight: bold; color: #c00607;}
.rule .formula{ padding-bottom: 30px; text-align: center;}

/*FAQ*/
.faq{ padding-top: 25px;}
.faq dl{ width: 810px; margin: 0 auto; padding: 30px 0; border-bottom: 1px dashed #C6C5C3;}
.faq dt{ font-size: 24px; color: #c00607;}
.faq dd{ padding-top: 20px; font-size: 18px;}