@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:#00b4b4; 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}
.dis-tb{display: table}
.dis-item{display: table-cell;vertical-align: middle}
.more{width: 20px;height: 20px;background: url(../img/more.png) no-repeat}
.img-hover{-webkit-transition: all .5s;transition: transform .5s}
.img-hover:hover{-webkit-transform: scale(1.2);transform: scale(1.2)}
.pis-hover:hover{position: relative;top: 1px;left: 1px}
.media-article{padding-left: 12px}
.media-article .title{font-size: 20px;font-weight: normal;margin-bottom: 8px;color: #525252}
.media-article .title:hover{color: #f60}
.media-article p{color: #a8a8a8}
.media-article .read-more{color: #a8a8a8}
.media-article .read-more:hover{color: #f60}
.news-list li{color: #525252}
.list-date li a{width: 100%;max-width: 100px}
.list-date li .date{width: 50px;min-width: 50px;text-align: right;color: #a8a8a8}
.list-disc li{padding-left: 10px;position: relative}
.list-disc li:before{content: "??";position: absolute;left: 2px;top: 0}
.img-tit{line-height: 36px;font-size: 16px;color: #fff;width: 100%;height: 0;-webkit-transition: height .5s;transition: height .5s;bottom: 0;background: #000;background: rgba(0,0,0,0.6);box-sizing: border-box;padding: 0 10px}
.media-con:hover .img-tit{height: 36px}
.media-list li{margin-bottom: 10px}
.media-tit{color: #525252;font-size: 16px;height: 40px;line-height: 40px}
.media-tit:hover{color: #f60}
.ovh {overflow: hidden}
.banner{position: relative;overflow: hidden;z-index: 2}
.banner .hd{width: 100%;position: absolute;z-index: 3;bottom: 0;left: 0;height: 3px}
.banner .hd li{cursor: pointer;float: left;width: 20%;height: inherit;background: #2a2a2a;overflow: hidden;line-height: 9999px}
.banner .hd li.on{background: #2196F3}
.banner:hover .hd{height: 6px}
.banner .txt{background: url(../img/banner-font-bg.png) repeat-x;bottom: 0;z-index: 2;height: 102px;width: 100%}
.banner .txt li{line-height: 50px;color: #fff;font-size: 20px;position: absolute;bottom: -50px;width: 100%;box-sizing: border-box;padding: 0 5px}
.banner .txt li a{color:#fff;}
.banner .prev, .banner .next{width: 50px;height: 80px;top: 50%;margin-top: -40px;position: absolute;left: 0;background: url(../img/icon.png) no-repeat -48px -125px;-webkit-transition: all .5s;transition: opacity .5s;opacity: 0}
.banner .next{left: auto;background-position: -98px -125px;right: 0}
.banner:hover .prev, .banner:hover .next{opacity: 1}
.android, .ios{width: 20px;height: 20px;display: inline-block;vertical-align: middle;margin-right: 8px}
.android{background: url(../img/icon.png) no-repeat -20px -394px}
.ios{background: url(../img/icon.png) no-repeat 0 -394px}
.pub-bg{height: 1000px}
.main{background: #f6f6f6;padding-bottom: 20px;margin-top: -700px}
.nav-position i{background: url(../img/icon.png) no-repeat -108px -205px;width: 21px;height: 22px;margin-right: 5px}
.f-bg{background: #fff}
.erweima{width: 268px;margin-bottom: 15px}
.erweima img{width: 124px;height: 124px}
.about-us{line-height: 24px;color: #323232}
.about-us a{color: #aaa;margin: 0 8px}
.about-us a:hover{color: #f60}
.copyright{line-height: 24px;color: #aaa}
.copyright span{width: 6px}
.to-top{background: url(../img/icon.png) no-repeat -212px -155px;width: 70px;height: 70px;position: fixed;bottom: 90px;left: 50%;margin-left: 620px;cursor: pointer;display: none}
.font-hidee{overflow: hidden;text-overflow: ellipsis}
.font-hoverr:hover{color: #2ea07f}

#toptb{ background:#f0f2fa; overflow:hidden; min-width:1200px}
.nav_bar_box { background:rgba(255, 255, 255, 0.7);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:#00b4b4; }
.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:16px; color:#333; padding:0 30px; }
.ubike_m_n li a:hover,
.ubike_m_n li.sfHover a { text-decoration:none; color:#00b4b4;}
.ubike_m_n li:hover { color:#00b4b4; }
.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:#00b4b4; }
.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}
#ct, .ct2_a{ background:#fff;}
.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;}

.l-content{width: 800px}
.side-bar{width: 350px}
.side-bar .tip{margin-bottom: 10px}
.r-tip{margin-top: 8px}
.r-tip a{display: inline-block;vertical-align: middle;width: 22px;height: 22px}
.ubike_tit{position:relative;font-weight:normal;font-size:18px;margin-bottom:20px;color:#fff; background:#00b4b4; text-indent:10px}
.ubike_tit:before{content:"";position:absolute;width:100%;left:0;bottom:1px}
.ubike_tit span{display:inline-block;position:relative;height:44px;line-height:40px;color:#fff;z-index:1}
.none-tip{font-size: 16px;color: #a8a8a8;padding: 50px 0;text-align: center}
.catname_li ul li a{width: 120px;height: 32px;line-height: 32px;border: 1px #DCDCDC solid;font-size: 16px; display:block; text-align:center}

 /*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 #00b4b4; background:#171a21; color:#666}
#ft em{margin-right: 10px;}

.siwei_box{ overflow:hidden}
.siwei_left{ width:510px; float:left}
.siwei_right{ width:685px; float:right}
.m-slide{ position: relative; width:683px;  height: 300px; border: 1px solid #e9e9e9;}
.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: #666; 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 #00b4b4 }
.m-slide .tab .on a span { color: #00b4b4 }
.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:#00b4b4;  }




/*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}

.fastlink-container {
 margin-bottom:90px;
 overflow:hidden;
 padding-bottom:20px;
 border-bottom:1px solid #eee
}
.fastlink-list-container {
 width:100%;
 max-width:1320px;
 margin:0 auto
}
.fastlink-list {
 width:25%;
 text-align:center;
 margin-top:4px
}
.fastlink-list,.fastlink-list .fastlink-href {
 display:inline-block
}
.fastlink-list .fastlink-href:hover .fastlink-title {
 color:#e6130d;
}
.fastlink-list .fastlink-col {
 display:inline-block;
 float:left
}
.fastlink-list .fastlink-logo {
 width:45px;
 height:45px;
 background-size:contain;
 background-repeat:no-repeat;
 background-position:0 0;
 margin-top:32px
}
.fastlink-list .fastlink-line {
 margin:0 20px 0 10px;
 height:40px;
 width:0;
 border-right:1px solid #eee;
 margin-top:35px
}
.fastlink-list .fastlink-content {
 margin-top:35px;
 line-height:1;
 text-align:left
}
.fastlink-list .fastlink-title {
 font-size:20px;
 color:#73889e;
 font-weight:100;
}
.fastlink-list .fastlink-desc {
 font-size:14px;
 color:#999;
 margin-top:10px
}
.enterprise-certificate-list .fastlink-logo {
 background-image:url(../img/enterprise-certificate-8bb34d83ef.png)
}
.enterprise-certificate-list .fastlink-href:hover .fastlink-logo {
 background-image:url(../img/enterprise-certificate-active-0b25b4bde8.png)
}
.service-list .fastlink-logo {
 background-image:url(../img/service-28e9c25a66.png)
}
.service-list .fastlink-href:hover .fastlink-logo {
 background-image:url(../img/service-active-1debeae08d.png)
}
.postpay-list .fastlink-logo {
 background-image:url(../img/postpay-7307c10d07.png)
}
.postpay-list .fastlink-href:hover .fastlink-logo {
 background-image:url(../img/postpay-active-ff85067305.png)
}
.personal-certificate-list .fastlink-logo {
 background-image:url(../img/personal-certificate-c32f872da5.png)
}
.personal-certificate-list .fastlink-href:hover .fastlink-logo {
 background-image:url(../img/personal-certificate-active-fc18894f35.png)
}

.biduser{ width:988px}
#ubike_nav span a{ color:#444}
#ubike_nav span a:hover{ color:#00b4b4}
.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}
#ft .hot-line {

    display: inline-block;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 10px;
    line-height: 1.82857143;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.6);
    vertical-align: middle;

}
.btn-red {
	margin-left: 14px;
    color: #797979;
    background-color: #484848;
    border-color: #484848;
    display: inline-block;
    padding: 2px 28px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.82857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 1000px;
    outline: none;
}
.btn-red.btn-big {
    padding: 6px 58px;
	margin:0 auto;
	text-align:center;
	
}
.btn-red:hover, .btn-red.on {
    color: #fff;
    background-color: #ff3d58;
    border-color: #ff3d58;
}