html { -webkit-text-size-adjust: none; }

body{
  font: 12px/1.125 Microsoft YaHei,Arial,Helvetica,sans-serif;color: #555;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, form, table, td, div, span, select, fontpre, code, form, fieldset, legend, input {
margin: 0;
padding: 0;
font-weight: normal;
}
ul, li {
list-style: none;
}
.word-break {
word-break: break-all;
word-wrap: break-word;
}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}.clearfix { display: inline-block;}* html .clearfix { height: 1%;}.clearfix { display: block;}
#map_detail_header,#map_detail_main,.head_tick_title,.head_tick_sub_content,.head_tick_sub_content_gray,.pin_up,.pin_up2,.pin_down,.pin_down2,.pin_icon_play,.pin_icon_question,.pin_icon_book,.pin_icon_car,.stick_icon,.label,.pin_icon_metal,.top_div .left,.c_right_bottom3,.radio_bar,.common_spirit{
  background: transparent url(../images/spirit.png) no-repeat 0 0;
}
.apply,.attention,.biji_title,.bottom_icon,.bottom_switch,.q_a,.liuyan,.status_icon_comment,.loadIco,.common_icon{
  background: transparent url(../images/icons.png) no-repeat 0px 0px;
}
.center{
  margin: 0px auto;display: block;
}
  a, a:visited {
     color: gray;
      text-decoration: none;

  }
  a:hover, a:active {
      color:orange;
      text-decoration: none;

  }
  .container {
    margin: 0 auto;
    width: 1200px;clear:both;
    position: relative;
    height:auto !important;
  }
i, cite, em, var, address, dfn {
font-style: normal;
}
.nav_bott_line {
width: 100%;
height: 2px;
background-color:#009ee0;
background: -webkit-linear-gradient(left ,#da47ca, #24beff);
background: -moz-linear-gradient(left ,#da47ca, #24beff);
background: -ms-linear-gradient(left ,#da47ca, #24beff);
background: -o-linear-gradient(left ,#da47ca, #24beff);
-pie-background: linear-gradient(left ,#da47ca, #24beff);
}
.header_xin{
  position: relative;
  width: 100%;
  min-height: 60px;
  background: url(../images/nav_xin_bg.png) repeat-x;
}
.hot_right {
  padding-top:5px;
  float: right;
  min-width: 200px;
  height: 27px;
}
.hot_right li {
  float: left;
  height: 13px;
  position: relative;
  line-height: 13px;
  font-size: 14px;
  z-index: 999999;
  padding:0px 10px;
}
.hot_right p {
  float: left;
  width: 1px;
  height: 19px;
  margin-top: 4px;
}

.nav_box{
  clear:both;color:#009ee0;
  height: 100px;
}
#index_logo{
  float:left;
  margin-top: 20px;
  height:60px;
  width:300px;
  margin-left: 100px;

  line-height: 50px;
  font-size:24px;
  text-align: center
}
#index_nav{
  float:right;
  width: 600px;
  height:60px;
  margin-top: 20px;
  margin-right: 20px
}
#index_nav i{
  width: 30px;
}
.index_nav_line{
  width: 80%;
  height: 2px;
  background-color:#d22929;
  position: absolute;
  bottom: 0px;
  left:20px;
  display: none
}
#index_nav font{
  display: block;
  float: right;
  color:orange;
  font-size: 12px;
  cursor: pointer;
}
#index_nav li {
  float: left;
  height: 32px;
  position: relative;
  line-height: 36px;
  font-size: 16px;
  z-index: 999999;
  padding:0px 10px;
  width: 150px;
  cursor: pointer;
}

    #slides {
      display: none;
      position: relative;

    }
    #slides .slidesjs-navigation {
      position: absolute;z-index: -1
    }
 #slides .slidesjs-navigation i{
  font-size:40px;
 }
    #slides .slidesjs-previous {
      top:170px;left:5px;z-index:10;
    }

    #slides .slidesjs-next {
      top:170px;right:5px;z-index:10;
    }
    #slides .slidesjs-stop, #slides .slidesjs-play  {
      color:#fff;position: absolute;top:0;
    }
    #slides .slidesjs-pagination {
      list-style: none;
      margin: 0px auto;
      height: 20px;
      margin-top: 10px;
      padding: 0px;width:300px;

    }

    #slides .slidesjs-pagination li a {
      display: block;
      width: 30px;
      height: 15px;
      background-image: url(../images/spirit.png);
      background-position: 0 8px;
      float: left;
      overflow: hidden;
      line-height: 60px;
    }

    #slides .slidesjs-pagination li a.active,.slidesjs-pagination li a:hover,.slidesjs-pagination li a:hover.active {
      background-position: 0 -16px
    }
    #slides a:link, #slides a:visited {
      color: #ddd;
    }
    #slides a:hover,#slides a:active {
      color: #9e2020
    }

.padding5px{
  padding: 5px;color:gray;
}
.padding10px{
  padding: 10px;color:gray;
}

#slides1_container{
      float: right;
      width: 260px;
      height:320px;
      background-image: url(../images/sliders_bg.png);
      margin-top: 20px
}

    #slides1 {
      padding-top: 0px;
      display: none;
      position: relative;
      width: 200px;
      height: 200px;
      margin: 0px auto;
    }
    #slides1 .slidesjs-navigation {
      position: absolute;z-index: -1
    }
    #slides1 .slidesjs-previous {
      top:100px;left:5px;z-index:10;
    }

    #slides1 .slidesjs-next {
      top:100px;right:5px;z-index:10;
    }
    #slides1 .slidesjs-stop, #slides .slidesjs-play  {
      color:#fff;position: absolute;top:0;
    }

#choujiang_icon{
  color:#ff8e21;
  width: 120px;
  background: transparent url(../images/icons.png) no-repeat 0px -118px;
  font-size: 20px;
  font-weight: bold;
  height: 50px;
  margin: 0px auto;
  margin-top: 40px;
  padding-left: 40px;
  line-height: 40px
}

.hidden_controllor{
  height:20px;background-color:#009ee0;
background: -webkit-linear-gradient(left ,#da47ca, #24beff);
background: -moz-linear-gradient(left ,#da47ca, #24beff);
background: -ms-linear-gradient(left ,#da47ca, #24beff);
background: -o-linear-gradient(left ,#da47ca, #24beff);
-pie-background: linear-gradient(left ,#da47ca, #24beff);
  border:solid 1px #ddd;
  border-bottom:none;
}
.hidden_controllor .cross_in{
  width:120px;
  padding-top:2px;
  padding-right: 20px;
  cursor: pointer;
  font-size: 14px;
  color:#fff;
}
.hidden_controllor #c_map{
  float: right
}
.hidden_controllor #c_pics{
  float: left;
    padding-left:20px;
}
.hidden_controllor .cross_in i{
  font-size: 14px;
}
.hidden_controllor .cross_in:hover {
      color: #d22929;
      text-decoration: none;

  }

#hidden_container{
  width: 1198px;
  min-height:632px;
  border:1px #ddd solid;
  border-top:none
}
#map_container{
width: 750px;
height: 630px;
float: left;
margin-left: 40px;
position: relative;
}
#map_detail{
  width: 346px;
  min-height: 630px;
  margin-right: 10px;
  float: right;
}
#map_detail_header{
  margin-top: 70px;
  background-position:  0px -36px;
  width: 346px;
  height: 48px;
  font-size: 20px;
  color: white;
  line-height: 55px;
  text-align: center;
  cursor: pointer;
}
#map_detail_main{
background-position:  0px -84px;
height:460px;
}

.tab_container{
  height:30px;
  padding: 10px;
  padding-left: 42px;
  padding-top: 25px
}
a.tab_detail {
  width: 85px;
  height: 30px;
  float: left;
  background: #ffffff url(../images/info_tab.png) no-repeat 0px 0px;
  text-align: center;
  line-height: 30px;
  color: white;
  font-size: 14px;
  text-decoration: none;
}
a.tab_detail:hover{
  background-position-y: -50px;
}
a.tab_center {
background-position: -100px 0px;
text-decoration: none;
color: white;
}
a.tab_right {
background-position: -200px 0px;
text-decoration: none;
color: white;
}
a.tab_current {
background-position-y: -100px;
}
#map_detail_info{
  padding: 10px;
}
#hot_info1,#hot_info2,#hot_info3{
  height: 30px;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 8px;
  line-height: 30px;
  font-size: 16px;
  width: 240px;
}
.icons{
  padding-left: 20px;
  padding-right: 10px;
  background: transparent url(../images/icons.png) no-repeat 0px 0px;
}

.counter_wrap{
  position: absolute;
  top:80px;
  left: 250px
}
.counter {
  min-width: 15px;
  height: 60px;
  padding-left: 14px;
  padding-right: 12px;
  background: transparent url(../images/count.png) no-repeat 0px 0px;
  float: left;
  line-height: 50px;
  color:#009ee0;
  font-size:20px;
  font-weight: bold;
  cursor: pointer;
}
.group_icon{
  background-position: 0px 0px
}
.group_clock{
    background-position: 0px -33px
}

#map_index{
  width: 750px;
  height: 630px;
  cursor: pointer;
  position: relative;
}
#map_index .title{
  position: absolute;
  left:0px;
  top:20px;
  text-align: center;
  z-index: 2;
  width: 360px;
  font-size: 14px;
}
#my_attention{
  width:685px;float: left;
}
#info_express{
  width: 910px;
  float: left;position:relative;
}
#day_up{
   width:500px;float:right;
}
#day_up .current{
  color:orange;
}
.day_up_li{
  float: left;
  width:45px;
  display: block;
  line-height: 18px;
  font-size: 14px;
  text-align: center;
  color: #009ee0;
  border-right: 1px #009ee0 solid;
  margin-top: 5px
}
.day_up_li:first{
    border-right: none
}
#day_up .top_div{
  padding:5px;
  clear: both;
  height: 45px;
}
#day_up .top_div .left{
  float:left;
  width:90px;

  line-height: 30px;
  font-size: 14px;
  text-align: center;
  height: 32px;
  margin-top: 6px;
  background-position: -510px -431px
}
#day_up .top_div .right{
  float:left;
  width: 380px;
  height: 40px;
  padding: 0px 5px;
}
.right .number{
  float: right;
  width: 60px;
  color: #aaa;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
}
.right .stick{
  float: left;
  width: 320px;
  position: relative;
}
.stick .stick_background{
  height: 15px;
  margin-top: 20px;
  background-color: #ddd
}
.stick .percent{
  position: absolute;
  bottom: 0px;
  width: 10px;
  left:80px;
  color: #000
}
.stick .stick_icon{
    position: absolute;
    top:-8px;
    left:30px;
    width: 40px;
    text-align:center;
    height: 38px;
    background-position: -572px -306px
}
#o2obook{
  float: left
}
#cell{
  width: 910px;
  float: left
}
.sub_cell{
  width:50%;
  float: left;  margin-bottom: 15px;
}
.sub_cell .num{
  height: 40px;
  float: left;
  width: 40px;
  line-height: 40px;
  text-align: center;
  border-right: 2px #fff solid;
  font-size: 14px;
  color: #000;
}
.sub_cell .cell_title{
  float: left;
  margin-left: 10px;
  line-height: 40px
}
.sub_cell .pin_wrap{
  margin-left: 0px;
  margin-right: 10px;
  float: right
}

.sub_cell .sub_cell_container{
  width: 99%
}
.sub_cell .sub_cell_container .title{
  line-height: 16px;
  padding:3px 12px;
}

.head_tick{
}
.head_tick .more{
  float: right;width: 120px;
  font-size: 16px;
  color: #009ee0;
  line-height: 30px
}
.head_tick_title{
  float: left;

  height: 30px;
  width: 155px;
  background-position: -445px -1px;
}
.head_tick_titile1{
height:30px;line-height:30px;background-color:orange;color:white;font-size:18px;text-align:center;float:left;margin-left:8px
}

.head_tick_title .font{
  text-align:center;
  float: right;
  color: #fff;
  font-size: 18px;

  width: 105px;
  line-height: 28px
}
.head_tick_sub{
  float: left;
  width: 80px;
  padding: 0px 7px;
}
.head_tick_sub_content{
    width: 92px;
    height: 27px;
    background-position: -509px -38px;
    display: block;
    line-height: 28px;
    text-align: center;
    color: #fff;
    font-size: 14px;
}
.head_tick_sub_content:hover{
  color: #fff
}
.head_tick_sub_content_gray{
    width: 92px;
    height: 27px;
    background-position: -509px -72px;
    display: block;
    line-height: 28px;
    text-align: center;
    color: #fff;
    font-size: 14px;
}
.center_tick{
clear:both;
  height:40px;
  background-color: #ccc;
  width: 99%;
  margin-left: 0px;
}
.center_tick .sum{
  width:75px;
  text-align: center;
  color: gray;
  float: left;
  line-height: 40px;
}
.center_tick .label_content{
  float: left;
}
.center_tick .label_content a{
  display: block;float:left;margin-left:5px;
  padding:0px 3px;
  line-height: 40px
}
.center_tick .label_content .selected{
  color: #fff;
  background-color: #009ee0;
  height:20px;  line-height: 20px;
  margin-top: 8px
}

.home_icon{
  margin-left: 20px;
  float: left;
  height: 20px;
  background-position: 0px -55px
}
.key_icon{
  margin-left: 20px;
  float: left;
  height: 24px;
  background-position: 0px -87px
}
.book_icon{
  margin-left: 20px;
  float: left;
  height: 24px;
  background-position: 0px -166px
}
.main_tick{
  height:250px;
}

.pin_wrap{
  float: left;
  margin-left: 15px;
  margin-top: 12px;
  height: 25px;
}
.pin_icon_play{
  width: 20px;
  float: left;
  height: 25px;
  background-position:-580px -164px;
}
.pin_icon_question{
  width: 20px;
  float: left;
  height: 25px;
  background-position:-580px -192px;
}
.pin_icon_book{
  width: 20px;
  float: left;
  height: 25px;
  background-position:-580px -226px;
}
.pin_icon_car{
  width: 20px;
  float: left;
  height: 25px;
  background-position:-581px -251px;
}
.pin_icon_metal{
  width: 20px;
  float: left;
  height: 25px;
  background-position:-581px -383px;
}
.pin_up{
  color: gray;
  width: 38px;
  float: left;
  background-position:-554px -110px;
  line-height: 18px;
  height: 20px;
  text-align: center;
  padding-right: 1px;
}
.pin_content{
	line-height: 18px;
	float: left;
}
.pin_content_r{
	line-height: 18px;
	float: left;
}
.pin_up2{
  color: gray;
  width: 18px;
  float: left;
  background-position:-585px -408px;
  line-height: 18px;
  height: 20px;
  text-align: right;
  padding-right: 1px;
margin:0px;
  text-align: left
}
.pin_down{
  color: gray;
  width: 45px;
  float: left;
  background-position:-556px -138px;
  line-height: 18px;
  height: 20px;
  text-align: center;
  padding-right: 1px;
}
.pin_down2{
  color: gray;
  width: 18px;
  float: left;
  background-position:-585px -469px;
  line-height: 18px;
  height: 20px;
  text-align: right;
  padding-right: 1px;
}

.cate_wrapper{
  width: 214px;
  height: 215px;
  border: solid 1px #ddd;
  margin: 5px;
  float: left;
  position: relative;
}
.cate_wrapper .thumb_1{
  margin: 2px;
}
.cate_wrapper .thumb_2{
  position: absolute;
  top:92px;
  left:10px;
  z-index: 10;
}
.cate_wrapper .cate_title{
  position:relative;
  width: 130px;
  float: right;
  color: gray;
  margin-right: 5px;
  margin-top: 5px;
}
.cate_wrapper .cate_description{
  clear: both;
  position:relative;
  width: 210px;

  margin:8px;
  margin-top:25px;
}
.cate_wrapper .cate_recommend{
  float: left;
  font-size: 14px;
  margin: 4px;
  margin-left: 20px;
  color: gray;
  width: 80px
}
.cate_wrapper_book{
  width: 214px;
  height: 315px;
  border: solid 1px #ddd;
  margin: 5px;
  float: left;
  position: relative;
}
.cate_wrapper_book .book_warpper{
  width: 200px;

  margin: 0px auto;
  margin-top: 10px;
  margin-bottom: 10px
}
.book_warpper .v_image{
  width: 150px;
  height: 200px;
  margin:0px auto;
}
.book_warpper .v_image img{
  width: 150px;
  height: 200px;
}
.book_warpper .a_image{
  width: 200px;
  height: 175px;
  margin-top:35px;
}
.book_warpper .a_image img{
  width: 200px;
  height: 150px;
}
.book_warpper .content{
  height: 80px;
  margin-top: 10px;
  background-color: #eee;
  padding: 5px 10px
}
.book_warpper .content li{
  height: 25px;
  line-height: 25px;
  font-size: 14px
}

#footer{
}

#footer .container{
  clear: both;
  padding-top: 40px
}
#footer  .f_left {
float: left;
width: 800px;
text-align: center;
line-height: 55px
}
.f_webo_sina {
background: url(../images/sina_gray.png);
height: 37px;
width: 46px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/sina_gray.png');
display: inline-block;
margin-right: 20px;
overflow: hidden;
font-size: 40px;
}
#footer .f_weibo {
float: left;
}
#footer .f_right {
float: right;
}
#footer{
  height: 197px;
width: 100%;
background: #ddd;
color: #8c8c8c;
}

.jvectormap-label {
    position: absolute;
    display: none;
    border: solid 1px #CDCDCD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #292929;
    color: white;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    padding: 3px;
}

.nav_box_sub{
  clear:both;color:#009ee0;
  height: 150px;
}
.nav_box_sub .left{
  float: left;
  width:150px;
  padding:15px;
  margin-top: 8px
}
.nav_box_sub .center{
  float: left;
  width:680px;
  margin-left:50px;
}
.nav_box_sub .right{
    float: left;
  width:240px;
  margin-top: 60px;padding: 10px;margin-left: 20px
}
.apply{
  width: 120px;height:60px;
  float: left;
  background-position: -500px 0px;
  cursor: pointer;
}
.attention{
  width: 120px;height:60px;
  float: left;
    background-position: -500px -76px;
    cursor: pointer;
}
.nav_box_sub .center_title{
  height:35px;
  margin:10px;
  margin-bottom: 5px;
  margin-left: 0px
}

.nav_box_sub .center_title{
}

.group_info{
  float: left;
  width: 330px
}
.group_info .label{
  float: left;
  background-position: -549px -349px;
  width: 41px;
  height: 28px;
}
.group_info .label_content{
  float: left;
  height: 26px;
  background-color: #fec000;

  padding-right: 4px;

  line-height: 23px
}
 .label_content font a{
 color: #009ee0;
}
 .label_content font a:hover{
  color: #d22929;
}
.label_content font{
  line-height: 26px;margin-left: 5px
}
.group_info .tip{margin:3px;}

#index_nav_sub{
  float:right;
  width: 340px;
  height:77px;
  margin-top: 0px;
  margin-right: 0px;
}
#index_nav_sub i{
  width: 30px;
}
.index_nav_line{
  width: 80%;
  height: 2px;
  background-color:#d22929;
  position: absolute;
  bottom: 0px;
  left:20px;
  display: none
}
#index_nav_sub font{
  display: block;
  float: right;
  color:orange;
  font-size: 12px;
  cursor: pointer;
}
#index_nav_sub li {
  float: left;
  height: 26px;
  position: relative;
  line-height: 26px;
  font-size: 14px;
  z-index: 999999;
  padding:0px 10px;
  width: 140px;
  cursor: pointer;
}
#mate_tip{
  margin-left: 25px;
  color:#009ee0;
  line-height: 20px
}
.yourmate,.bookmeeting{
  height:230px;
}
.yourmate .block,.bookmeeting .block{
  float: left;
  padding:5px;
}
.yourmate .block img,.bookmeeting .block img{
  width: 80px;
  margin:0px auto;
  display: block;
}
.yourmate .block .tag,.bookmeeting .block .tag{
  text-align: center;
  color:#aaa;
  width: 100px
}
.main_left{
  width: 910px ;
  float:left;
}
.main_right{
  width: 287px ;
  float:right;
}
.main_left_1{
  width: 810px ;
  float:left;
}
.main_right_1{
  width: 380px ;
  float:right;
}
.model_download{
  width: 360px;
  float: right;
  margin-top: 20px;
  position: relative;
}

.model_download_title{
  height:35px;
  text-align: center;
  line-height: 35px;
  color: #fff;
  font-size: 20px
}
.model_download_main{
}
.model_download_main .forth{
  float: left;
  width: 80px
}
.loadIco {
display: block;
background-position: -550px -205px;
width: 60px;
height:40px;
vertical-align: top;
position: absolute;
top:5px;
left: 5px
}
.loadInfo{
height:20px;
top:50px;
line-height: 20px;
display: block;
position: absolute;
color: #009ee0
}

.model_download_main .odd{
  background-color: #ddd;
  clear: both;
}
.model_download_main div{
  height:70px;
  position: relative;
}
.model_download_main .first{
  float: left;
  width: 40px;
}
.model_download_main .second{
  float: left;
  width: 70px;
}
.model_download_main .second img{
  padding: 5px
}
.model_download_main .third{
  float: left;
  width:150px;
}
.model_download_main .third li{
  float: left;

  width: 100%;
  height: 24px;
  line-height: 20px;
}
.model_download_main .first .title{
  width: 20px;
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  position: absolute;top:20px;left:10px;
  color: #fff
}

.model_download_main .even{
  background-color: #f0f0f0;
  clear: both;
}

.site-tit-play{
}
.site-tit-play h2 {
font-size: 18px;
color: #333;
height: 38px;
padding-top: 8px;font-weight: normal;
}
.site_piclist{
  font-size: 14px;
  margin-left: -20px;  height: 132px;
}
.site_piclist li{
  float: left;
  padding-left: 20px;
  width: 145px;
  height: 130px;
  overflow: hidden;
}
.site-piclist_info_title{
  line-height: 20px
}
.cs-tab{
  clear: both;
  border-bottom: 1px solid #ececec;
  margin-top: 20px;
  height: 32px;
}
.cs-tab li {
float: left;
display: inline;
margin-right: 38px;
}
.cs-tab li .tab-item {
position: relative;
display: inline-block;
height: 30px;
padding: 0 3px;
font-size: 16px;
bottom: -1px;
}
.cs-tab .selected .tab-item {
border-bottom: 3px solid #699f00;
color: #699f00;
}
.video_qa{
  height:420px;background-color:#eee;
  border-bottom: 2px #ccc solid;
  border-right: 2px #ccc solid
}
.video_toushu{clear:both;
  height:100px;background-color:#eee;
  border-bottom: 2px #ccc solid;
  border-right: 2px #ccc solid;
  line-height: 20px;
  color:#d22929;
  padding:15px;
}

.uploadHot{
  margin-top: 10px
}
.uploadIcon {
margin: 20px auto 0px;
width: 92px;
height: 81px;
background: url(../images/upload.png);
background-position: -49px -80px;
}
.uploadBtn {
margin: 12px auto 0px;
width: 190px;
height: 45px;
background: url(../images/upload.png);
background-position: 0px -173px;
}
.ad{
  clear:both;
  margin:15px 5px;
  height:120px;
  border-bottom: 2px #ddd solid;
  border-right: 2px #ddd solid;
  border-top: 1px #ddd solid;
  border-left: 1px #ddd solid;
  width: 98%;
  text-align: center;
  line-height: 120px;
}
.ad_s{
  clear:both;
  margin:15px 5px;

  border-bottom: 2px #f1cf66 solid;
  border-right: 2px #f1cf66 solid;
  border-top: 1px #f1cf66 solid;
  border-left: 1px #f1cf66 solid;
  width: 99%;
  text-align: center;
  line-height: 120px;
}
.xianba_right,.lianba_right{
  margin:10px 0px;
  background-color: #eee;
  border-bottom: 2px #ccc solid;
  border-right: 2px #ccc solid;
  border-top: 1px #eee solid;
  border-left: 1px #eee solid;
  float: right;
  text-align: center;
}
.xianba_right ul,.lianba_right ul{
  clear: both;
  margin: 0px auto;
  margin-left: 8px
}
.xianba_right ul li{
  cursor: pointer;
  width: 90px;
  height: 90px;
  float: left;
  position: relative;
}
.xianba_right ul li .float_li{
  position: absolute;
  width: 160px;
  height: 160px;
  display: none;
  top:-150px;
  z-index: 1
}
.xianba_right .float_li>div{
  width: 150px;
  height: 150px;
  background-color: #fff;
  margin: 0px auto;
  margin-top: 5px
}
.xianba_right .float_li .img_container{
  height: 90px;
  overflow: hidden;
}
.xianba_right .float_li img{
  width: 130px;
  height: 130px;
  margin: 0px;
  margin-top: 5px
}
.xianba_right .float_li .title1{
  text-align: center;
  line-height: 20px;
  font-size: 14px
}
.xianba_right .float_li .title2{
  text-align: center;
  color: green;
    line-height: 18px;
}
.xianba_right .float_li .title3{
  text-align: center;
-webkit-text-size-adjust: none;
  color: green
}

.xianba_right ul li img{
  width: 72px;
  height: 72px;
  margin: 8px;
}
.lianba_right ul li{
  float: left;
  width: 99%;
  height: 70px;
  margin-top: 5px
}
.lianba_right ul li .c_left{
  float: left;
  width: 70px;
}
.lianba_right ul li .c_right{
  float: left;
  margin-left: 5px;
}
.lianba_right ul li .c_right_top{
  line-height: 40px;
  height: 30px;
  float: left;
}
.lianba_right ul li .c_right_bottom1{
  clear: both;
  float: left;
  height: 30px;
  line-height: 30px;
  width: 70px;
}
.lianba_right ul li .c_right_bottom2{
  float: left;
  height: 30px;
  line-height: 30px;
  width: 60px;
}
.lianba_right ul li .c_right_bottom3{
  float: left;
  height: 30px;
  line-height: 30px;
  width: 60px;
  background-position:-582px -402px;
}
.lianba_right ul li img{
  height:60px;
  border: solid 5px #fff
}

.ad_b{
  clear:both;
  margin:15px 5px;
  height:120px;
  border-bottom: 2px #ddd solid;
  border-right: 2px #ddd solid;
  border-top: 1px #ddd solid;
  border-left: 1px #ddd solid;
  width: 100%;
  text-align: center;
  line-height: 120px;
}

.cell_wrapper{
  width: 438px;
  height: 280px;

  margin: 5px;
  float: left;
  position: relative;
}
.cell_wrapper .top{
  height: 100px;width: 98%;
  border: dashed 1px #009ee0;
  margin: 3px;
}

.cell_wrapper .cell_main{
padding:0px 15px
}

.cell_wrapper .cell_main .left{
width:195px;margin:5px;float:left
}
  .slides2 {
      display: none;
      position: relative;
      width: 440px;
      height: 180px;
      margin-left: 0px;
    }
    .slides2 .slidesjs-navigation {
      position: absolute;z-index: -1
    }
    .slides2 .slidesjs-previous {
      top:80px;left:5px;z-index:10;
    }

    .slides2 .slidesjs-next {
      top:80px;right:5px;z-index:10;
    }
     .slides2 .slidesjs-next i, .slides2 .slidesjs-previous i{
      color:red;
     }
    .slides2 .slidesjs-stop, #slides .slidesjs-play  {
      color:#fff;position: absolute;top:0;
    }

    .slides2 a:link, #slides a:visited {
      color: #ddd;
    }
    .slides2 a:hover,#slides a:active {
      color: #9e2020
    }
.video_main{
  height: 600px;
  margin-top:20px;
}
.video_single{
  height: 630px
}
.header_xin .top{
  height: 50px;
}
.top .top_slim{
  float: left;
  margin-left: 4px;
  color:#009ee0;
  line-height: 50px
}
.big_title_icon{
  clear: both;
  margin-left: 10px;
  float: left
}
.big_title_icon img{
  width: 35px;
  height: 35px;
}
.big_title{
  height: 40px;
  line-height: 30px;
  font-size: 18px;
  margin-left: 10px;
  float: left
}
.dz_area{
  float: left;
  margin-left: 450px;
    line-height: 40px;
  height: 40px
}
.dz_area div{
  float:left;
}
.thumbs_up,.thumbs_down{
  width: 60px;
  cursor: pointer;
}
 .thumbs_up i{
  color:green;font-size:18px
}
.thumbs_down i{
color:#bbb;font-size:18px
}
.share div{
  width: 30px;
  height: 30px;
  background: transparent url(../images/shareIco_v.png) no-repeat 0 0;
}
.share .icon_qq{
  background-position: -30px 0px
}

.dz_area .share{
  margin-left: 10px;
  margin-top: 8px
}
.dz_area .share div{
  float: left
}
.dz_area .share div img{
  width: 30px;height: 30px;margin: 3px;
}

.video_main .left{
  width:900px;

  float: left;
  position: relative;
}
.video_main .show_icon{
  display: block;
  float:right;
  margin-top:10px;
  margin-right:10px;
  cursor: pointer;
}
 #biji_history{
  position: absolute;
  width: 0px;
  height: 375px;
  background-color: #ddd;
  top:72px;right:-10px;
  border-right:1px solid #fff;
  padding-top:20px;
}
.video_main .right{
  height:530px;
  width:292px;
  float: left;
}
.video_main .right .top{
  padding-top: 0px;
  height:25px;
  padding-left:5px;
  border-bottom:2px solid #ddd;
  width: 90%;
  margin: 0px auto;
}
.video_main .right .top div{
  font-size: 13px;
  float: left;
  width: 86px;
}
.video_main .right .top font{
  font-size: 11px;
  color:#555;
}
.video_main .right .main{
  height:435px;
  width:272px;
  margin: 5px 10px;
}
.video_main .biji_title{
  background-position: 0px -195px;
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding-left: 35px;
  margin-left: 20px;
  margin-top: 10px;
  font-weight: bold;
  font-size: 16px;
}
.video_main .biji_main{
  width: 100%;
  height:375px;
  margin: 5px 0px;

  font-size: 14px;
  padding: 10px;
  background-color: #ddd;
}

.video_main .biji_main #record{
  background-color: #009ee0;
  width: 100%;
  height: 300px;
}
.video_main .biji_main #biji_ready{
  color: white;
  text-align: center;
}
#biji_ready ul,#biji_history ul{
  padding:30px 20px;
}
#biji_ready ul li,#biji_history ul li{
  text-align:left;
  height:45px;
  line-height:20px;
    font-size:13px;
}
#biji_history ul{
  background-color: #fff
}
#biji_ready ul li{
    color:#fff;
}
#biji_ready ul li .date,,#biji_history ul li .date{
    display:block;
    float:right;
    font-size:12px;
    color:#ddd;
}
.video_main .biji_main #biji_enter input[type='submit'],.video_main .biji_main #biji_enter button{
  width: 60px;
  text-align: center;
  border: 1px solid #ccc;padding: 2px;font-size: 1em;color: #009ee0;padding-left: 5px;padding-right: 5px;cursor: pointer;
  font-family: 'Microsoft Yahei',Arial, Helvetica, sans-serif;
  margin-left: 10px
}
#biji_enter form{
padding-top:10px
}
#biji_enter .title{
  background-color:#ddd;height:30px;margin-top:10px;margin:0px 11px;
  line-height:30px;
}
#biji_enter .title .share{
  display: block;
  float: right;
  width:30px;
  height:30px;
  line-height: 35px
}
#biji_enter .title .share_text{
  margin-right: 5px;
  display: block;
  float: right;
  height:30px;
}
#biji_enter .title i{
  display: block;
  float:left;
  margin-left:15px;
  height:30px;
  line-height: 30px
}
#biji_enter .title .time{
  display: block;
  float:left;
  width:60px;
  height:30px;
  margin-left:5px;
}
.video_main .bottom_icon{
  background-position: 95px -305px;
  height: 65px;
  width: 155px;
  float: right;
  margin-top: 5px;
  line-height: 50px;
}

.video_main .bottom_switch{
  background-position: 0px -230px;
  height: 65px;
  width: 100px;
  float: left;
  margin-top: 5px;
  line-height: 65px;margin-left: 5px;
  font-size: 16px;
}

.video_main .right .bottom{
  height:60px;
  border-top:2px solid #ddd;
  width: 90%;
  margin: 0px auto
}
.bottom .enter_button{
  width: 90px;
  height:30px;
  line-height: 30px;
  margin:15px;
  float:left;
  border-right: 2px #d1d1d1 solid;
   border-bottom: 2px #d1d1d1 solid;
  text-align: center;
  font-size: 14px;
  margin-left: 20px
}
.video_main a{
  color: #009ee0
}
.video_main a:hover{
  color: #d22929;
}

.q_a,.liuyan{
  height: 45px;
  width:100px;
  background-position: -503px -140px;
  float: left;
  line-height: 48px;
  color: white;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
}
.q_a_content li{
  height: 100px;
  width:100%;
  overflow: hidden;
  position: relative;  cursor: pointer
}
.q_a_content .current{
}

.q_a_content .odd{
  background-color: #ddd;
}
.q_a_content li div{
  line-height: 32px;
}
.q_a_content .even{
  background-color: #f0f0f0;
}
.q_a_content .question{
  color: #9852cb;
  cursor: pointer
}

.q_a_content  .num{
  background-color:gray;
  display: block;
  width: 16px;height:16px;
  line-height: 16px;
  text-align: center;
  margin-top:8px;
  margin-left:4px;
  margin-right:5px;
  color:#fff;
  position: absolute;
  top:0px;
}
.q_a_content .title{
  height:30px;
  display:none;
  padding-left:25px;
  line-height: 30px;
  background-color: #ccc
}
.q_a_content .title div{
  margin-left: 15px
}
.q_a_content .title div img{
  margin-top:5px;
  border: solid 2px #fff
}
.status_icon_comment{
  display: block;
  width:20px;
  height: 30px;
  margin-left: 10px;
 float: left
}
.q_a_content .title .recommend,.tieba_left_1  .recommend{
   background-position: -50px 0px
}
.q_a_content .title .good,.tieba_left_1 .good{
   background-position: -50px -32px
}
.q_a_content .title .ord,.tieba_left_1 .ord{
   background-position: -50px -62px
}

.thumbs_down,.thumbs_up{
}

.q_a_content .title div{
  float: left;
}
.q_a_content  .b_red{
  background-color:red;
}
.q_a_content  .b_yellow{
  background-color:yellow;
}
.q_a_content  .b_purple{
  background-color:purple;
}
.q_a_content  .b_blue{
  background-color:blue;
}
.b_yellow1{
  background-color:#ffcd37
}
.b_pink1{
  background-color:#ffbdbd
}
.b_green1{
  background-color:#ccffcc
}
.b_blue1{
  background-color:#75d9ff
}
.b_gray1{
  background-color:#bdd0e9
}
.b_green2{
  background-color:#a8d08d
}
.b_yellow2{
  background-color:#ffb871
}
.b_purple1{
  background-color:#dec8ee
}
.b_red1{
  background-color: red;
}

.q_a_content .question span{
  float:left;
  position: relative;
}
.q_a_content .anwser{
  clear:both;
  color: #666;
  margin-left:25px;
}
.q_a_content .question {
  margin-left:25px;
}
.lianba_left_1{
  width: 250px;
  float: left;
}
.lianba_left_1 .top_img{
  width: 180px;
  height: 180px;
  border:solid 1px #fff;
  line-height: 180px;
  margin:0px auto;
  text-align: center;
  color: #009ee0;
  font-size: 16px;
  margin-bottom: 10px
}
.lianba_right_1{
  float: left;
  height: 200px;
  width: 900px;
}
.lianba_right_1 .title{
  line-height: 60px;
  font-size: 24px;
}
.lianba_right_1 .info{
  float: left;
  width: 300px
}
.lianba_right_1 .info li{
  line-height: 30px;
  color: #009ee0;
  font-size: 16px
}
.exam_enter{
  height: 30px;
  width: 150px;
  text-align: center;
  margin: 0px auto;
  line-height: 30px;
  color:#fff;
  font-size: 14px;
  float:left;
  margin-top: 60px
}
.lianba_right{
  float: right;
}

.tieba_left_1{
  width: 880px;
  float: left;
}
.tieba_left_1 .title{
  float: left;
  line-height: 30px;
  margin: 0px 10px;
  font-size: 14px;
}
.tieba_right_1{
  float: right;
  width: 290px;
  padding:10px;
  margin-top: 88px;
  height:488px
}
.tieba_right_1 h3{
}
.w260{
  width: 260px;
  padding: 10px;

  height: 100px;
  float: right;
}
.tieba_right_1 li{
  float: left;
  border-bottom: 1px dashed #ddd;
  color:purple;
  height: 45px;
  line-height: 55px
}
.shadow{
  border-left: 1px #eee solid;
  border-top: 1px #eee solid;
  border-right: 2px #ddd solid;
  border-bottom:2px #ddd solid;
}
.tieba_status{
  float: right;
  width: 280px;
}
.tieba_status div{
  float: left;
  margin-left: 15px;
  line-height: 22px
}
.tieba_text{
  clear: both;
  margin:20px 0px;
}
.tieba_kind{
  clear: both;
  margin: 10px 0px;
  line-height: 30px
}
.tieba_kind select{
  width: 200px
}
.tieba_tumb{
    clear: both;
  margin:20px 0px;
}

.o2o_top{
}
.o2o_hudong{
  width: 450px;
  height: 300px;
  float: left;
  margin: 20px
}
.o2o_hudong .title{
  width: 95%;
  margin: 10px;
  border-bottom: 1px purple solid;
  padding-bottom: 5px;
  font-size: 14px;
}
.o2o_hudong .content li{
  border-bottom: 1px dashed #ddd;
  height: 30px;
  line-height: 35px;
  width: 95%;
  margin-left: 10px;
}
.slider{
  width: 225px;
  height: 300px;
  margin:10px;
  float: left;
}
.slider img{
    width: 225px;
  height: 300px;
}
.o2o_top .bookmeeting{
  float: right;
  width: 450px;
}

/*  筹课苑*/
.ck_left{
  width: 860px;
  float: left;
}
.ck_top_image{
  width: 860px;
  padding:10px 0px 0px;  background: url('../images/index_shadow.png') no-repeat 0px -0px;
}
.hd{
  margin:0px auto;
  padding-top: 20px;
  width: 820px;
}
.hd .title{
  height:30px;
  font-size: 20px;
  color:#000;
  margin: 0px 20px;
  line-height: 30px;
  background-position: 0px 0px;
}
.ck_icon{
  width: 30px;
  height: 30px;
  display: block;
  float: left;
  margin-right: 5px;
  background-position: -150px 3px
}
.ck_inner_image{
  width: 836px;
  margin: 0px auto;
}
.ck_content{
  background: url('../images/index_shadow.png') no-repeat 0px -310px;
  min-height: 400px;
  z-index: 2;
}
.ck_author{
  padding:10px 20px; 
}
.ck_author span{
  margin-right: 10px;
  font-size: 14px;
}

.ck_select{
  height:32px;
  padding: 10px 0px 0px;
  border-bottom: 1px #c6c6c6 solid ;
}
.ck_select .nav{
  padding-left: 10px;
  float: left;
}
.ck_select  .nav_base{
  background-position: 0px -641px;
  display: inline-block;
  padding-left: 5px;
}
.ck_select  .nav_base span{
  padding:0px 15px 0px 15px;
  font-size: 14px;
  background-position: -147px -641px;
  height: 32px;
  line-height: 32px;
  display: inline-block;
}
.ck_select .select .nav_base{
  background-position: 0px -605px;
  display: inline-block;
  padding-left: 5px;
}
.ck_select .select .nav_base span{
  padding:0px 15px 0px 15px;
  font-size: 14px;
  background-position: -147px -605px;
  height: 32px;
  line-height: 32px;
  display: inline-block;
}
.ck_select .nav li{
  float: left;
  padding-left: 10px;
  position: relative;
  overflow: hidden;
  z-index: 10;
}
.ck_select .nav li.select{
  float: left;
  padding-left: 10px;
  position: relative;
  bottom: -1px;
  overflow: hidden;
  z-index: 10;
}
.detail_rate{
  height:40px;
  padding:20px 0px;
}
.detail_rate li{
  width: 33%;
  float: left;
  text-align: center;
  border-right: 1px solid #555
}
.detail_rate strong{
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color: #000
}

.ck_right{
  width: 300px;
  float: right;
  margin-top: 20px
}
.ck_right .ck_main{
  position: relative;
  border: solid 1px #ccc;
}
.ck_right h2 {
  line-height: 30px;
  font-size: 16px;
  padding: 5px 20px;
}
.ck_right .item_sum{
  font-size: 40px;
  line-height: 40px;
  font-family: Arial;
  padding:10px 20px 0px;
  color: #000;
}
.ck_right .item_sum em{
  font-size: 20px
}
.ck_right .item_notice{
  padding:20px;
  font-size: 16px;
  line-height: 20px
}
.red{
  color:#ED5E58;
}
.radio_box{
  height:34px;
  padding:0px 20px;
  border-top:dashed 1px #555;
  border-bottom: dashed 1px #555
}
.radio_box .radio_bar{
  margin: 9px 0px;
  width: 232px;
  height: 16px;
  position: relative;
  background-position: -2px -555px;
  float: left
}
.radio_box .radio_var{
  float: right;
  line-height: 34px;
}
.radio_box .radio_red{
  height:16px;
  background-position: -2px -574px;
}
.ck_right .tag{
  width: 90px;
  height: 30px;
  color: #FFF;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  text-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
.bg-red {
background: #FF6559;
}
.bg-green {
background: #70ad47;
}
.green {
 color: #70ad47;
}
.ck_right .tag {
position: absolute;
right: -11px;
top: 12px;
}
.triangle {
  width: 0;
  height: 0;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
  vertical-align: middle;
  border-left: 10px solid #70ad47;
  border-right: 0 none;
  border-top: 0px solid transparent;
  border-bottom: 10px solid transparent;
  _color: #70ad47;
  _filter: chroma(color=#70ad47);
  position: absolute;
  right: 0px;
  bottom: -10px;
}