@charset "utf-8";

/* header */
#header {position:relative; height:60px}
#header .nav {display:block; position:absolute; left:16px; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);padding-top:22px; background:url(/bc/images/common/nav_bg.png) 0 0 no-repeat; background-size:18px 12px; color:#fff; font-size:11px; font-weight:bold}
#header .btn_page_close {display:block; position:absolute; right:16px; top:50%;  -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); padding-top:22px; background:url(/bc/images/common/btn_page_close.png) 50% 0 no-repeat; background-size:14px 14px; color:#fff; font-size:11px; font-weight:bold}

#header_fix {position:fixed; left:0; top:0; z-index:1000; width:100%; height:60px;}
#header_fix .tit_h1 {padding:13px 0;text-align:center;color:#ffd71d;font-size:1.667em;line-height:34px;background:#333131;}
#header_fix .nav {display:block; position:absolute; left:16px; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);padding-top:22px; background:url(/bc/images/common/nav_bg.png) 0 0 no-repeat; background-size:18px 12px; color:#fff; font-size:11px; font-weight:bold}
#header_fix .btn_page_close {display:block; position:absolute; right:16px; top:50%;  -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); padding-top:22px; background:url(/bc/images/common/btn_page_close.png) 50% 0 no-repeat; background-size:14px 14px; color:#fff; font-size:11px; font-weight:bold}

#header_fix .btn_search {display:block; position:absolute; left:16px; top:50%;  -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); padding-top:22px; background:url(/bc/images/common/btn_search.png) 50% 0 no-repeat; background-size:20px 20px; color:#fff; font-size:11px; font-weight:bold}

.title_margin{padding-top:50px;}
#title_bar {position:fixed; height:50px; left:0; top:0; z-index:1000; width:100%;}
#title_bar.pc{width:880px;}
#title_bar .tit_h1 {padding:8px 0;text-align:center;color:#fff;font-size:1.667em;line-height:34px;background:#2CA3FF;}
#title_bar .nav {display:block; position:absolute; left:16px; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);padding:0 0 0 28px; background:url(/bc/images/common/nav_bg.png) 0 0 no-repeat; background-size:18px 12px; height:12px; line-height:12px; background-position:0 50%; color:#fff; font-size:11px; font-weight:bold;}

#title_bar .tit_h1.toolbar{font-size:18px; text-align:center; background:#2CA3FF; color:#fff}

#title_bar .btn_page_close {display:block; position:absolute; right:16px; top:50%;  -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); padding-top:22px; background:url(/bc/images/common/btn_page_close.png) 50% 0 no-repeat; background-size:14px 14px; color:#fff; font-size:11px; font-weight:bold; z-index:10}
#title_bar .btn_prev_page {display:block; position:absolute; left:16px; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);padding-top:22px; background:url(/bc/images/common/btn_page_prev.png) 0 0 no-repeat; background-size:16px 16px; color:#fff; font-size:11px; font-weight:bold}
#title_bar .btn_page_srch2 {display:block; position:absolute; left:16px; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);padding-top:22px; background:url(/bc/images/common/btn_page_srch.png) 0 0 no-repeat; background-size:18px 18px; color:#fff; font-size:11px; font-weight:bold}
#title_bar .btn_page_srch {display:block; position:absolute; right:16px; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);padding-top:22px; background:url(/bc/images/common/btn_page_srch.png) 0 0 no-repeat; background-size:18px 18px; color:#fff; font-size:11px; font-weight:bold}
#title_bar .btn_page_del {display:block; position:absolute; right:16px; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);padding-top:22px; background:url(/bc/images/common/btn_page_del.png) 0 0 no-repeat; background-size:18px 18px; color:#fff; font-size:11px; font-weight:bold}
#title_bar .btn_page_list {display:block; position:absolute; right:16px; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);padding-top:22px; background:url(/bc/images/common/btn_page_list.png) 0 0 no-repeat; background-size:18px 18px; color:#fff; font-size:11px; font-weight:bold}
#title_bar .btn_page_help {display:block; position:absolute; right:50px; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);padding-top:22px; background:url(/bc/images/common/btn_page_help.png) 6px 0 no-repeat; background-size:18px 18px; color:#fff; font-size:11px; font-weight:bold}

#title_bar .btn_prev_app {display:block; position:absolute; height:48px; width:48px; left:16px; top:1px; background:url(/bc/images/common/btn_page_prev.png) 0 16px no-repeat; background-size:16px 16px; color:#fff; font-size:11px; font-weight:bold}

.chat_top {position:relative; height:44px; font-size:18px; line-height:44px; text-align:center; background:#4c94ff; color:#fff}
.chat_top .wrap_option {position:absolute; right:16px; top:13px}
.chat_top .wrap_option .chat_option {display:block; width:18px; height:19px; background:url(/bc/images/common/btn_opt.png) 0 0 no-repeat; background-size:18px 19px}
.chat_top .wrap_option .lst_option {display:none; position:absolute; right:-16px; top:30px; width:100px; background:#fff; z-index:100}
.chat_top .wrap_option .lst_option a {display:block; font-size:14px;}
.chat_top .wrap_option .lst_option.on {display:block}



/* wrap_nav */
.wrap_nav {display:none; position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; background:#333131}
.wrap_nav.on {display:block}
.wrap_nav .btn_menu_close {display:block; position:absolute; left:18px; top:18px;  height:14px; padding-left:26px; font-size:11px; color:#fff; line-height:14px; background:url(/bc/images/common/btn_menu_close.png) 0 0 no-repeat; background-size:14px 14px; z-index:2}
.wrap_nav .menu_top {position:absolute; left:0; top:0; width:100%; height:38px; padding-top:12px; text-align:center; background:#333131; border-bottom:1px solid #434242; z-index:1}
.wrap_nav .menu_top .tit {display:inline-block;text-align:center;color:#ffd71d;font-size:1.667em; background:#333131;}

.wrap_nav .menu_cont {padding-top:50px}
.wrap_nav .menu_cont .item_menu {position:relative;  border-bottom:1px solid #434242}
.wrap_nav .menu_cont .item_menu > a {display:block; padding:0 28px 0 20px; font-size:16px; color:#fff; line-height:52px;}
.wrap_nav .option_menu {overflow:scroll; height:100%}
.wrap_nav .wrap_menu {overflow:scroll; height:100%}
.wrap_nav .menu_cont .link_menu:after {display:block; content:""; position:absolute; right:0; top:50%; width:28px; height:13px; margin-top:-7px; background:url(/bc/images/common/arrow_menu_yellow.png) 0 0 no-repeat; background-size:8px 13px}
.wrap_nav .menu_cont .link_menu2:after {display:block; content:""; position:absolute; right:0; top:50%; width:28px; height:13px; margin-top:-7px; background:url(/bc/images/common/arrow_menu_white.png) 0 0 no-repeat; background-size:8px 13px}
.wrap_nav .menu_cont .has_menu:after {display:block; content:""; position:absolute; right:0; top:50%; width:32px; height:14px; margin-top:-7px; background:url(/bc/images/common/sub_menu_off.png) 0 50% no-repeat; background-size:14px 2px}
.wrap_nav .menu_cont .has_menu.on:after {top:20px; margin-top:0; background:url(/bc/images/common/sub_menu_on.png) 0 0 no-repeat; background-size:14px 14px}
.wrap_nav .menu_cont .has_menu .sub_menu {overflow:hidden; height:0}
.wrap_nav .menu_cont .has_menu.on .sub_menu {height:auto; }
.wrap_nav .menu_cont .has_menu.on .sub_menu ul {padding-bottom:10px}
.wrap_nav .menu_cont .has_menu .item_sub {position:relative; padding:0 10px 0 30px}
.wrap_nav .menu_cont .has_menu .item_sub:after {display:block; content:""; position:absolute; right:0; top:50%; width:28px; height:13px; margin-top:-7px; background:url(/bc/images/common/arrow_menu_white.png) 0 0 no-repeat; background-size:8px 13px}
.wrap_nav .menu_cont .has_menu .item_sub >a {display:block; padding:10px 0; color:#fff; font-size:14px} 
.wrap_nav .menu_cont .has_menu .item_sub:first-child > a {padding:0 0 10px}


/* layer_search */
.layer_search {position:fixed; left:0; top:0; width:100%; padding:15px 15px 7px 15px; background:#fff; border-bottom:1px solid #a8a8a8; z-index:10; box-sizing:border-box}
.layer_search .row_src + .row_src {padding-top:10px}
.layer_search .selInput {padding:0 0 0 125px}
.layer_search .row_src .sel {display:block; overflow:hidden; position:relative; left:-125px; width:118px; height:41px; margin-bottom:-41px; vertical-align:middle; border:1px solid #bbb; border-radius:3px; box-sizing:border-box}
.layer_search .row_src .sel  select {width:100%; height:100%; padding:0 30px 0 10px;font-size:1.33em; color:#347dec; font-weight:bold; background:url(/bc/images/common/sel_arrow.png) 100% 50% no-repeat; background-size:24px 6px; border:none; appearance:none; -moz-appearance:none; -webkit-appearance:none}
.layer_search .row_src .sel2 {display:block; overflow:hidden;  width:100%; margin-right:5px; height:41px; vertical-align:middle; border:1px solid #bbb; border-radius:3px; box-sizing:border-box}
.layer_search .row_src .sel2  select {width:100%; height:100%; padding:0 30px 0 10px;font-size:1.33em; color:#347dec; font-weight:bold; background:url(/bc/images/common/sel_arrow.png) 100% 50% no-repeat; background-size:24px 6px; border:none; appearance:none; -moz-appearance:none; -webkit-appearance:none}
.layer_search .row_src .wrap_inputSrc {display:block; position:relative}
.layer_search .row_src .inputTxt {width:100%; height:41px; padding:0 10px; font-size:1.33em; color:#999; line-height:41px; text-indent:0; border:1px solid #bbb; border-radius:3px; box-sizing:border-box}
.layer_search .row_src  .btn_src {position:absolute; right:0; top:0; width:38px; height:41px; background:url(/bc/images/common/icon_zip.png) -70px 10px no-repeat; background-size:200px 200px}

.layer_search .tit_layer {font-size:1.16em; color:#000; font-weight:bold; line-height:1}
.layer_search .wrap_date {padding-top:10px; border-top:1px solid #d4d4d4}
.layer_search .wrap_date:after {display:block; content:""; clear:both}
.wrap_date .calendar_cover {float:left; position:relative; width:50%; padding-right:3px; box-sizing:border-box}
.wrap_date .calendar_cover + .calendar_cover {padding-right:0; padding-left:3px}
.wrap_date .wrap_calendar {display:block; width:100%; padding:0 9px; border:1px solid #bbb; border-radius:3px; box-sizing:border-box}
.layer_search .datepicker {width:100%; height:38px; font-size:1.33em; line-height:38px; text-indent:0; box-sizing:border-box; border:0; background:url(/bc/images/common/icon_calendar.png) 100% 50% no-repeat; background-size:18px 20px}
.layer_search .ui-datepicker-trigger {display:block; position:absolute; right:9px; top:9px; width:18px; height:20px}
.wrap_date .calendar_cover + .calendar_cover .ui-datepicker-trigger {right:6px}

.layer_search .btns {display:table; width:100%; margin-bottom:10px; padding-top:10px}
.layer_search .btns .btn_item {display:table-cell; width:20%; text-align:center}
.layer_search .btns .btn_item + .btn_item {padding-left:3px; box-sizing:border-box}

.layer_search.type3 {position:static}

/* button */
.btnS {display:inline-block; width:100%; height:34px; padding:0; font-size:1.33em; line-height:34px; border:1px solid #bbb; border-radius:3px}
.btnS.btn_blue {color:#fff; font-weight:bold; background:#347dec; border:1px solid #347dec}
.btnS.btn_send {color:#fff; font-weight:bold; background:#FF8000; border:1px solid #FF8000}

/* color */
.pointRd {color:#d53133 !important}

/* padding */
.pb110 {padding-bottom:110px !important}

.bBlue{color:#0066FF; font-weight:bold;}

/* Γί°‘ */
.btn_margin{margin-bottom:80px;}
.bottom_btn {position:fixed; left:0; bottom:0; width:100%; padding-top:5px;padding-bottom:5px;padding-left:20px;padding-right:20px; background:#fff; border-top:1px solid #a8a8a8;border-bottom:1px solid #a8a8a8; z-index:1; box-sizing:border-box}
.bottom_btn .btns {display:table; width:100%; margin-bottom:10px; padding-top:10px}
.bottom_btn .btns .btn_item {display:table-cell; width:20%; text-align:center;}
.bottom_btn .btns .btn_item + .btn_item {padding-left:3px; box-sizing:border-box}

.option_menu{margin:0 18px}
.option_menu ul:after{display:block;content:'';clear:both}
.option_menu li{float:left;width:33.3%;margin-top:16px;text-align:center}
.option_menu .menu_list li{float:left;width:100%;margin-top:16px;text-align:left}
.option_menu span{display:block; font-size:1.167em;font-weight:bold}

.layer_tab {width:100%; background:#fff; border-bottom:0px solid #a8a8a8; z-index:10; box-sizing:border-box; padding-bottom:3px;}
.layer_tab .btns {display:table; padding-left:10px; padding-right:10px; padding-top:10px}
.layer_tab .btns .btn_item {display:table-cell; width:20%; text-align:center}
.layer_tab .btns .btn_item + .btn_item {padding-left:3px; box-sizing:border-box}