﻿/* CSS Document */
@charset "utf-8";
/******************/
/**
 *
 * @authors isle24@qq.com
 * @date
 */
/******************/
/* */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,select,p,a,span,img,blockquote {margin:0;padding:0;vertical-align: baseline;}
/*html5*/
body,input,select,button,textarea{ font-family: "Microsoft YaHei"; color:black;}
body{ background:url(../img/queban_bj.jpg) repeat center; margin:0 auto;
    max-width: 640px;
    min-height: 320px;}
input,select,button,textarea{ border:none;}
table {border-collapse:collapse;border-spacing:0;}
button{cursor:pointer;}
img{vertical-align:middle;display:inline-block;width:100%;}
fieldset,img,abbr,acronym {border:none;}
address,caption,cite,code,dfn,em,th,var,i{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
li{vertical-align: middle;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight: normal;}
q:before,q:after {content:'';}
a,area,button{text-decoration:none;color:white;outline:none; blrexpression(this.onFocus=this.blur());}
.clear{clear:both;}
.w640{
    margin:0 auto;
    max-width: 640px;
    /*min-height: 360px;*/
}
.w320{
    margin:0 auto;
    max-width: 640px;
    min-width: 320px;
    /*width:90%;*/
}

.nav a{ float:left; width:25%;}
.xg{margin-top:0.5rem; position:relative;}
.xg p{ position:absolute; width:44%; left:54%; top:17.5%; font-size:0.6rem; text-indent:2em; line-height:1rem; color:#fff;}

.al p{ height:1.8rem; line-height:0.9rem; font-size:0.8rem; color:#fff; text-align:center; background:#d2898d; padding:0.3rem 0; margin-top:0.5rem; font-weight:900;}
.al .bd{width:93.75%; margin:0.3rem auto;}
.al .hd{ width:4.8rem; height:1rem; margin:0 auto; }
.al .hd li{ float:left; width:1rem; height:1rem; border-radius:0.5rem; background:#c9c9c9; margin:0 0.3rem;}
.al .hd li.on{background:#dd5c64; }
.al .zx{float:left; width:64%; height:2rem; line-height:2rem; margin:0.5rem 0; background:#ce4b73; color:#ffc22e; text-align:center; border-radius:0.8rem; font-size:1rem;margin-left: 18%;}

.wq p{ width:93%; margin-left:5%; line-height:1.2rem; font-size:0.7rem; color:#504f4f;}
.wq p font{color:#ce4b73; font-weight:600;}

.wq .zx1{float:left; width:45%; height:2.2rem; line-height:1.1rem; margin:0.5rem 0; background:#ce4b73; color:#ffc22e; text-align:center; border-radius:1rem; font-size:0.7rem;margin-left: 4%; }
.wq .zx1 font{font-weight:600; }

.wq .zx2{float:left; width:45%; height:2.2rem; line-height:2.2rem; margin:0.5rem 0; background:#f3af0b; color:#672400; text-align:center; border-radius:1rem; font-size:0.8rem;margin-left: 2%; }

.js{ background:#fff4f6; position:relative;}
.js h1{ width:70%; height:1.5rem; line-height:1.5rem; font-size:0.8rem; margin:0.3rem auto; border:2px #e4cfd6 solid; text-align:center; color:#ce5278;}
.js .zldb p{ float:left; width:24%; font-size:0.63rem; color:#4b4b4b; line-height:1rem;}

.js .zldb p:nth-child(2){ margin-left:5%;}
.js .zldb p:nth-child(3){ margin-left:9%;}
.js .zldb p:nth-child(4){ margin-left:8%;}
.js .zldb p font{ display:block; text-align:center; color:#ce5278; font-size:0.8rem;    line-height: 1.4rem;}
.js .zldb .zx{float:left; width:70%; height:1.6rem; line-height:1.6rem; margin:0.5rem 0; background:#ce4b73; color:#ffc22e; text-align:center; border-radius:0.8rem; font-size:0.8rem;margin-left: 15%;}
.js .p1{     position: absolute;
    top: 14%;
    left: 50%;
    width: 47%;
    font-size: 0.7rem;
    line-height: 1.3rem;
    color: #FFF;}
    
.js .p2{     position: absolute;
    top:35.5%;
    left: 5.5%;
    width: 50%;
    font-size: 0.6rem;
    line-height: 1.3rem;
    color: #FFF;}
    
.js .p2 .ft1{display:block; font-size:0.9rem; color:#ffeb09; text-align:center;}
.js .p2 .ft2{display:block; font-size:0.6rem; color:#ffbf11; text-align:center;}
.js .p3{ width:94%; margin-left:5%; color:#4b4b4b; line-height:1rem; font-size:0.7rem;}
.js .zx1{float:left; width:45%; height:2.2rem; line-height:1.1rem; margin:1rem 0; background:#ce4b73; color:#ffc22e; text-align:center; border-radius:1rem; font-size:0.7rem;margin-left: 4%; }
.js .zx1 font{font-weight:600; }

.js .zx2{float:left; width:45%; height:2.2rem; line-height:2.2rem; margin:1rem 0; background:#f3af0b; color:#672400; text-align:center; border-radius:1rem; font-size:0.8rem;margin-left: 2%; }
.qh{position:relative;}
.qh img{float:left;}
.qh h1{ background:url(../img/bj.png); text-align:center; font-size:1.2rem; line-height:3rem; color:#ffc842; margin-bottom:0.5rem;}
.qh .p1{color:#b5182a; text-align:center; font-size:0.6rem; line-height:2rem;}
.qh .p2{position: absolute;color: #FFF;width:65%; top:73.5%; left:30%; font-size:0.5rem; line-height:1rem; text-indent:1em;}
.qh .zx1{float:left; width:45%; height:2.2rem; line-height:1.1rem; margin:1rem 0; background:#ce4b73; color:#ffc22e; text-align:center; border-radius:1rem; font-size:0.7rem;margin-left: 4%; }
.qh .zx1 font{font-weight:600; }

.qh .zx2{float:left; width:45%; height:2.2rem; line-height:2.2rem; margin:1rem 0; background:#f3af0b; color:#672400; text-align:center; border-radius:1rem; font-size:0.8rem;margin-left: 2%; }



.ys{ margin-top:0.7rem; position:relative;}
.ys .p5 span{ display:block; width:25%; float:left; text-align:center; font-size:0.8rem; line-height:1.8rem; color:#5e5e5e;}
.ys .p1{position: absolute; width:20%; color:#fff; line-height:1.1rem; font-size:0.53rem; top:38%; left:2.5%;}
.ys .p2{position: absolute;width:20%; color:#fff; line-height:1.1rem; font-size:0.53rem;top:66%; left:28%;}
.ys .p3{position: absolute;width:20%; color:#fff; line-height:1.1rem; font-size:0.53rem;top:38%;left:52.5%;}
.ys .p4{position: absolute;width:20%; color:#fff; line-height:1.1rem; font-size:0.53rem;top:66%;left:77.5%;}
.ys p font{ display:block; color:#d8b879; font-size:0.8rem;}

.zj{margin-top:0.5rem; position:relative;}
.zj .bd li{position:relative;}
.zj .bd li p{position: absolute;}
.zj .bd li .p1{color:#9e1139; font-size:0.7rem; top:13%; left:8%;}
.zj .bd li .p1 font{font-size:1rem;}
.zj .bd li .p2{font-size:0.6rem; top:28%; left:8%; line-height:1rem;}
.zj .bd li .p3{font-size:0.6rem; background:#92225a; width:20%; height:1.3rem; line-height:1.3rem; top:53%; left:8%; color:#fff; text-align:center;}
.zj .bd li .p4{font-size:0.55rem; top:65%; left:10%; color:#963351; line-height:1rem;}
.zj .hd {width:3rem; height:1rem; position: absolute; left:50%; bottom:2%; margin-left:-3rem;}
.zj .hd li{ float:left; width:1rem; height:1rem; border-radius:0.5rem; background:#fff; margin:0 0.25rem;}
.zj .hd li.on{background:#92225a;}



.foot2{ margin-bottom:0.7rem;}

.tipsInner dt{font-size:0.6rem;}
.tipsInner dd{font-size:0.6rem;}