body, div, ul, li, dl, dt, dd, h1, h2, h3, h4, input, form, p, span, img, ol{margin:0; padding:0;}
img{border:0;}
ul, li{ list-style:none;}

.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height:0;}
.clearfix{zoom:1;}
body{ font-size:12px;font-family: Arial, Helvetica, sans-serif;}
a{cursor: pointer;}

.buy-info,.pay-lebi,.pay-how,.login-before input.sub-btn,.quick-reg{background: url(../images/btn.png) no-repeat 0 -9999px transparent;}
.listbox .list-red,.listbox .list-yellow,.listbox .list-green{background:url(../images/list_bg.jpg) no-repeat 0 -9999px transparent;}
.img-span,.alert{background:url(../images/popbox_bg.png) no-repeat 0 -9999px transparent;}
.start,.startbar,.start-bg{background:url(../images/yg.png) no-repeat 0 -9999px transparent;}

.bg-repeat{background-color: #e0caec;}
.bg{background:url(../images/bg_index.jpg) no-repeat center top transparent;}
.wraper{ width:980px; margin:0 auto 20px; position:relative;}
.header{ height:747px; overflow:hidden; position:relative; background:url(../images/index_top.jpg) no-repeat 0 top transparent;}
.header h1{ width:200px; height:120px; position:absolute;text-indent: -9999px;}
.header_menu{ padding-left:606px; height:30px; overflow:hidden; zoom:1; line-height:28px; }
.header_menu a{ font-size:14px; color:#fec901; text-decoration:none; margin-right:20px; font-family:"微软雅黑";display:inline;}
.header_menu a:hover{ color:#fff000; font-weight:900;}



.login-box{border:2px solid #fcb61e;width:860px;margin:0 auto;padding-bottom:15px;position:relative;}
.loginBox{padding:10px 10px 0 10px; color:#000;}
.loginBox a.login{margin:12px 0 0 180px; background-position:-210px -190px; width:110px; height:34px; overflow:hidden;}
.loginBox .login_ok{font-size:12px; font-family:"宋体"; color:#000; display:block; }

.login_ok{ position: absolute;bottom:26px; left: 173px; width: 100%; line-height: 30px;}
.login-ok-l{ color: #000}
.f{display: inline-block;width: 180px}
.g{display: inline-block; width: 180px;}
.h{display: inline-block; width: 180px;}
em{font-style: normal; }
.f em{ white-space:nowrap;text-overflow:ellipsis;display:inline-block; line-height: 15px;}
.buy-info,.contact,.submit,.cancel,.login-out{background: url(../images/pics.png) no-repeat 0 -9999px transparent;}
.login-out{ display: inline-block;width:92px;position: absolute;top:1px; right: 460px; background-position: -432px -122px;display: inline-block;height:37px;}

.links{position: absolute;top: 0;left: 320px;}
.links a{ color: #000; font-weight: bold;}
.contact{background-position: -717px -122px;display: inline-block;width:134px;height:37px;position: absolute;top:-4px; right: 67px;}
/*.contact:hover{background-position: -717px -162px;}*/


.login-before{padding-left:157px; position: absolute; bottom: 35px; width: 100%; font:14px '微软雅黑'; color: #000}
.login-before input{width:130px;padding:7px 3px; border: 1px solid #f4ad59; background-color: #efe6f3 }
.login-before input.text{box-shadow: 0 1px 2px #e8b67d inset;}
.login-before input.sub-btn,.quick-reg,.btn-rule,.btn-rule1{background: url(../images/pics.png) no-repeat 0 -122px transparent;width:114px;height:37px;display: block;position:absolute;top:-4px;right:450px;border:none;text-indent: -9999px;cursor: pointer;}
.quick-reg{background-position: -146px -121px;right:332px; top: -5px}

.loginBox .login_ok a{ font-size:12px; font-family:"宋体"; color:#ff0;}
.buy-info{background-position: -583px -122px;display: inline-block;width:92px;height:37px;position: absolute;top:0; right: 343px}
.top-main{background:url(../images/index_main_top.jpg) no-repeat 0 top transparent;position:relative;height:500px; padding: 20px 40px 0 66px; position: relative;}
.top-main ul li{ float: left; position: relative; width: 55px; height: 55px;background:url(../images/icon1.png) no-repeat 0 0 transparent; margin-left: 3px;}
.top-main ul li.icon{  background:url(../images/icon2.png) no-repeat 0 0 transparent; cursor: pointer; }
.top-main ul li.icon img{ position: absolute;top: 0; left: 0;}

.btn-newsbegin{ position: absolute; bottom: 55px;right: 49px; width: 121px; height: 50px; cursor: pointer;}
.btn-7{position: absolute; bottom: 55px;left: 70px; width: 100px; height: 50px; cursor: pointer; }
.btn-37{position: absolute; bottom: 55px;left: 178px; width: 100px; height: 50px; cursor: pointer; }
.btn-77{position: absolute; bottom: 55px;left: 278px; width: 96px; height: 50px; cursor: pointer; }

.btn-xiangqing{background: url(../images/pics.png) no-repeat -256px 0 transparent;  width: 174px; height: 48px; display: block; cursor: pointer; margin: 20px auto 0}


.rule-box {left: 77px; position: absolute; top: 100px; width: 600px;}
.rule {
    background-color: #8517ae; color: #FFFFFF; height: 650px; left: -568px; line-height: 24px; opacity: 0.9; padding: 10px 20px; position: absolute; top: 100px;
    width: 450px;
}
.rule .p1 h2 { background: url(../images/pics.png) no-repeat 0 0 transparent; width: 200px; height: 50px; margin: 0 auto}
.rule .p1 b, .rule .p2 b {  font-size: 14px;}

.btn-rule {    background-position: -893px 0;  height: 161px; left: -78px; position: absolute;  top: 295px;  width: 46px;}
.btn-rule1 { background-position: -893px 0; height: 161px; left: -78px; position: absolute;top: 295px; width: 46px;}













.product-box{position: absolute;top:146px;left:66px; width: 300px;}
.product-box .img-box{height:315px;float:left; width: 100%}
.img-box table{border-collapse:collapse;}
.img-box th{ font-size: 14px; color: #606060; padding: 7px;}
.img-box td{ text-align: center; padding: 7px 0; border-bottom: 1px solid #ccc; color: #686868}
.img-box td.award,.img-box td.ranking{ }
.img-box td.ranking,.img-box td.ranking1,.img-box td.ranking2,.img-box td.ranking3{background: url(../images/pics.png) no-repeat -9900px -9999px transparent;}
.img-box td.ranking1{ background-position: -900px -12px; color: #d7001a}
.img-box td.ranking2{ background-position: -900px -47px;color: #ff9600}
.img-box td.ranking3{ background-position: -900px -87px;color: #00923e}
.img-box td.r1{color: #d7001a}
.img-box td.r2{color: #ff9600}
.img-box td.r3{color: #00923E}
.img-box td.r4{color: #4c1908}
.img-box th.th_1{width: 50px; padding: 7px 0}
.img-box th.th_2{width: 70px;}
.img-box th.th_3{width: 60px;}
.accept-name{  display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.img-box td.award p{width: 110px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height: 13px;}

/*.img-span p{line-height:20px;padding:0 10px 0 25px;color:#000;}*/


.price-box{width:484px;height:303px;position: absolute;top:50px;right:60px;}
.price-box p{ line-height: 30px; padding: 0 20px;}
.price-box h2{font:22px '微软雅黑';position: absolute; top: -34px; left: 20px;color: #649608;}

.price-box .activity-info{position:absolute;width:154px;height: 54px;display: block;top:230px;left:100px;cursor:pointer;}
.price-box .activity-info{left:322px; top: 351px; background: url(../images/pics.png) no-repeat -570px -117px transparent; text-indent: -9999px; width: 143px}



/*半透明层*/
.cover{position: absolute; top:0; left:0; z-index:110;width:100%;height:100%;background-color:#000;filter:alpha(opacity=50); /*IE*/-moz-opacity:0.5; /*MOZ , FF*/opacity:0.5;/*CSS3, FF1.5*/}

/*alert*/
.alert,.pop .close,.alert_con .close,.alert_con .rule-title,.alert_con .rule-list thead tr,.alert_con .x1,.alert_con .x2,.alert_con .x4,.alert_con .x3,.alert_con .t1,.alert_con .t2,.alert_con .t3{background:url(../images/popbg.png) no-repeat 0 -9999px transparent; }
.alert{ width:279px; height:149px;position:fixed; _position:absolute; z-index:999; left:50%;top:50%;margin:-75px 0 0 -140px;background-position: 0 0;}
.alert_con{ font-family:"微软雅黑"; color:#a727c0; position:relative; padding:5px; text-align: center;}
.alert_con .close{background-position: right top; width: 20px; height: 16px;display:block;  position:absolute; right:0; top:0;}
.alert_con h3{ width:118px; height:35px; margin:10px auto 10px;}
.alert_con .x1{    background-position: -138px -161px; height: 112px; left: 2px; position: absolute; top: 26px; width: 125px;}
.alert_con .x2{background-position:-138px -161px; width: 125px; height: 112px;position: absolute; top: 26px; left: 2px;}
.alert_con .x3{ background-position:-138px -161px; width: 125px; height: 112px;position: absolute; top: 26px; left: 2px;}
.alert_con .x4{ background-position:0 -161px; width: 125px; height: 112px;position: absolute; top: 26px; left: 2px;}
.alert_con .t1{ background-position:-286px -394px; width: 149px; height: 54px;position: absolute; top: 26px; left: 164px;}
.alert_con .t2{ background-position:-139px -394px; width: 149px; height: 54px;position: absolute; top: 26px; left: 164px;}
.alert_con .t3{ background-position:0 -488px; width: 449px; height: 54px;position: absolute; top: 26px; left: 39px;}
.alert_box p{ font-size:16px; line-height:30px;text-align: center;}
.alert_box .p1{ font-size: 14px;position: relative;z-index: 10;}
.alert_box .p2{font-size: 14px;}
.btn-y{border: 0; background:url(../images/popbg.png) no-repeat 0 -280px transparent; width: 56px;height: 28px; cursor: pointer; }
.btn-n{border: 0; background:url(../images/popbg.png) no-repeat -60px -280px transparent; width: 56px;height: 28px; cursor: pointer; }
.btn-pay{ background: url("../images/popbg.png") no-repeat scroll 0 -312px transparent;
    cursor: pointer;    display: block;    height: 28px;    margin-left: 34px;    width: 105px;}
/*pop .alert{background:url(../images/pop_bg.png) no-repeat 0 -9999px #ffbc08; }
*/
.pop{ background: none;background-color:#e2adee;width:572px;height:422px;  margin: -211px 0 0 -286px;  border: 1px solid #ab31c2 }
.pop .close{  background-position: -261px -5px;    height: 16px;    top: 5px;    width: 16px;}

.buy_btn{position:relative;}
.buy_btn input,.buy_btn .cancel{border:none;background: none;width:120px;height:40px;position: absolute;top:30px;left:26px;cursor: pointer;}
.buy_btn .cancel{left:150px;}
.alert_con .login .toll{ line-height:22px; padding-left:60px;}
.alert_box{ padding:30px  0 0 100px }
.l{ text-align: left; padding: 100px 0 0 39px;}

#msg{ padding-bottom:10px;}
.alert_con .rule-title{ height:45px;    line-height: 45px; width:130px;padding:0 0 0 213px;*padding:0 0 0 10px; background-position: 205px -405px;*background-position: 0 -405px;}
.alert_con .rule-list{ width: 100%; border-collapse: collapse; background-color: #fff}
.alert_con .rule-list thead tr{ font: 16px "微软雅黑"; background-position: 0 -450px; background-repeat: repeat-x;  color: #6f0113}
.alert_con .rule-list td,.alert_con .rule-list th{ text-align: center; padding: 7px 0; border: 1px solid #290208}
.alert_con .rule-list td{padding: 10px 0;color: #6f0113 }
.page{ text-align: right; line-height: 30px;}
.page a{ padding: 0 5px; text-decoration: none;color: #6f0113; float: right; }
/*底部*/
.bottom{ height:100px; overflow:hidden;padding:15px 0;background-color: #6b3584;color:#fff;}
.bottom a{color:#fff;}
.bottom .foot{ width:960px; margin:0 auto; background:url(../images/policeman.png) no-repeat 640px 0px; text-align:center; line-height:20px;}
.bottom .foot .footer{ background:url(../images/funcity.png) no-repeat 140px 9px; padding-top:10px;}
.input-gray {color: #ccc;}
.input-text {color: #484848;}