body,h1,h2,h3,p,dl,dd,ol,ul,th,td,form,fieldset,input,button,textarea{margin:0;padding:0;}html{word-wrap:break-word;}h1,h2,h3{font-size:100%;}ol,ul{list-style:none outside none;}table{border-collapse:collapse;border-spacing:0;empty-cells:show;font-size:inherit;}fieldset,img{border:0 none;}cite,em,s,i,b{font-style:normal;}input,button,textarea,select{font-size:100%;}body,input,button,textarea,select,option{}a,input,textarea{outline:0 none;text-decoration:none;}li,img,label,input{vertical-align:middle;}var{font-style:normal;}ins{text-decoration:none;}body{font-size:20px;line-height: 1;}.viewport{margin:0 auto;max-width:640px;overflow:hidden;height:auto;}.mlr20{margin:auto 1em;}.m20{margin:1em 0;}.m30{margin:1.5em 0;}.mt20{margin-top:1em;}.mb20{margin-bottom:1em;}.mt40{margin-top:2em;}.mb40{margin-bottom:2em;}.mt-20{margin-top:-1em;}.hide{display:none;}.h_box{display:-moz-box;display:-webkit-box;display:box;}.h_box .spacer{width:1em;}.flex_1{-webkit-box-flex:1;box-flex:1;-moz-box-flex:1;}.flex_20{width:1em;}
@media only screen and (max-width:300px){body{font-size:10px;}.viewport{max-width:300px;}}
@media only screen and (max-width:310px) and (min-width:300px){body{font-size:10px;}.viewport{max-width:300px;}}
@media only screen and (max-width:320px) and (min-width:310px){body{font-size:10px;}.viewport{max-width:320px;}}
@media only screen and (max-width:360px) and (min-width:320px){body{font-size:10.5px;}.viewport{max-width:360px;}}
@media only screen and (max-width:360px) and (min-width:350px){body{font-size:10.5px;}.viewport{max-width:360px;}}
@media only screen and (max-width:480px) and (min-width:360px){body{font-size:10.5px;}.viewport{max-width:480px;}}
@media only screen and (max-width:480px) and (min-width:470px){body{font-size:12.3333px;}.viewport{max-width:480px;}}
@media only screen and (max-width:560px) and (min-width:480px){body{font-size:12.3333px;}.viewport{max-width:560px;}}
@media only screen and (max-width:570px) and (min-width:560px){body{font-size:13.8333px;}.viewport{max-width:570px;}}
@media only screen and (max-width:640px) and (min-width:570px){body{font-size:13.8333px;}.viewport{max-width:640px;}}
@media only screen and (max-width:640px) and (min-width:630px){body{font-size:15.7778px;}.viewport{max-width:640px;}}
@media only screen and (max-width:710px) and (min-width:640px){body{font-size:15.7778px;}.viewport{max-width:710px;}}
body{width:100%;background:#fff;color:#383737;}

.center{ margin:0 auto}
.clear{ height:0px; clear:both; overflow:hidden;}
.left{ float:left}
.right{ float:right}



.top{ width:100%;}
.top img{width:100%; border:0; display:block;height:auto;}
.logo{ width:60%;}
.wyts{ width:20%;}
.ddcx{ width:20%;}

.sjxxbox{ width:94%; overflow:auto; margin-top:20px; border:#d4d4d4 solid 1px}
.sjxx{ width:90%; padding:5%;}

.pay{ width:94%; margin-top:20px; border:#d4d4d4 solid 1px}

.wzbox{ width:100%; height:2em; font-size:1.2em; line-height:2em; padding:0.5em 0}
.wzl{ width:25%; text-align:center}
.wzr{ width:75%; text-align:left}
.srk{ width:40%; height:2em; line-height:2em; border:#CCC solid 1px}


.smbox{ width:84%; margin-top:20px; padding:0 5%; border:#f49332 solid 1px; font-size:1.6em; line-height:2em}
.jsbox{ width:84%; margin-top:20px; padding:0 5%; border:#f49332 solid 1px; }
.jsbt{font-size:1.6em; line-height:2em}

.cyfkfs{ width:100%; height:auto; overflow:hidden; padding:5px 0;}
.cyfkfs li{ float:left; width:50%; height:35px; line-height:35px; margin-top:10px; text-indent:5px}

.cyfkfs li img{ width:110px; height:35px; border:#e9e9e9 solid 1px; margin-left:5px}


.qrzf{ width:160px; height:45px; margin:30px auto}

.end{ width:100%; height:auto; padding:1em 0; text-align:center; font-size:1em; line-height:1.6em; background:#dfdfdf}

.button1{-webkit-appearance: none;   text-align:center; color:#FFF; background:#F93; border:none; border-radius:5px;}
.button2{-webkit-appearance: none;  text-align:center; color:#FFF; background:#F93; border:none; border-radius:5px;}

.joinclub {
line-height:20px;
border: 1px solid #F90;
border-radius: 3px;
background: #fff;
position: absolute;
z-index: 99999999;
display: none;
left: 70%;/*FF IE7*/
top: 50%;/*FF IE7*/
margin-left: -220px!important;/*FF IE7 该值为本身宽的一半 */
margin-top: -140px!important;/*FF IE7 该值为本身高的一半*/
margin-top: 0px;
position: fixed!important;/*FF IE7*/
position: absolute;/*IE6*/
 _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
 document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
}
.bg123 {
background-color: #000;
width: 100%;
height: 100%;
z-index: 99999998;
left: 0;
top: 0;/*FF IE7*/
filter: alpha(opacity=50);/*IE*/
opacity: 0.6;/*FF*/
position: fixed!important;/*FF IE7*/
position: absolute;/*IE6*/
 _top:       expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
 document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
}
.joinclub01 {float:left; text-align: center; }
.joinclub02 {float:left; padding-left:20px; padding-top:5px; text-align:left;}
.joinclub03 {margin-top:10px; padding-top:10px; border-top:1px dashed #F90;}
.joinclub04 {margin-top:5px; padding-top:5px;}