body,dl,dt,dd,ol,h2,h2,h3,h4,h5,h6,p{padding:0; margin:0;-webkit-tap-highlight-color: rgba(0,0,0,0);}b{font-weight:normal;}
img{border:none;width:100%;}
ul,li{list-style-type:none; margin:0px; padding:0px;}
body,input {font-family:Microsoft YaHei,SimSun,Arial,Helvetica,sans-serif;color:#616161; background:#fff;font-size:24px;}
a{ text-decoration:none;color:#616161;outline:none;-moz-outline-style:none;}
area{text-decoration:none;}
font{font-size:12px;}
.hei20px{  width:100%; height:20px; clear:both;}
.hei10px{  width:100%; height:10px; clear:both;}
.clear { clear:both; }

/*    banner   */
#banner{ width:100%;max-width:640px; margin:0 auto; overflow:hidden; }
#banner .bh{ width:100px; height:12px; padding:12px 0; text-align:center; overflow:hidden; margin:0 auto;}
#banner .bh li{ width:12px; height:12px; border-radius:6px;background:#bababa;margin:0 6px;float:left;}
#banner .bh li.on{background:#7c1bff;}
#banner .bd{ width:100%;}
#banner .bd img{float:left;width:100%;}


.wrap{width:100%;max-width:640px;min-width:320px;margin:0 auto;}

.ind_tit{ width:100%;max-width:640px;min-width:320px;margin:0 auto; background:#eeeeee; overflow:hidden;border-bottom:4px solid #d5d5d5;}
.ind_tit p{width:93.75%; margin:0 auto; height:2em;  background:url(../images/tit_bg.jpg) right center no-repeat; line-height:2em; font-family:"Microsoft Yahei"; font-weight:normal; color:#4393ef;background-size:5%;}


/*    Ðü¸¡¶¥²¿  */
.xftop_m{ width:100%; background:#7c1bff; position:relative;top:0px; z-index:3001; left:0;right:0;margin:0 auto;max-width:640px;}
.xftop_m img{display:block}
.showTip{top:50px;}
.hideTip{top:0px;visibility:visible;}
.xftop{position:absolute;left:0;top:0;width:100%;}
.xftop_ri{ width:12.5%; float:right;position:relative;}
.xftop_ul{position:absolute; z-index:9; top:100%; background:#7c1bff;right:0;}
.xftop_ul ul li{width:84px;background:url(../images/xftop_libg.jpg) no-repeat;font-size:12px; height:30px; text-indent:25px; line-height:30px;position: relative;}
.xftop_ul ul li a{ color:#fff; }


/**  Ô¤Ô¼±íµ¥  **/
.bt {
    width: 60%;
    margin: 8% auto 3% auto;
}
.ziti b{font-weight:normal;}
.yygh{ width:100%; background:#ececec; padding-bottom:15%;margin-top:2%;}
.youxiang{width:94%; margin:0 auto; padding:6% 0 0 0;}
.youxiang ul li{ width:100%; margin-bottom:4%;}
.youxiang ul li span{ color:#30c7cc;}
.youxiang ul li b{ letter-spacing:2px;}
.youxiang ul li input{ width:70%;  padding:2%; border:none; background:#ffffff; margin-left:2%; color:#d4d2d2}
.youxiang ul li select{ border:none; width:40%; padding:2%; margin-left:0.8%;}
.gh_zi{ color:#393939; line-height:1.6em; letter-spacing:1px;}
.tijiao{ width:30%; margin:0 auto; cursor:pointer}

@media screen and (min-width:500px) and (max-width:640px) { 
    .ind_tit{font-size:24px;}
    body,input{font-size:24px;}
    #ind_bz .bh li{height:88px;line-height:88px;margin-bottom:11px;}
}
@media screen and (min-width:414px) and (max-width:499px){ 
    .ind_tit{font-size:20px;}
    body,input{font-size:16px;}
}
@media screen and (min-width:375px) and (max-width:413px) { 
    .ind_tit{font-size:18px;}
    body,input{font-size:14px;}
}
@media screen and (min-width:360px) and (max-width:374px) { 
    .ind_tit{font-size:18px;}
    body,input{font-size:14px;}
}
@media screen and (max-width:359px) { 
    .ind_tit{font-size:16px;}
    body,input{font-size:12px;}
}