@charset "utf-8";
/* CSS Document */
#vipmask{background:#000 url(../images/loading.gif) center center no-repeat;width:100%;height:100%;opacity:0.7;position:fixed;top:0;left:0;z-index:1001;}
#vipmask .msg{position:absolute;top:363px;left:45%;width:480px;height:300px;z-index:1003;}
.vframe{width:265px;height:480px;background:#ffffff;}
.v_thg{display:none;height:51px;}
.v_top{padding:10px;width:100%;height:30px;background:#eee;border-bottom:#ccc 1px solid;}
.v_top .warp{ max-width:960px;margin:0 auto;}
.v_top .top_lt{float:left;line-height:30px;}
.v_top .top_rt{float:right;}
.v_top .vbtn{float:right;display:block;padding:5px 15px;background:#fc3;color:#666;margin-left:15px;}
.v_top .vbtn:hover{background:#fb3;color:#333;font-weight:bold;}

@media screen and (max-width:960px) {
.v_top,.v_thg{display: none}

}

#floatDivBoxs{position:fixed;bottom:0;right:0;z-index:9999;padding:55px 16px 65px 18px;background:url(../images/iphone_box.png) no-repeat;}
#rightArrow {width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;bottom:341px;right:292px;z-index:98;}
#rightArrow a{display:block;height:45px;}
.mView { width:260px;height:430px;overflow:hidden;}
.mView i,.mView b,.mView p{ display:block; position:absolute;top:55px;left:18px;width:260px;height:430px; overflow:hidden;}
.mView i { z-index:1;}
.mView i img{ width:260px;height:auto;}
.mView b { z-index:2; background:#000;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7; display:none;}
.mView p { z-index:5; padding-top:80px; text-align:center; display:none;}
.mView p img{ width:180px;height:auto;}
.mView p a{ margin:0 auto; margin-top:15px; display:block; width:80px; padding:5px 0; color:#fff; background:#d00;}
.mView:hover b, .mView:hover p{display:block;}

.hiddened{display: none;}
.showed{top:0;z-index: 9999;}

@media screen and (max-width:750px) {
body,html{ min-width:auto}#floatDivBoxs,#rightArrow{display: none}

}