@charset "UTF-8";
/**** ubike ****/
body { font-family:"Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei",  "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif,'MicrosoftYaHeiLight','Microsoft YaHei Light','Microsoft YaHei';}
#chart { margin:20px 0; }
.title { font-weight:100; }
a{ color:#404040}
a:hover{ color:#ffae00; text-decoration:none}
p img { margin:0; }
li{list-style: none}
.clear{ clear:both}
nav, footer, section, article{display: block}
.min-1200{min-width: 1200px}
.w1200{width: 1200px; margin:0 auto}
.font-hide{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.ovh{overflow: hidden}
.auto{margin-left: auto;margin-right: auto}
.art_l{float: left}
.art_r{float: right}
.txa-l{text-align: left}
.txa-c{text-align: center}
.txa-r{text-align: right}
.dis-ib{display: inline-block}
.dis-b{display: block}
.ver-t{vertical-align: top}
.ver-m{vertical-align: middle}
.pis-re{position: relative}
.pis-ab{position: absolute}
.m5{margin: 5px}
.ml5{margin-left: 5px}
.mr5{margin-right: 5px}
.mt5{margin-top: 5px}
.mb5{margin-bottom: 5px}
.p5{padding: 5px}
.pl5{padding-left: 5px}
.pr5{padding-right: 5px}
.pt5{padding-top: 5px}
.pb5{padding-bottom: 5px}
.mr8{ margin-right: 8px}
.m10{margin: 10px}
.ml10{margin-left: 10px}
.mr10{margin-right: 10px}
.mt10{margin-top: 10px}
.mb10{margin-bottom: 10px}
.p10{padding: 10px}
.pl10{padding-left: 10px}
.pr10{padding-right: 10px}
.pt10{padding-top: 10px}
.pb10{padding-bottom: 10px}
.m15{margin: 15px}
.ml15{margin-left: 15px}
.mr15{margin-right: 15px}
.mt15{margin-top: 15px}
.mb15{margin-bottom: 15px}
.p15{padding: 15px}
.pl15{padding-left: 15px}
.pr15{padding-right: 15px}
.pt15{padding-top: 15px}
.pb15{padding-bottom: 15px}
.m20{margin: 20px}
.ml20{margin-left: 20px}
.mr20{margin-right: 20px}
.mt20{margin-top: 20px}
.mb20{margin-bottom: 20px}
.p20{padding: 20px}
.pl20{padding-left: 20px}
.pr20{padding-right: 20px}
.pt20{padding-top: 20px}
.pb20{padding-bottom: 20px}
.area{ padding:0 !important}
.bw0 .mi{ width:770px}
.moodfm_btn{ padding-left:0}
.mi td span{ padding-right:10px}
.mi .moodfm_input{ width:auto!important}
.clear:after{content: "";height: 0;display: block;clear: both;overflow: hidden}
#toptb{ background:#f0f2fa; overflow:hidden; min-width:1200px}
.nav_bar_box { background:#7d3028; display:block; clear:both; min-width:1200px }
.nav_min .search { float:right; margin-right:10px; margin-top:10px; }
.nav_min .search input#s {background:none repeat scroll 0 0 rgb(255,255,255); color:rgb(85,85,85); border:medium none; float:right; }
.ubike_m_n,.ubike_m_n * { margin:0; padding:0; list-style:none outside none; }
.ubike_m_n { line-height:1; float:left; }
.ubike_m_n ul { position:absolute; top:-999em; width:8.8em; }
.ubike_m_n ul li { width:100%; }
.ubike_m_n li { float:left; margin-right:0; }
.ubike_m_n li.active a { color:#ffae00; }
.ubike_m_n li li { margin-right:15px; }
.ubike_m_n li { background:none repeat scroll 0 0 transparent; }
.ubike_m_n a { display:block; text-decoration:none; z-index:11; }
.ubike_m_n li a { line-height:60px; font-size:18px; color:#c9b075; padding:0 30px; }
.ubike_m_n li a:hover,
.ubike_m_n li.sfHover a { text-decoration:none; color:#ffae00;}
.ubike_m_n li:hover { color:#ffae00; }
.ubike_m_n li li { background:none; }
.ubike_m_n li li li { background:none; }
.ubike_m_n a.sf-with-ul { padding-right:28px; min-width:1px; }
.bodycontainer.nav_mincontainer { z-index:10; }
.nav_content { margin:0 auto; background:none;z-index:13; }
.ubike_m_n a { color:#ffae00; }
.logo { float:left; margin-top:5px; overflow:hidden; }
.logo_ad{ overflow:hidden; }
.p_pop li{ border-bottom:1px solid #f7f7f7; }
.p_pop a{ padding:3px 10px; border-bottom:none;}
.ernav li a{ padding:3px 10px}


/**user**/
.ubike_list{ margin-bottom:60px}
.forum_list_box { margin:20px 0; }
.forum_list_tit a { font-size:32px; font-weight:400; margin-right:20px; }
.tl th,
.tl td { border-bottom:1px solid #EFEFEF; }
#threadlist{ background:#fff;}
.xl2{ background-image:none;}
#postlist .vwthd h1{ padding:0 20px}	
#scbar_type_menu { top:115px!important; }
.ct2_a .appl { margin-left:0!important; }
.ct2_a { padding-left:0!important; }
.bdl { margin-right:10px; }
.ct2 .sd { margin-right:0!important; }
.ct2 #chart,
.ct2 #an { margin:20px 0!important; } 
.ct2 .mn { width:880px!important; }
.ct2 .sd{ width:280px}
.tbn li.a{ background:#f2f2f2}
.mn{ margin-left:0 !important}
#mu ul{ background-color:#e0f1e9 !important; border:none !important; background-image:none;}
.tel_xin { height:28px; width:260px;  overflow:hidden; float:left; margin-top:26px; margin-left:40px; display:inline; padding-left:36px;}
.pnc, a.pnc{ background-image:none; border-color:#e6130d; background:#e6130d;}
.pls{ border-right:1px solid #eee}
.ad .pls{ background:#ddd}
.xl2 li{ width:48% !important}
.t_f, .t_f td{ line-height:22px}
.blue{ background:none; border:none;}
.red{ border:none; background:none;}

 /*forum*/
#forumleftside .bdl_h{background:#fff; display:block; font-weight:700; line-height:28px; overflow:hidden; text-indent:15px;}
#scbar input{height:28px!important; background:#f8f8f8; padding:0 0 0 10px; line-height: 22px!important; width:200px !important}
#ft{padding:20px 0px 50px; border-top: 2px solid #7d3028; background:#000; color:#666}
#ft em{margin-right: 10px;}

.siwei_box{ overflow:hidden}
.siwei_left{ width:510px; float:left}
.siwei_right{ width:685px; float:right; background: #333;}
.m-slide{ position: relative; width:683px;  height: 300px;}
.m-slide .bottom-shadow{ position: absolute; bottom: -3px; left: 0; width: 100%; height: 1px; overflow: hidden; border-top: 1px solid #e0e0e0; background: #e6e6e6; border-bottom: 1px solid #ececec }
.m-slide .img { float: left; position: relative }
.m-slide .img li, .m-slide .img a, .m-slide .img img { display: block; width: 490px; height: 300px }
.m-slide .img li { display: none; position: absolute; left: 0; top: 0 }
.m-slide .img .first { display: block }
.m-slide .tab { float: right }
.m-slide .tab li { *margin-bottom: -3px; border-top: 1px solid #e5e5e5; width: 193px }
.m-slide .tab .first { border-top: 0 }
.m-slide .tab a { text-decoration: none; display: block; position: relative; width: 190px; height: 74px; border-left: 3px solid #fff }
.m-slide .tab a b { position: absolute; left: 0; top: 20px; width: 4px; height: 11px; overflow: hidden }
.m-slide .tab a span { position: absolute; overflow: hidden }
.m-slide .tab a .title { left: 17px; top: 6px; height: 20px; line-height: 20px; font-size: 14px; color: #b8afa2; margin-bottom:5px;}
.m-slide .tab a .des { left: 18px; top: 26px; height: 32px; line-height: 16px; color: #999 }
.m-slide .tab .first a { height: 50px }
.m-slide .tab .on a { border-left: 3px solid #d81e06 }
.m-slide .tab .on a span { color: #ffae00 }
.focusBox { position: relative; width:510px; height: 300px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; }
.focusBox .pic img { width: 510px; height: 300px; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:#d81e06;  }




/*footer */
.ubike_footer{width:100%;min-width:1200px;text-align:left;background:#fcfcfc; font:12px/1.5;color:#fff;clear:both; bottom:0; color:#999}
.ubike_footer a{text-decoration:none; font-size:12px; color:#999}
.ubike_footer a:hover{color:#959595}
.footer-box{color:#666;overflow:hidden;clear:both;margin-bottom:40px;}

#nv_search #ft{background:#fcfcfc;}
.ct3_a .mn{ width:785px}
.mi .moodfm_input{ background:none !important;border: 1px solid #eee;}
.mi #moodfm textarea{ width:480px}
.fl_g dt{ font-weight:100}
#plugin_menu {top: 150px !important}
#umnav_menu { margin-left:-80px !important; top: 60px !important;}
#mn_P1_menu li a {padding: 0 10px;}
.bm_h .o img{ margin-top:12px}
.m_l, .m_r { width: 8px !important;}
#pt{ margin-top:20px}
.pop_moremenu{ padding:5px}
.biduser{ width:988px}
#ubike_nav span a{ color:#c9b075}
#ubike_nav span a:hover{ color:#ffae00}
.text-center{ text-align:center}
.bottom_text{
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #3e3e3e;}
.bottom_text h3 {
    color: #fff;
    margin: 0;
        margin-top: 0px;
        margin-bottom: 0px;
    margin-top: 10px;
    margin-bottom: 20px;
	font-weight:normal;
	font-size: 24px
}
.izl-rmenu{position:fixed; right:0; margin-right:20px; bottom:20px; padding-bottom:20px; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../img/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../img/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../img/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../img/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../img/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}
#scrolltop{ display:none}
.top-border{ border-top:1px solid #e6e6e6; margin-bottom:100px}

#footer {
  height: 300px;
  background: #000;
  padding: 0 40px;
  overflow: hidden; }

#footer > .wrapper {
  padding: 0 80px;
  padding-top: 70px;
  padding-bottom: 33px;
  border-bottom: 1px solid #333;
overflow: hidden}

#footer .info {
  position: relative;
  width: 100%; }

#footer .nav {
  width: 800px;
  float: left; }

#footer .nav .mod {
  float: left;
  margin-right: 100px; }
  #footer .nav .mod:last-child {
    margin-right: 0; }

#footer .nav .mod .hd {
  font-size: 16px;
  font-weight: normal;
  color: #f2f2f2;
  margin: 0;
  padding: 0; }

#footer .nav .mod .bd {
  margin-top: 30px; }

#footer .nav .mod .bd ul {
  margin: 0;
  padding: 0;
  list-style: none; }

#footer .nav .mod .bd ul li {
  margin-bottom: 10px; }

#footer .nav .mod ul li a {
  font-size: 14px;
  color: #fff;
  opacity: 0.6; }
  #footer .nav .mod ul li a:hover {
    text-decoration: none;
    color: #fff;
    opacity: 0.8; }

#footer .contact {
  float: right;
  text-align: right; }
  #footer .contact a {
    color: #fff; }
  #footer .contact a:hover {
    color: #005ae0; }

#footer .contact .phone span {
  display: inline-block;
  color: #fff;
  font-size: 28px;
  margin-bottom: 10px; }

#footer .contact .phone .icon {
  display: inline-block;
  width: 26px;
  height: 26px;
  font-size: 26px;
  color: #fff; }

#footer .contact .tips {
  color: #fff;
  opacity: 0.6;
  font-size: 18px;
  margin-bottom: 30px; }

#footer .contact .cs {
  vertical-align: middle;
  margin-right: 5px; }
  #footer .contact .cs span {
    display: inline-block;
    opacity: 0.6;
    font-size: 14px;
    vertical-align: middle; }
  #footer .contact .cs .icon {
    display: inline-block;
    width: 6px;
    height: 6px;
    vertical-align: -1px;
    font-size: 12px;
    opacity: 0.6; }
  #footer .contact .cs:hover {
    color: #fff; }
    #footer .contact .cs:hover span {
      opacity: 0.8; }
    #footer .contact .cs:hover .icon {
      opacity: 0.8; }

#footer .bar {
  padding: 0 30px; }
  #footer .bar .share {
    height: 30px;
    margin-top: 25px;
    width: 78px; }
    #footer .bar .share .icon {
      display: inline-block;
      width: 24px;
      height: 24px;
      vertical-align: middle;
      margin-right: 25px;
      font-size: 24px;
      color: #fff;
      opacity: 0.6; }
      #footer .bar .share .icon:hover {
        opacity: 0.8; }
      #footer .bar .share .icon:last-child {
        margin-right: 0; }
  #footer .bar .copyright {
    color: #fff;
    font-size: 14px;
    opacity: 0.44;
    width: 100%;
    text-align: right;
    height: 30px;
    line-height: 30px;
    margin-top: 15px; }
    #footer .bar .copyright a {
      color: #fff; }
  #footer .bar .copyright2 {
    color: #fff;
    font-size: 14px;
    opacity: 0.44;
    text-align: right; }
    #footer .bar .copyright2 a {
      color: #fff; }
      #footer .bar .copyright2 a img {
        width: 15px;
        height: 15px;
        display: inline-block;
        margin-right: 4px;
        margin-top: -1px; }
  #footer .bar .i18n {
    width: 220px; }
    #footer .bar .i18n .brand {
      float: right;
      height: 30px;
      margin-top: 15px;
      width: 100px;
      position: relative; }
      #footer .bar .i18n .brand .icon {
        height: 16px;
        font-size: 96px;
        color: #fff;
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        top: -58px;
        left: 0px; }
    #footer .bar .i18n .line {
      float: left;
      width: 1px;
      height: 14px;
      background: #fff;
      opacity: 0.44;
      margin: 0 30px;
      margin-top: 23px; }
    #footer .bar .i18n .lang {
      float: left;
      height: 30px;
      margin-top: 15px; }
      #footer .bar .i18n .lang span {
        display: inline-block;
        color: #fff;
        font-size: 16px;
        opacity: 0.44;
        vertical-align: middle; }
      #footer .bar .i18n .lang .icon {
        width: 16px;
        height: 16px;
        background: #fff;
        display: inline-block;
        vertical-align: middle; }

#footer .share-popup {
  display: none;
  width: 110px;
  height: 110px; }
  #footer .share-popup .content {
    border-radius: 2px;
    overflow: hidden; }
  #footer .share-popup img {
    display: block;
    width: 100%; }
  #footer .share-popup .arrow {
    position: absolute;
    top: 0;
    z-index: 100;
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-bottom: 8px solid #fff;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-top: 0 dotted;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    overflow: hidden; }
    #footer .share-popup .arrow.top {
      top: auto;
      bottom: -8px;
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
      left: 8px; }

#footer .lang-popup {
  display: none;
  width: 154px; }
  #footer .lang-popup .content {
    border-radius: 4px;
    min-height: 110px;
    overflow: hidden;
    background: #fff; }
    #footer .lang-popup .content .country {
      height: 55px;
      line-height: 55px; }
      #footer .lang-popup .content .country.active {
        color: #005ae0; }
      #footer .lang-popup .content .country .icon {
        display: inline-block;
        width: 22px;
        height: 14px;
        margin-top: 20.5px;
        background: red;
        margin-left: 12px; }
      #footer .lang-popup .content .country span {
        display: inline-block;
        margin-left: 5px; }
    #footer .lang-popup .content .line {
      width: 100%;
      height: 1px;
      background: #eee; }
  #footer .lang-popup .arrow {
    position: absolute;
    top: 0;
    z-index: 100;
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-bottom: 8px solid #fff;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-top: 0 dotted;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    overflow: hidden; }
    #footer .lang-popup .arrow.top {
      top: auto;
      bottom: -8px;
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
      right: 18px; }

.en-bold {
  font-family: 'Montserrat-Bold'; }

@media screen and (min-width: 1200px) and (max-width: 1366px) {
  #header > .wrapper .nav > a {
    padding: 0 28px; } }

@media (max-width: 1225px) {
  #header > .wrapper .nav > a {
    padding: 0 16px; } }