body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,p,span,img{margin:0;padding:0;}
html,body{background-color:#f2f2f2;height:100%}
a{text-decoration:none;color: #333}
a:hover,a:focus{color:#f34540}
ol,ul,li{list-style:none;}
i,em{font-style:normal;}

.bg{width:100%;height:auto;background:url(../bg.jpg?v=2) no-repeat top center;background-color:#f2f2f2}
.header{height:600px;/*background:url(../logo.png) no-repeat;*/margin:0 auto;overflow:hidden;position: relative;background-position:40px 15px;}
.line{width:100%;height:12px;background:url(../brush.png) no-repeat;background-size:100%}
.footer{width:100%;height:auto;font-size:16px;color:#666;padding:40px 0;text-align:center;font-size:14px;}
.pic{float:right;margin:25px 0 0 10px}
.pep p{line-height:26px;}

.nav{min-height:56px;}
.navbar-pur{background-color:#333}
.nav-text{font-size:15px;color:#ddd4c0}
a.nav-text:hover{color:#fbf9eb}
.nav-text-small{font-size:9px;color:#fbf6d4}

.customer{width:245px;height:47px;background:url(../phone.png) no-repeat;margin-top:1px;margin-bottom:1px}
.customer a{display:block;width:100%;height:100%;}

.download a{display:block;width:245px;height:88px;background:url(../pic_1.png?v=2) no-repeat;margin-bottom:1px}
.download a:hover{background:url(../pic_1.png?v=1) no-repeat 0 -88px}

.register a{display:block;width:122px;height:111px;background:url(../pic2.png?v=2) no-repeat;box-sizing:border-box;font-size:24px;color:#fff;padding:20px 36px;float:left;margin-bottom:1px}
.register a:hover{display:block;width:122px;height:111px;background:url(../pic2_hover.png?v=1) no-repeat}

.password a{display:block;width:122px;height:111px;background:url(../pic2.png?v=2) no-repeat -123px 0;box-sizing:border-box;font-size:24px;color:#fff;padding:20px 36px;margin-left:123px;margin-bottom:1px}
.password a:hover{display:block;width:122px;height:111px;background:url(../pic2_hover.png?v=2) no-repeat -123px 0}

.package a{display:block;width:122px;height:83px;line-height:83px;text-align:center;background:url(../pic3.png?v=2) no-repeat;font-size:20px;color:#fbf6d4;float:left}
.guidance a{display:block;width:122px;height:83px;line-height:83px;text-align:center;background:url(../pic3.png?v=2) no-repeat;font-size:20px;color:#fbf6d4;margin-left:123px}
.recharge{width:245px;height:47px;background:url(../recharge.png?v=2) no-repeat;margin-top:1px}
.recharge a{display:block;width:100%;height:100%;}

.sidebar_bg{width: 59px;height: 187px;position: fixed;left: 50%;bottom: 170px;cursor: pointer;margin-left: 660px;z-index: 999;}
.online a{display: block;width: 100%;height: 100%;margin-bottom: 5px;background: url("../online.png") no-repeat;}
.contact a{display: block;width:100%;height: 100%;background: url("../contact.png") no-repeat;margin-bottom: 5px;}
.con_posi{width: 270px;height: 59px;position: absolute;top: 64px;left: -270px;overflow: hidden;}
.con_phone{width: 270px;height: 59px;line-height: 59px;text-align: center;font-size: 28px;color: #fff;background: url("../btn_270.png") no-repeat;position: absolute;left: 270px;}
.top{width: 59px; height: 59px;background: url("../top.png") no-repeat;display: none;}

.title_red {color: #ff0055;font-weight:bold}
.title_blue {color: #3377ff;font-weight:bold}
.title_green {color: #00bf7e;font-weight:bold}
.title_yellow {color: #ff9900;font-weight:bold}
.title_purple {color: #FF6EC7;font-weight:bold}