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,.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: #fff}
.bg{background:url(../images/bg_index.jpg) no-repeat center top transparent;}
.wraper{ width:980px; margin:0 auto 20px; position:relative;}
.header{ height:962px; 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:538px; margin-top:67px; height:30px; overflow:hidden; zoom:1; line-height:28px; }
.header_menu a{ font-size:14px; color:#fff; text-decoration:none; margin-right:20px; font-family:"微软雅黑";display:inline;}
.header_menu a:hover{ color:#390202; font-weight:900;}

.light{width:770px;height:339px;position: absolute;top:351px;left:109px;z-index: 1;background:url(../images/deng.jpg) no-repeat 0 0 transparent;}
.draw-area{ width: 560px; height: 235px;position: relative;top:465px;*top:527px;left:265px;z-index: 2;}
.start-bg{background-position: 0 0;width:184px;height:184px;position:absolute;top:-114px;right:-62px;z-index: 10;}
.start{display: block;position: absolute;background-position: 0 0;width:184px;height:184px;}
.startbar-box,.startbar-boxb{position:absolute;right:1px;top:68px;width:71px;height:207px;overflow: hidden;z-index: 9;}
.startbar-boxb{top:253px;height:0;overflow: hidden;}
.startbar{width:171px;height:207px;background-position: -50px -185px;position: absolute;top:2px;}
.box-b{position:absolute;z-index:3;width:107px;height:195px;overflow:hidden;top:20px;left:32px;}
.sway-box{overflow:hidden;height:220px;}
.box{width:107px;height:2200px;background: url(../images/icon.jpg) no-repeat 0 0 transparent;}
.outbox{background: url(../images/item_bg.png) no-repeat 0 0 transparent;width:130px;height:215px;position:absolute;top:10px;left:20px;z-index:-4;}
.start-before{height:220px;overflow: hidden;width:620px;position: relative;}
.start-before li{position: absolute;top:20px;display: block;width:107px;height:195px;background:url(../images/yql.jpg) no-repeat 0 -9999px transparent;z-index: 3;}
.start-before li.start-f{left:32px;background-position: 0 -1px;}
.start-before li.start-s{left:167px;background-position: 0 -220px;}
.start-before li.start-t{left:304px;background-position: 0 -440px;}


.login-box{border:2px solid #fcb61e;width:860px;margin:0 auto;padding-bottom:15px;position:relative;}
.loginBox{padding:10px 10px 0 10px; color:#fff;}
.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:#fff; display:block; }

.login_ok{position: absolute; bottom: 68px; left:240px; width: 526px; font:14px '微软雅黑';}
.login-ok-l{ color: #fff}
.f{font:16px '微软雅黑'; display: inline-block;padding-right: 10px;}
.g{display: inline-block; width: 126px;}
.h{display: inline-block; width: 126px;}
em{font-style: normal; }
.f em{ font-size:16px;white-space:nowrap;text-overflow:ellipsis;display:inline-block; line-height: 15px;color: #FFBC08;width: 125px;overflow: hidden;}
.contact,.submit,.cancel{background: url(../images/pics.png) no-repeat 0 -9999px transparent;}
.login-out{ display: inline-block;width:35px;position: absolute;top:1px; right: 320px; color: #FFFFFF}
.contact{background-position: -717px -122px;display: inline-block;width:134px;height:37px;position: absolute;top:-6px; right: 30px;}
/*.contact:hover{background-position: -717px -162px;}*/

.login-before{position: absolute; bottom: 68px; left:240px; width: 526px; font:14px '微软雅黑';}
.login-before input{width:104px;padding:5px 3px; }
.login-before input.text{ height:13px; line-height:13px}
.login-before .sub-btn{ width:62px; height:27px; background: url(../images/btn.jpg) no-repeat 0 0 transparent; border:none; color:#FFF}
.login-before span{color:#FFF;}
.login-before .quick-reg{ display:block; width:62px; height:27px; background: url(../images/btn.jpg) no-repeat 0 0 transparent; float:right; margin-right:30px; color:#FFF; text-align:center; line-height:27px; text-decoration:none}


.loginBox .login_ok a{ font-size:12px; font-family:"宋体"; color:#ff0;}
.buy-info{background: url(../images/btn.jpg) repeat-x; display: inline-block;width:104px; text-align:center; height:26px;position: absolute;top:-2px; line-height:26px; right: 210px}
.contact{background: url(../images/btn.jpg) repeat-x; display: inline-block;width:104px; text-align:center; height:26px;position: absolute;top:-2px; line-height:26px; right: 100px}
.top-main{background:url(../images/index_main_top.jpg) no-repeat 0 -6px transparent;position:relative;height:500px;}
.on-hook{background: url(../images/btn.jpg) repeat-x; border:none; color:#FFF; cursor:pointer; font:14px '微软雅黑'; display: inline-block;width:64px; text-align:center; height:26px;position: absolute;top:-2px; line-height:26px; right: 30px}

.product-box{position: absolute;top:86px;left:34px; width: 320px;}
.product-box .img-box{height:315px;float:left; width: 100%}
.img-box table{border-collapse:collapse;}
.img-box table tr{ height:32px}
.box-tit{ height:28px}
.box-tit span { float:left; display:block; line-height:28px; height:28px; color: #c78f8a; font-size:14px}
.box-tit .span_1{ margin-left:20px; margin-right:40px}
.box-tit .span_2{ margin-right:33px}
.box-tit .span_3{ margin-right:45px}
.ranking{ width:50px;}
.r1{ text-align:center}

.img-box th{ font-size: 14px; color: #c78f8a; padding: 7px;}
.img-box td{ text-align: center; height:22px; line-height:22px; color: #ffcabc; text-align:center}
.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 -9px; color: #ffd800}
.img-box td.ranking2{ background-position: -900px -46px;color: #90ff00}
.img-box td.ranking3{ background-position: -900px -86px;color: #f15b00}
.img-box td.r1{color: #ffd800}
.img-box td.r2{color: #90ff00}
.img-box td.r3{color: #f15b00}
.img-box td.r4{color: #e1bd68}
.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;}*/

.degree{ width:410px; height:30px; position:absolute; bottom:121px; left:290px;}
.degree span{width:100px; float:left; display:block; color:#880101; height:30px; line-height:30px; font-size:16px; font-weight:bold; text-align:right; padding-right:10px}

.price-box{width:484px;height:303px;position: absolute;top:80px;right:110px;}
.price-box p{ line-height: 23px; padding: 0 20px; color:#d9b47e; position:relative}
.price-box h2{font:22px '微软雅黑';position: absolute; top: -34px; left: 20px;color: #649608;}
.vote-btn{ width:131px; height:34px; line-height:34px; background: url(../images/vote-btn.jpg) no-repeat 0 0 transparent; display:block; float:right; position:absolute; bottom:-25px; text-align:center; right:25px; }
.vote-btn{ color:#FFF; font-size:14px; text-decoration:none; letter-spacing:2px; cursor:pointer}

.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}

.listbox{width:948px; height: 136px;margin:0 auto; background:url(../images/index_main_top.jpg) no-repeat 0 -506px transparent; padding: 50px 0 27px 32px; }
.listbox li{  padding:23px 10px 0 2px; float: left;}


/*展示区*/
#demo {  overflow: hidden; height: 100px;    position: relative;    width: 824px;}
#indemo {  float: left;   width: 8000%;}
#demo1,#demo2{   float: left;}
.table{border-collapse: collapse;border:1px solid #9a5100;margin-top: 10px;}
.table td,.table th{border:1px solid #9a5100;padding:8px;}



/*半透明层*/
.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 .x3,.alert_con .t1,.alert_con .t2,.alert_con .t3{background:url(../images/pop_bg.png) no-repeat 0 -9999px transparent; }
.alert{ width:388px; height:223px;position:fixed; _position:absolute; z-index:999; left:50%;top:50%;margin:-117px 0 0 -155px;background-position: 0 0;}
.alert_con{ font-family:"微软雅黑"; color:#2d3c14; height:228px;position:relative; padding:5px; text-align: center;}
.alert_con .close{background-position: right top; width: 20px; height: 16px;display:block;  position:absolute; right:16px; top:13px;}
.alert_con h3{ width:118px; height:35px; margin:10px auto 10px;}
.alert_con .x1{  background-position:0 -223px; width: 149px; height: 172px; position: absolute; top: 26px; left: 2px; }
.alert_con .x2{background-position:-155px -223px; width: 140px; height: 172px;position: absolute; top: 26px; left: 2px;}
.alert_con .x3{ background-position:-289px -223px; width: 149px; height: 172px;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: 18px;position: relative;z-index: 10;}
.alert_box .p2{font-size: 24px;}
.alert .t3{ height:42px; line-height:42px; background:#790808; font-size:20px; text-align:left; color:#FFF; padding-left:15px;}


.hdgz{ width:618px; padding-bottom:40px;  z-index:999; height:434px; left:50%;/*FF IE7*/top:50%;/*FF IE7*/ 
margin-left:-309px!important;/*FF IE7 half of its width */
margin-top:-217px!important;/*FF IE7 half of its height*/ 
margin-top:0px; background:#FFF;
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*/ }
.hdgz .rule-title,.alert-gz .rule-title{height:42px; line-height:42px; background:#790808; font-size:20px; text-align:left; color:#FFF; padding-left:15px; margin-bottom:18px;position:relative;}
.hdgz .close,.alert-gz .close{cursor: pointer; position:absolute; right:8px; top:1px;  width:30px; text-align:center; background:none; display:block; height:30px }
.hdgz .title{ font-weight:bold; font-size:14px; color:#ff6c00}
.hdgz p{ padding:0 40px; line-height:23px; font-size:14px; color:#666666}

/*pop .alert{background:url(../images/pop_bg.png) no-repeat 0 -9999px #ffbc08; }

.pop{ background: none;background-color:#ffbc08;width:572px;height:422px;  margin: -211px 0 0 -286px;  border: 1px solid #6daf20 }
.pop .close{ background-position: right top; width: 20px; height: 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:100px 0 0 100px; }
.l{ text-align: left; padding: 50px 0 0 70px;}
.alert_box select{ height: 25px; width: 120px; border:1px solid #894203; padding: 2px;}
.address-info{ font-family: "宋体"; width: 460px; height: 130px; border:1px solid #894203; padding: 7px; margin-top: 10px; background-color: #fff; line-height: 24px;}

.alert_box input{border:1px solid #894203;padding: 2px; width: 225px; float: left; margin:10px 10px 0 0; height: 30px; line-height: 30px;  }
.alert_box .submit { background-position:0 -162px ;  width: 134px; height: 37px; display: inline-block; text-indent: -9999px; border: 0; margin: 0; cursor: pointer;}
.cancel{ background-position:-288px -162px ;  width: 134px; height: 37px;display: inline-block; text-indent: -9999px; margin-left: 30px;}

.alert_box .pay_btn a{ font-size:18px; font-weight: bold; line-height:30px; color:#f00; text-decoration:underline; margin:10px 0 0 15px;}
.alert_con .btn{position:absolute;top:164px;left:74px;height:40px;width:160px;text-indent: -9999px;}
.buy_con label select{height:24px;width:180px;border:1px solid #ccc;}
#msg{ padding-bottom:10px;}

.alert_con .rule-list{ margin:0 14px; width:590px; border-collapse: collapse; background-color: #fff}
.alert_con .rule-list thead tr{ font: 16px "微软雅黑"; background-position: 0 -450px; background-repeat: repeat-x;  color: #fff}
.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; max-width:1680px; margin:0 auto; overflow:hidden;padding:15px 0;background-color: #121212;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;}