@charset "utf-8";
/* 
CSS Document 
Author : xiehao
Date   : 2015-05-12
*/

body{ 
  background:rgb(239,239,239);
  font-family:"微软雅黑";
  min-width:320px;
}
ul{ margin:0; padding:0;}
.container{min-width:320px;}

.wrap_header{ height:600px; background:url(//cdn.xiaoxiongyouhao.com/assets/images/bg_index.jpg) center top; background-size:cover;}

header{width:100%; min-height:40px; background:rgba(255,255,255,0.90); position:fixed; top:0; z-index:99;}
header .logo{ margin:0;}
ul.top_nav{ list-style:none; text-align:right; height:40px; line-height:40px; font-size:16px;}
ul.top_nav > li{ display:inline-block; padding:0 10px;}
ul.top_nav > li a{ color:#333; display:block;}
ul.top_nav > li a:hover{ color:#999; text-decoration:none;}
ul.top_nav > li a.current{ background:url(//cdn.xiaoxiongyouhao.com/assets/images/a_current.png) bottom center no-repeat;}
ul.top_nav > li.icon{ font-size:18px; border-left:1px solid #ddd; text-align:center;}
li.icon_weixin{position:relative;}

.index_top > .container{ height:600px; background:url(//cdn.xiaoxiongyouhao.com/assets/images/bg_iphone7.png) left bottom no-repeat;}
.site_description{ margin:260px 0 0 0;}
.erweima{ margin:140px 0 20px 0; }
.erweima p{ color:#fff; margin:10px 0 0 0; font-size:14px;}
ul.download_app_btn{ list-style:none; margin:50px 0 0 0;}
ul.download_app_btn a > li{ display:inline-block; margin:0 20px;}
.btn_android, .btn_ios{ width:200px; height:50px; padding:0 20px; line-height:50px; color:#fff; font-size:18px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;}
.btn_android > i, .btn_ios > i{ font-size:24px; padding:0 10px;}
.btn_android{ background:rgba(124,214,174,0.60);}
.btn_ios{ background:rgba(94,197,206,0.60);}

ul.download_app_btn a:hover > li.btn_android{ background:rgba(124,214,174,1.00);}
ul.download_app_btn a:hover > li.btn_ios{ background:rgba(94,197,206,1.00);}

.btn_2016ranklist{ margin-top:20px;}

.index_3_icon{ background:rgb(75,145,111); min-height:400px; padding:50px 0; text-align:center; color:#fff;}
.index_3_icon h3{ font-size:26px; margin:15px 0;}
.index_3_icon p{ margin:10px 0;}
.circle_180{ width:180px; height:180px; margin:0 auto; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:rgb(99,177,152) 10px solid; background:rgb(109,197,172);}

.index_chexi_report{ padding:40px 0;}

.index_big_report{ background:rgba(255,255,255,1.00); padding:40px 0;}

.index_user_feedback{ background:rgb(229,229,229); padding:40px 0;}
.index_user_one{ position:relative; width:31.33%; margin: 0 1%; padding:0; -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,.07),1px 2px 5px 0 rgba(0,0,0,.06); box-shadow: 1px 1px 1px 0 rgba(0,0,0,.07),1px 2px 5px 0 rgba(0,0,0,.06);}
.index_user_title{ position:absolute; width:100%; height:60px; padding:10px 0; bottom:0; background:rgba(0,0,0,0.6); color:#fff;}
.index_user_title h4{ font-size:16px; margin:0; padding:0; text-align:center;}
.index_user_title p{ font-size:12px; margin:0; padding:8px 0 0 0; text-align:center;}
a:hover .index_user_title{background:rgba(0,0,0,0.95);}

.index_prices{padding:15px 0;}
.station_price_map_embbeded {
  width: 100%; height: 100%; min-height: 400px; overflow: hidden; margin: 0; font-family: "微软雅黑"; border:1px solid #ddd;
}
.float_position_text{position:absolute; z-index:999; left:50%; top:150px; width:40%; margin-left:-20%; padding:30px; background-color:rgba(255,255,255,0.80); border-radius:20px;}
.station_price_map_standalone {
  width: 100%; height: 100%; min-height: 720px; overflow: hidden; margin: 0; font-family: "微软雅黑";
}
.price_map_box{ position:relative;}
a.map_link{ position:absolute; right:25px; bottom:5px; font-size:12px; background:rgba(0,70,140,0.80); color:#fff; padding:8px 15px;}
a.map_link:hover{background:rgba(0,70,140,1.00); color:#fff;}

.index_maps{background:rgb(255,255,255); padding:15px 0;}

.index_friend_link{ padding:40px 0;}
.index_friend_link .container{ padding:0;}
ul.friend_link{ list-style:none; text-align:center;}
ul.friend_link li{ display:inline-block; padding:10px 0; opacity:0.50; filter:alpha(opacity=50); }
ul.friend_link li:hover{opacity:1.00; filter:alpha(opacity=100);}

.exchange-link { margin:32px; padding-top: 32px; border-top: 1px #5c6677 solid;}
.exchange-link p { font-family: "Arial",宋体; font-size: 12px; line-height: 30px; margin: 0 auto; vertical-align: top; width: 100%; float: left; }
.exchange-link p i { display: block; float: left; font-style: normal; font-size: 12px; margin-right: 10px; width: 94%; }
.exchange-link p a, .exchange-link p a:link { color: #8d98ab; margin-right: 13px; display: inline-block; word-wrap: break-word; }

.footer_social_icon{background:rgb(75,145,111); padding:50px 0;}
ul.footer_ico_social{ list-style:none; text-align:center;}
ul.footer_ico_social a {text-decoration:none; color:rgba(255,255,255,0.60);}
ul.footer_ico_social a:hover{color:rgba(255,255,255,1.00);}
ul.footer_ico_social a li{ display:inline-block; padding:0 50px;}
ul.footer_ico_social a li i{ display:block; margin:0 auto; width:60px; height:60px; text-align:center; line-height:60px; font-size:36px; border:rgba(255,255,255,0.60) 2px solid;  -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
ul.footer_ico_social a:hover li i{ border:rgba(255,255,255,1.00) 2px solid;}

.footer_copyright{padding:50px 0; text-align:center;}
/* .footer_copyright a{ color:#777;} */
h3.cpy_email{ font-size:30px; color:#777; margin:15px 0; font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial; position:relative; z-index:1;}
h5.cpy_allright{ font-size:16px; color:#777; margin:15px 0; line-height: 180%;}

#scrollUp {bottom: 50px; right: 20px; height: 38px; width: 38px; display:none; background: url("//cdn.xiaoxiongyouhao.com/assets/images/top.png") no-repeat;}

.popover_wx1{position:absolute; top: 28px; left: -70px; display: none; z-index:100;}
.popover_wx2{position:absolute; top: 50px; left: -65px; display: none; z-index:1000;}

.wrap_outer{background:rgb(239,239,239); padding:0;}
.wrap_inner_header{background: center bottom no-repeat; background-size:cover; min-height:300px; padding:100px 0 0 0; text-align:center; border-bottom:5px solid;}
.wrap_inner_header h1{ margin:0; padding:0; color:rgba(255,255,255,0.90); text-shadow: 2px 2px 2px rgba(0,0,0,0.60); font-family:"微软雅黑"; font-size:60px;}
.wrap_inner_body{ padding:20px 0;}

/*Car Owner*/
.car_owner_header{ background-image:url(//cdn.xiaoxiongyouhao.com/assets/images/banner/faq.jpg); border-bottom-color:rgb(215,1,1);}

/*FAQ*/
.faq_header{ background-image:url(//cdn.xiaoxiongyouhao.com/assets/images/banner/faq.jpg); border-bottom-color:rgb(215,1,1);}

/*Contact*/
.contact_header{ background-image:url(//cdn.xiaoxiongyouhao.com/assets/images/banner/ct.jpg); border-bottom-color:rgb(232,141,50);}

/*cooperation*/
.cooperation_header{ background-image:url(//cdn.xiaoxiongyouhao.com/assets/images/banner/co.jpg); border-bottom-color:rgb(232,141,50);}

/*rank*/
.rank_header{background-image:url(//cdn.xiaoxiongyouhao.com/assets/images/banner/rk.jpg); border-bottom-color:rgb(253,90,85);}
ul.rank_ul_fix{ margin:0 0 0 5px; padding:0; list-style:none;}
ul.rank_ul_fix li{ margin:0;}
ul.rank_ul_fix li a{color: #3dbfb9; padding:0 0 0 13px; display:block; border-left:2px solid rgb(220,220,220);}
ul.rank_ul_fix li a.current{color: #069; font-weight:bold; border-left:5px solid #069; padding:0 0 0 10px;}
/*inquiry*/
.inquiry_cls{ min-height:70px;}

/*data*/
.data_header{background-image:url(//cdn.xiaoxiongyouhao.com/assets/images/banner/dt.jpg); border-bottom-color:rgb(241,139,15);}
ul.data_report_list{ list-style:none; margin:0; padding:0;}
ul.data_report_list li{ padding:10px; border:2px solid rgb(239,239,239);}
ul.data_report_list li:hover{ border:2px solid rgb(200,200,200); border-left-width:12px; padding-left:0;}
ul.data_report_list li p{ padding:5px 0 0 20px;}

ul.data_thesis_list{ list-style:none; margin:0; padding:0;}
ul.data_thesis_list li{ padding:0 10px; border:1px solid rgb(239,239,239);}
ul.data_thesis_list li:hover{ border:1px solid rgb(200,200,200); background-color: rgba(255,255,255,0.80);}
ul.data_thesis_list li h4{font-weight:normal; padding:0; margin:0;}
ul.data_thesis_list li a{ display:block; width:100%; padding:10px 0; text-decoration: none;}
ul.data_thesis_list li a:hover{text-decoration: none;}
ul.data_report_list li p{ padding:5px 0 0 20px; font-size: 12px;}



/*download*/
.download_header{ background-image:url(//cdn.xiaoxiongyouhao.com/assets/images/banner/dl.jpg); border-bottom-color:rgb(169,3,7);}

/*donate*/
.donate_header{border-bottom-color:rgb(245,245,245);}
.donate_list{ color:#999;}
.donate_list i.fa-quote-left{ font-size:30px;}
.donate_list ul{ list-style:none;}

.dl_content{ padding:50px 0;}
.dl_btn{ background:rgb(98,98,98); padding:10px 0; color:#fff; font-size:16px;  -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
.dl_btn:hover{background:rgba(98,98,98,0.20);}
.dl_btn h3{ font-size:36px; margin:0; padding:0 0 10px 0;}
.ma_scan{ margin:50px 0 0 0; text-align:center;}
.app_manual{ margin:20px 0 0 0; text-align:center; font-weight: bold;}

.rank_nav, .report_nav{ height:50px; background:rgb(253,90,85); padding:10px 0 0 0; overflow:hidden; font-size:16px;}
.report_nav{ background:rgb(241,139,15);}

.nav-tabs {
  border-bottom: none;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  background-color: rgb(239,239,239);
}
.nav-tabs>li>a {  background-color: #fff;}
.nav-tabs>li>a:hover {  background-color: #ccc;}


/*chexi report*/
h4.chexi_pinpai_title{ margin:30px 0 0 0; height:30px; line-height:30px;}
.one_car_report{ padding:10px 15px;}

ul.chexi-left-list{ list-style: none; width: 20px; }
ul.chexi-left-list li a{ display: block; padding: 0 3px 0 3px; }

/*login*/
.oauth2_login_row {padding: 32px 0 50px 0;}
.oauth2_login_button a{ text-decoration:none; display:block;}
.oauth2_login_row i{ font-size:36px;}
.oauth2_login_row h3{ font-size:14px; padding:0;}
.oauth2_login_button i.fa-weibo{ color:#e92224;}
.oauth2_login_button i.fa-qq{ color:#5294D0;}
.oauth2_login_button i.fa-weixin{ color:#35B22B;}
.oauth2_login_button i.fa-weibo:hover,
.oauth2_login_button i.fa-qq:hover,
.oauth2_login_button i.fa-weixin:hover{ text-shadow:rgba(0,0,0,0.50);}

.oauth2_login_button {
    margin: 32px 0px 0px 0px;
}

/*car user*/
.user_profile{ background:rgba(255,255,255,0.90); padding:15px;}
ul.user_left_nav{ list-style:none; margin:15px 0; background:rgba(255,255,255,0.90); padding:15px 0;}
ul.user_left_nav li{ padding:5px 0; text-align:center;}
p.bg-danger{ padding:15px;}
.nav_charts.nav-tabs {border-bottom: 1px solid #ddd;}

/*rank list nav*/
.nav_rank_list>li{ height:30px;}
.nav_rank_list>li>a{padding:0 10px; line-height:30px;}
.nav_rank_list>li>span{ line-height:30px; color:#999; padding:0 10px;}
.nav_rank_list>p{padding: 5px 0; display:block; height:30px;}
.nav_rank_list>li+li{ margin-left:0;}

@media only screen and (max-width: 768px){

.container{max-width:90%; margin:0 auto;}
.index_top .container{ max-width:100%;}
.wrap_main .container{ max-width:100%;}

.wrap_header{ height:400px; background:url(//cdn.xiaoxiongyouhao.com/assets/images/bg_index.jpg) center top; background-size:cover;}
.index_top > .container{ height:400px; background:url(//cdn.xiaoxiongyouhao.com/assets/images/bg_iphone7.png) left bottom no-repeat; background-size:cover;}
.site_description{ margin:100px 0 0 0;}
.erweima{ margin:140px 0 0 0;}
.erweima p{ font-size:12px;} 
ul.download_app_btn{ list-style:none; margin:160px auto 0 auto;}
ul.download_app_btn a > li{ margin:10px 0;}
.btn_android, .btn_ios{ width:180px; height:50px; padding:0 10px;  line-height:50px; color:#fff; font-size:14px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;} 
.btn_android > i, .btn_ios > i{ font-size:24px; padding:0 10px;}
.btn_android{ background:rgba(124,214,174,0.60);}
.btn_ios{ background:rgba(94,197,206,0.60);}

.header .logo{ width:90%; margin:0 auto; text-align:center;}

ul.top_nav{ width:100%; list-style:none; line-height:30px; font-size:14px; padding:10px 0 0 0; margin:0 auto; text-align:center; background:rgba(255,255,255,0.90); }
ul.top_nav > li{ display:inline-block; padding:0 3px;}
ul.top_nav > li a{ color:#333; display:block;}
ul.top_nav > li a:hover{ color:#999; text-decoration:none;}
ul.top_nav > li a.current{ background:url(//cdn.xiaoxiongyouhao.com/assets/images/a_current.png) bottom center no-repeat;}
.wrap_outer{background:rgb(239,239,239); padding:0; margin:0; width:100%;}
.wrap_inner_header{ background:rgba(220,220,220,0.50); min-height:120px; padding:90px 0 0 0; text-align:center; border-bottom:none;}
.wrap_inner_header h1{ margin:0; padding:0; font-size:20px; color:rgba(0,0,0,0.60); text-shadow: 1px 1px 1px rgba(255,255,255,0.60);}

h3.cpy_email{ font-size:18px; color:#777; margin:15px 0; font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial; position:relative; z-index:1;}
h5.cpy_allright{ font-size:12px; color:#777; margin:15px 0;}

.index_user_title{ position:absolute; width:100%; height:40px; padding:0; bottom:0; background:rgba(0,0,0,0.6); color:#fff;}
.index_user_title h4{ font-size:10px; height:20px; line-height:20px; margin:0; padding:0; text-align:center; width:100%; overflow:hidden;}
.index_user_title p{ font-size:8px; height:20px; line-height:20px; margin:0; padding:0; text-align:center;}

.rank_nav,
.report_nav { height:40px; background:rgb(253,90,85); padding:10px 0 0 0; margin:0; overflow:hidden; font-size:12px;}
.report_nav {background:rgb(241,139,15);}
.report_nav .container,
.rank_nav .container{ margin:0; padding:0;}
.nav-tabs {  border-bottom: none; margin:0; padding:0;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {  background-color: rgb(239,239,239);}
.nav-tabs>li>a {  background-color: #fff; padding:8px 3px;}
.nav-tabs>li>a:hover {  background-color: #ccc;}

.rank_left_nav{ padding-bottom:10px; border-bottom:1px solid #ccc;}

ul.footer_ico_social a li {display: inline-block;padding: 0 10px;}
.dl_content{ padding:20px 5px;}
.col_rank_outer{ padding-left:15px; padding-right:0;}
table.table_rank>tbody>tr>td, table.table_rank>tbody>tr>th, table.table_rank>tfoot>tr>td, table.table_rank>tfoot>tr>th, table.table_rank>thead>tr>td, table.table_rank>thead>tr>th { padding:3px; font-size:90%;}
}

/*---------- loadingWnd -----------*/
.message-window{position:absolute; z-index:999; left:50%; top:50%; width:40%; margin-left:-20%; padding:30px; background-color:rgba(7,176,98,0.80); color:white; border-radius:20px;}

/*---------- 油耗排名表格 ----------*/
.cspt-rank-table {}
.cspt-rank-table-body { font-size: 80%; }