@charset "utf-8";
/* CSS Document */
/************************************************************************/
/********************************* 网点地图 *********************************/
/************************************************************************/
.map_box{ width:1200px; padding:20px 0 80px 0; overflow:hidden}
.map_box_l{ width:314px;}
.map_box_r{ width:880px; z-index:1; height:688px; background:#fff;}

.select_map{ margin-bottom:10px;}
.key_site{ width:220px; height:25px; line-height:25px; border:1px solid #ccc; font-size:1.2rem; font-size:12px; padding-left:5px; color:#999999; }
.find_btn{ width:82px; height:27px; background:url(../images/btn_group.png) -386px -41px no-repeat; text-align:center; color:#fff; font-size:14px; border:none; cursor:pointer;}

.select_result{ border:2px solid #e3e3e3; margin-top:24px; height:576px; padding:10px 0 14px 0; width:310px; font-size:12px; float:left; position:relative;}
.select_result li{ width:240px; padding:8px 40px 4px 30px; float:left;}
.result_l{ width:36px;}
.site_icon{ display:block; float:left;background:url(../images/icon_group.png) -23px -243px no-repeat; height:26px; width:31px; color:#fff; padding:4px 0 0 5px; font-weight:bold;}
li.active{ background-color:#e3e3e3;}
li.active .site_icon{ background-position:-23px -213px;}
.result_r{ width:195px; line-height:24px;}
.result_r a,.result_r a:hover{ color:#3399ff; text-decoration:none;}
select_result .cl{ height:0px;}

.result_box{border:2px solid #e3e3e3; width:310px; margin-top:24px; height:576px; padding:10px 0 0 0; font-size:12px; float:left;}
.select_type{ width:256px; margin:0 26px; border:1px solid #e3e3e3; margin-bottom:5px;}
.select_type li{ float:left; width:84px;height:28px; line-height:28px; border-right:1px solid #e3e3e3; background-color:#f8f7f7; text-align:center; cursor:pointer;}
.select_type li.border_none{ width:86px;}
.select_type li.active{ background-color:#fff;}

.type_detail{ width:224px; border:1px solid #e3e3e3; margin-top:5px; position:relative; padding:8px 14px 10px 18px; line-height:20px; cursor:pointer;}
.number{ width:15px; height:15px; background-color:#99ccff; position:absolute; left:-1px; top:-1px; line-height:15px; font-weight:bold; color:#fff; font-size:10px; text-align:center;}
.luxian span{ display:inline;font-weight:bold; color:#3399ff;word-wrap:break-word; word-wrap:break-all;}
.luxian .luxian_time{ color:#666; font-weight:normal;}
.luxian .arrow_right{ width:20px; height:12px; display:inline-block; background:url(../images/icon_group.png) -90px -215px no-repeat;}
.type_detail_list .active,.type_detail:hover{ background-color:#f8f7f7;}

.type_box{ width:310px; height:500px; position:relative;}
.type_detail_list{width:256px; padding:0 26px;}

.open_detail{ display:none;}
.cost_time{width:228px; border:1px solid #e3e3e3; border-top:none;padding:0 10px 0 18px; line-height:25px;background-color:#f8f7f7;}
.open_detail ul{width:256px; border:1px solid #e3e3e3; border-top:none; float:left; }
.open_detail ul li{width:231px; float:left;padding:4px 10px 6px 15px; cursor:pointer;}
.open_detail ul li:hover{ background-color:#f8f7f7;}
.open_detail ul li i{ display:inline-block; color:#3399ff;}
.open_detail ul li font{color:#3399ff; font-size:1.2rem; font-size:12px;}
.open_detail ul li i{ width:25px;  height:16px; background:url(../images/traffic_icon.png) no-repeat; float:left;}
.open_detail ul li.first_station i,.open_detail ul li.last_station i{ width:30px; height:26px; vertical-align:-5px; display:inline-block;}
.open_detail ul li i.bus_icon{ background-position:0 -26px;}
.open_detail ul li i.walk_icon{ background-position:-29px -26px;}
.open_detail ul li i.metro_icon{ background-position:-58px -26px;}

.station_name{ width:155px;}
.open_detail ul li.first_station,.open_detail ul li.last_station{line-height:28px;*line-height:32px; *padding:0; font-weight:bold; cursor:default;}
.open_detail ul li.first_station:hover,.open_detail ul li.last_station:hover{ background-color:#fff;}
.open_detail ul li.first_station i{background-position:0 0; }
.open_detail ul li.last_station i{background-position:-30px 0;}
 
.total_num{ width:50px; text-align:right;text-decoration:underline;}

.first_station,.last_station{width:256px;line-height:46px; height:46px;*line-height:52px; *padding:0; font-weight:bold; }
.first_station{border-bottom:1px solid #e3e3e3;}
.first_station i,.last_station i{ width:30px; height:26px; vertical-align:-5px; display:inline-block;background:url(../images/traffic_icon.png) no-repeat;}
.first_station i{background-position:0 0; }
.last_station i{background-position:-30px 0;}

.car_type{ width:100%; float:left;}
.car_type .list_one{ width:252px; float:left; padding:8px 0 6px 4px; border-bottom:1px solid #e3e3e3;cursor:pointer;}
.car_type .active,.car_type .list_one:hover{ background-color:#f8f7f7;}
.site_name{ width:230px;}


/************************************************************************/
/*重置页码样式*/                                                   
/************************************************************************/
.pagebox{ text-align:center; position:absolute; bottom:14px; left:0; width:314px;}
.pagebox a, .pagebox span, .pagebox strong { margin-right:1px; min-width:24px; _width:24px; height:24px; text-align: center; line-height:24px; display:inline-block;}
.pagebox a { border:1px solid #dddddd;color: #787878;  background:none;}
.pagebox a:hover { border:1px solid #ff9900; text-decoration: none; background:none; }
.pagebox strong { background:#ff9900; border:1px solid #ff9900; color: #fff; }
.pagebox .pgBtn { width:54px;background:none; }
.pagebox .pgBtn:hover{ border:1px solid #ff9900;background:none;}
.pagebox .pgBtnDisable,.pagebox .pgBtnDisable:hover {border:1px solid #e8e8e8;color: #e8e8e8; background:none;}

/*地图弹窗*/
.map_popup{ width:325px;}
.pop_title{ width:305px; line-height:35px; padding:0 10px;border-bottom:1px solid #e3e3e3;}
.branch_name{ width:268px; font-weight:bold; white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.correct_btn,.close_btn{ width:14px; height:14px; display:block; background:url(../images/icon_group.png) no-repeat; cursor:pointer; margin-top:12px;}
.correct_btn{ background-position:-23px -286px;}
.close_btn{ background-position:-44px -286px;}

.pop_info{ width:325px; padding:10px 0; font-size:1.2rem; font-size:12px;}
.pop_info_l{ width:174px; margin-left:10px;}
.bank_img{ width:120px; margin-right:10px; display:block;}

.img_popup{ width:641px;display:none;position:fixed;left:-9999px;z-index:999; top:200px;}
.big_img{ width:600px;}
.img_popup .close{ display:inline-block;}
.img_popup .close img{ width:41px;}
.op_bg{position:absolute;top:0;left:0;background:#000;filter:alpha(opacity=50);opacity:0.50;z-index:998}

.type_tab{ height:23px; line-height:23px; font-weight:bold; text-align:center; color:#fff; margin:6px 8px 0 0; }
.type_tab_l,.type_tab_r{ width:5px; height:23px; background:url(../images/tab_bg.png) no-repeat;}
.type_tab_l{ background-position:0 0;}
.type_tab_r{ background-position:-5px 0;}
.type_tab_m{ background-color:#ff9900;}

.pop_info_b{ width:100%; margin-top:8px; border-bottom:1px solid #e3e3e3 ;border-top:1px solid #e3e3e3;}
.pop_info_b li{ width:162px; border-right:1px solid #e3e3e3; text-align:center; float:left; height:32px; line-height:32px; background-color:#f8f7f7;}
.pop_info_b li a:hover{color:#666; text-decoration:none;}
.pop_info_b li.active{ background-color:#fff;}
.pop_info_b i{ display:inline-block; width:15px; height:15px; background:url(../images/icon_group.png) -108px -451px no-repeat; vertical-align:-3px; *vertical-align:1px;}

.address{ padding:10px 10px 0 10px;}
.input_area{ width:158px;border:1px solid #e3e3e3;margin-right:6px;}
.address_input{ width:138px; height:22px; border:none; line-height:22px;  background:none; text-indent:2px;}
.star_address{ line-height:22px;}
.select_down{ display:block; width:20px; height:22px; background:url(../images/icon_group.png) 0 -280px no-repeat;}

.second_select{ width:148px; padding:5px;position:absolute; top:23px; left:-1px; border:1px solid #e3e3e3; border-top:none; background:#f8f7f7; display:none;}
.type_btn{ width:43px; height:24px; line-height:24px; background:url(../images/btn_group.png) -295px -200px no-repeat; text-align:center; margin-left:4px;}
.type_btn:hover{ color:#666; text-decoration:none;}

/*地图纠错未登录状态*/
.correct_box{ width:99.833333%; border:1px solid #e3e3e3; padding-bottom:85px;}
.map_title{ width:100%; margin-bottom:40px;}
.user_reback{ color:#ff6600; font-size:2.8rem; font-size:28px; padding-right:20px;}
.correct_title{width:100%; line-height:42px; color:#cccccc; margin-bottom:8px; border-bottom:1px solid #e3e3e3;}
.titile_type{ padding:0 20px 0 15px; font-weight:bold;font-size:1.6rem; font-size:16px;}
.correct_title a.active{color:#ff9900; }
.correct_title a:hover{ text-decoration:none;}

.correct_box_l{width:46%; margin-right:74px;}
.correct_one{width:100%; margin-top:10px;clear:both;}
.correct_one_l{ width:105px; text-align:right; line-height:30px;}

.correct_one_r .correct_input{ height:28px; line-height:28px; border:1px solid #cccccc; color:#999; font-size:12px; text-indent:4px;}
.correct_one_r textarea.correct_input{ height:96px;}

.tip{ color:#ff9933; display:inline-block; padding:25px 0 15px 44px;}
.submit_btn{width:123px; height:31px; line-height:31px; background:url(../images/btn_group.png) 0 -200px no-repeat; text-align:center; margin:25px 0 0 40px; border:none; color:#fff;}

.correct_box_r{ width:45.5759%; padding-top:10px;}

.my_correct{ padding:0 20px 0 30px; font-weight:bold; color:#666; font-size:1.6rem; font-size:16px;}
.allow{ margin:44px 0 0 30px;}
.allow input{ margin:4px 6px 0 0;}

.my_correct_list{ width:92%; margin:0 auto; content:""; clear:both;}.my_correct_list{ zoom:1;}
.my_correct_list_one{ width:100%; margin-top:20px; padding-bottom:25px; border-bottom:1px dotted #999999; line-height:24px;}
.my_correct_list_one span{ padding-right:30px; }

/*建议未登录状态*/
.correct_container{ width:1198px;border:1px solid #e3e3e3;}
.advice_box{ width:1198px; border-right:1px solid #e3e3e3; padding-bottom:40px; min-height:550px;}
.constlu_box{ width:100%; padding-top:40px;}
.comment_user{ width:110px; padding-left:20px;}
.user_name{ width:100%;}
.constlu_title{ height:55px; line-height:55px; padding-left:140px; color:#ff9933; font-weight:bold; font-size:1.6rem; font-size:16px;}
.leaveMsg{width:69.5%;  margin-left:14px;  *margin-left:4px;  }
.leaveMsg p{ *text-indent:6px;}
.leaveMsg textarea{width:99.217%;border:1px solid #f2f2f2; padding:6px 4px; color:#ccc; height:134px;  margin:12px 0 0 0;}
.leave_user_info{ padding-left:140px;}
.leave_user_title{ color:#f93; padding:24px 0 10px 0;}
.leave_user_one{ margin-top:10px; display:table; clear:both; content:"";}.leave_user_one{zoom:1;}
.leave_user_l{ width:85px; text-align:left; line-height:30px; color:#333;}
.leave_user_r .correct_input{ height:28px; line-height:28px; border:1px solid #cccccc; color:#999; font-size:12px; text-indent:4px; color:#ccc;}
.submit_user_btn{width:123px; height:31px; line-height:31px; background:url(../images/btn_group.png) 0 -200px no-repeat; text-align:center; margin:25px 0 0 0; border:none; color:#fff;}

.common_problem{ width:24.7%; text-align:center;}
.problem_title{width:100%; line-height:42px; color:#ff6600; text-align:center; font-weight:bold;font-size:1.6rem; font-size:16px; }
.problem_list{ width:210px; padding-top:56px; margin:0 auto 60px auto; display:table; clear:both; content:"";}.problem_list{zoom:1;}
.problem_list li{ width:210px; margin-bottom:6px;}
.problem_list li a{ width:210px; display:block;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:left;}

/*建议已登录状态*/
.advice_content { width:100%;}
.my_advice_list{ width:95.555%; margin:0 auto 50px auto; display:table; clear:both; content:"";}.my_advice_list{zoom:1;}
.my_advice_list li{ padding:20px 0 16px 0; border-bottom:1px dotted #999999; line-height:22px;}
.advice_date{ color:#ccc; padding-left:48px;}
.advice_content .pagebox{ width:95.555%; text-align:right;}
.agree_title{clear:both;padding:24px 0 10px 0;text-align:left; *float:left;}
.agree_title input{ margin-right:6px; vertical-align:-2px;}
.replay_txt{ color:#ccc; font-size:12px;}

/*选取终点和起点*/
.star_stop,.star_stop_ask{ width:308px; border:1px solid #e3e3e3;line-height:28px;}
.star_stop{margin-top:24px; text-align:center; font-size:1.4rem; font-size:14px; }
.star_stop_ask{ background-color:#f2f4f6; margin-top:6px; font-size:1.2rem; font-size:12px; display:block; cursor:pointer;}
.question_icon,.confirm_icon{ display:block; width:20px; height:20px; margin:4px 3px 0 12px; line-height:19px; color:#fff; text-align:center; background:url(../images/icon_group.png) no-repeat;}
.question_icon{ background-position:-38px -424px}
.confirm_icon{ background-position:-60px -426px}
.stop_select_result{ border:1px solid #e3e3e3; margin-top:6px; height:464px; padding:10px 0 14px 0; width:98.7261%; font-size:12px; float:left;}
.stop_select_result li{ width:284px; padding:8px 16px 4px 10px; float:left; cursor:pointer;}
.stop_select_result li.active{background-color:#f2f4f6;}
.stop_select_result li:hover,.stop_select_result li.active:hover{ background-color:#f2f4f6;}
.site_icon{ display:block; float:left;background:url(../images/icon_group.png) -23px -243px no-repeat; height:26px; width:31px; color:#fff; padding:4px 0 0 5px; font-weight:bold;}
.stop_select_result li.active .site_icon{background-position:-23px -213px;}
.stop_select_result li .site_icon{ background-position:0 -443px; width:26px;}
.stop_select_result .result_l{ width:26px;}
.stop_select_result .result_r{ width:160px;}
.select_star_stop{width:68px; height:24px; text-align:center; border:none; line-height:22px; background:url(../images/btn_group.png) -408px -677px no-repeat; margin-top:12px;}
.dropdown_select{ display:block; width:10px; height:10px; margin:10px 12px 0 0; line-height:19px; color:#fff; text-align:center; background:url(../images/icon_group.png) -32px -443px no-repeat;}

/*网站地图 0310*/
#allmap{ height:684px !important; border-left:1px solid #b7bdc5; border-top:1px solid #b7bdc5;}
.slide_btn{ width:18px; height:63px; background:url(../images/map_slide_left.jpg) no-repeat; border:none; cursor:pointer; top:334px; left:0; z-index:100;}
.slide_open_btn{ background-position:0 0; z-index:102;}
.slide_close_btn{ background-position:0 -63px; z-index:101;}