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 0px;
  position: relative;}
.header{    height: 786px;
  overflow: hidden;
  position: relative;
  background: url(../images/index_top.jpg) no-repeat 11px top transparent;}
.header h1{ width:200px; height:120px; position:absolute;text-indent: -9999px;}
.header_menu{  padding-left: 517px;
  margin-top: 7px;
  height: 30px;
  overflow: hidden;
  zoom: 1;
  line-height: 28px; }
.header_menu a{   font-size: 16px;
    font-weight: bolder;
  color: #051ea5;
  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: 372px;
  left: 194px;
  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:2190px;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 -10px;}
.start-before li.start-s{left:167px;background-position: 0 -230px;}
.start-before li.start-t{left:304px;background-position: 0 -450px;}


.login-box{  position: absolute;
  bottom: 60px;
  left: 175px;
  width: 526px;
  font: 14px '微软雅黑';}
.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: 42px;
  left: 192px;
  width: 500px;
  font: 14px '微软雅黑';}
.login-ok-l{ color: #fff}
.f{font:16px '微软雅黑'; display: inline-block;padding-right: 10px; color: #ffffff;}
.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;line-height: 24px;color: #FFBC08;width: 125px;overflow: hidden;}
.contact{background: url(../images/pics.png) no-repeat 0 -9999px transparent;}
.login-out{ display:inline-block; width:35px;position: absolute;top:1px; right: 237px; 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: 42px;
  left: 175px;
  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 11px 0px transparent;
  position: relative;
    height: 506px;}
.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: 110px;
  left: 113px;
  width: 320px;}
.product-box .img-box{height:315px;float:left; width: 100%}
.img-box table{border-collapse:collapse;}
.img-box table tr{   height: 30px;}
.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: 96px;
  left: 223px;}
.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: 5px;}
.price-box p{  line-height: 25px;
  padding: 0 20px;
  color: #000;
  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: 101px;
  margin: 0 auto;
  background: url(../images/index_main_top.jpg) no-repeat 0 -506px transparent;
  padding: 50px 0 0px 6px;}
.listbox li{  padding:23px 10px 0 2px; float: left;}


/*展示区*/
#demo {    overflow: hidden;
  height: 100px;
  position: relative;
  width: 824px;
    left: 80px;}
#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 .rule-title,.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: 437px;
  height: 313px;
  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: #0768ac;
  height: 228px;
  position: relative;
  /* padding: 5px; */
  text-align: center;}
.alert_con .close{  background-position: right top;
  width: 35px;
  height: 35px;
  display: block;
  position: absolute;
  right: 5px;
  top: 6px;}
.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: 40px;text-align: center;}
.alert_box .p1{ font-size: 18px;position: relative;z-index: 10;}
.alert_box .p2{  font-size: 28px;}
.alert .t3{   height: 42px;
  line-height: 42px;
  background: #0768ac;
  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: 45px;
  line-height: 45px;
  background: #0768ac;
  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: 85px 0 0 0px;
  text-align: center; }
.l{ text-align: left; padding: 50px 0 0 70px;}
.alert_box select{ height: 25px; width: 120px;   border: 1px solid #0768ac; padding: 2px;}
.address-info{ font-family: "宋体"; width: 460px; height: 130px;   border: 1px solid #0768ac; padding: 7px; margin-top: 10px; background-color: #fff; line-height: 24px;}

.alert_box input{  border: 1px solid #0768ac;padding: 2px; width: 225px; float: left; margin:10px 10px 0 0; height: 30px; line-height: 30px;  }
.alert_box .submit {  background: url(../images/btn_pop.jpg) repeat-x;
  border: none;
  color: #FFF;
  cursor: pointer;
  font: 14px '微软雅黑';
  display: inline-block;
  width: 172px;
  text-align: center;
  height: 41px;
  position: absolute;
  top: 7px;
  line-height: 41px;
  left: 41px;}
.cancel{   background: url(../images/btn_pop.jpg) repeat-x;
  border: none;
  color: #FFF;
  cursor: pointer;
  font: 14px '微软雅黑';
  display: inline-block;
  width: 172px;
  text-align: center;
  height: 41px;
  position: absolute;
  top: 17px;
  line-height: 41px;
  right: 112px;
  text-decoration: none;}

.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{ text-align: center; padding: 7px 0;   border-bottom: 1px solid #e5e5e5;}
.alert_con .rule-list td{padding: 10px 0;  color: #666666;}
.page{ text-align: right; line-height: 30px;}
.page a{   padding: 0 16px;
  text-decoration: none;
  color: #0768ac;
  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;}