@charset "utf-8";
/* 样式说明： 初始化css
 * 开发时间：2015-07-10
 * 开发者： yjs(413903021@qq.com)     
 *
 * 样式版本： v1.1 
 * 注意事项： 基本样式,所有共用基本样式将在这里定义
 */
 /*为解决input属性为Number时，出现上下箭头的问题*/
 input[type=number] {  
    -moz-appearance:textfield;  
}  
input[type=number]::-webkit-inner-spin-button,  
input[type=number]::-webkit-outer-spin-button {  
    -webkit-appearance: none;  
    margin: 0;  
}
html{font-size:62.5%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, table, th, td, iframe, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { padding: 0; margin: 0; list-style: none; font-family: "微软雅黑", Arial, sans-serif;font-size:12px;font-size:1.2rem; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-appearance: none; -webkit-focus-ring-color: rgba(80, 80, 230, 0); resize: none; outline: none; box-sizing: border-box; }
 input:text, input:password {
 border: 0;
 -webkit-focus-ring-color: rgba(0, 0, 0, 0);
 outline: none;
}
* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
/*html5*/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { display: block; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; vertical-align: middle; width: 100%; height: auto; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul, li { list-style: none; }
/** 设置默认字体 **/
body { color: #000; background: #fff; position:relative; -webkit-text-size-adjust: 100%; font: 12px/1.5 "微软雅黑", "宋体", HELVETICA;font-size:1.2rem;}
h1, h2, h3, h4, h5, h6 { font-weight: 500; line-height: 1.1; }
em { font-style: normal; }
/** 重置超链接元素 **/
a { text-decoration: none; color: #000; }
a.red { color: #9b0505; text-decoration: none; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.clr { clear: both!important; }
.dis_none { display: none; }
.ap { position: relative; }
.overhidden { overflow: hidden; }
.lineh_200 { line-height: 200%; }
.pointer { cursor: pointer; }
.tl { text-align: left!important; }
.tc { text-align: center!important; }
.tr { text-align: right!important; }
.vm { vertical-align: middle!important; }
.bold { font-weight: bold; }
.em2 { text-indent: 2em; }
.col_red { color: #fe5722; }
.col_require { color:#9b0505;}
.col_money{color:#d96118;}
/**---------------------------- initialize--------------------------*/
.main { width: 100%; height: auto; }
.bg_gradient { background: -webkit-gradient(linear, 0 0, 0 bottom, from(#979797), to(#c2c2c2)); min-height: 300px; border-top: 2px solid #d4d4d4; }
.dis_box{display:-webkit-box;}
.bg_logo { min-height: 200px; display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; text-align: center; }
.bg_logo img { width: 50%; }
.bg_gray { background: #d8d8d8; }
.mar_l_10 { margin-left: 10px; }
.mar_l_05p{margin-left:6%; color:#aaa;}
.mar_r_10 { margin-right: 10px; }
.mar_b_10 { margin-bottom: 10px; }
.mar_t_05 { margin-top: 5px; }
.mar_t_10 { margin-top: 10px; }
.mar_t_15 { margin-top: 15px; }
.pad_b_05{padding-bottom:5px;}
.pad_b_15{padding-bottom:15px;}
.space_50 { height: 50px; clear: both; line-height: 1px; font-size: 0; }
.font14 { font-size: 14px;font-size:1.4rem; }
.bor_no { border: none; }
/**[placeholder] { color: #666; }*/
.line { height: 2px; line-height: 1px; border-bottom: 2px solid #fff; border-top: 2px solid #999999; width: 100%; }
.comtitle { height: 40px; line-height: 40px; border-bottom: 1px solid #bcbcbc; color: #111111; font-size: 14px;width: 100%; padding: 0 15px; background: #989898; }
.comtitle.ticket{background:url(../images/ticketarr.png) no-repeat 90% center #989898; background-size:8px auto;}
.comtitle .aside{float:right; margin-right:13%;}
.comtitle .aside span{background:#ebbc04; border-radius:6px; font-size:12px; padding:3px 10px;}
.comtitle .aside span.gray{background:gray; color:#ddd;}
.text_box { height: 40px; line-height: 40px; background: -webkit-linear-gradient(top, #7f7e7e, #b9b9b9); border-radius: 6px; position: relative; }
.text_box .text { height: 32px; line-height: 32px; background: #fff; border-radius: 6px; border: 1px solid #fff; width: 98%; margin-left: 1%; padding-left: 10px; color: #393939; }
.text_box .text.error { border: 2px solid #e60012; }
.text_box.text_area { height: 100px; line-height: 24px; }
.text_box.text_area .area { height: 94px; width: 98%; margin: 3px 1%; border-radius: 6px; padding: 8px; }
.text_box.text_area .error { border: 2px solid #e60012; }
.text_box .text.textarr { background: url(../images/arr_bg1.png) no-repeat 90% center #fff; background-size: 7px auto; }
.text_box .text2arr { position: absolute; right: 10%; top: 0; background: url(../images/arr_bg.png) no-repeat 90% center; background-size: 92px auto; color: #393939; width: 92px; text-align: right; padding-right: 22px; }
.text_box .select { width: 100%; height: 40px; position: absolute; left: 0; top: 0; opacity: 0; }
.text_box .select.hide{display:none;}
.datetime{ width: 100%; height: 40px; position: absolute; right: 0; top: 0; opacity: 0; z-index: 55; }
.nextbtn { background: #ebbc04; height: 50px; border-radius: 0; border: none; width: 100%; font-size: 14px;font-size:1.4rem; font-weight: bold; line-height: 50px; text-align: center; color: #2a2a2a; }
.orbtn { background: url(../images/or.png) no-repeat 0 -27px; background-size: 54px 54px; width: 54px; height: 27px; display: inline-block; margin-left: 10px; vertical-align: middle; border: none; }
.orbtn.on{ background-position: 0 0px; }
.combtn {background: #fe5722; color:#fff;width:100%;margin: 0 auto;border-radius: 4px;text-align: center;font-size: 20px;font-family: "黑体";height: 40px;line-height: 40px;border: none;}
.combtn.disable,.combtn.gray,.sec_main .btn.disable{background: #c2c2c2;border: 1px solid #d5d5d1;}
.editbtn, .delbtn { height: 35px; line-height: 35px; padding: 0 5px; text-align: center; color: #2d2d2d; font-weight: bold; font-size: 14px;font-size:1.4rem; background: #ebbc04; width: 50%; border: none; display: inline-block; float: left; }
.delbtn { background: #e3e3e3; }
.fileimg{position:absolute; left:0;height: 100%; top:0; opacity:0; width:100%; z-index:10;}
.img_box{position:absolute;left:0;top:0px;width:100%;}
.img_box ul{width:100%; padding:0;}
.common{background:#fafafa; padding:20px 0 10px; margin-bottom:20px;border-bottom:1px solid #dedede;}
.common .comtit{border-top:1px solid #dedede;}
.quanbox{position:absolute; left:-100%; top:0; z-index:21; width:100%; -webkit-transform:scale(0.6) translate3d(-100%,0px,0px); -webkit-transition:0.6s linear;}
#keyDiv{padding:10px 0;}
.radio{width:23px;height:23px;background: #fff;display:inline-block;border:2px solid #bababa; margin-right:5px; border-radius:50%;vertical-align: middle; transition:all 0.4s linear;}
.radiook{background: url(../images/radiobtn.png) no-repeat center center #fe5722;border:2px solid #fe5722;background-size:15px 13px;}
.centerbox{border-top:1px solid #dedede; margin-top:15px; padding:15px 0;}
.centerbox .combtn{width:80%; margin:0px auto;}
.input_text{border:none; font-size:18px; text-indent:10px; width:100%; height:40px; line-height:40px;}
/*.input_text[placeholder]{color:#aaa;}*/
.input_text.arr{background: url(../images/arrow.png) no-repeat 94% center;background-size: 12px auto;}
.erbox{background:#575757; opacity:0.8;color:#fafafa; font-size:12px; position: absolute; right:0px;bottom:0px;height:23px;line-height: 12px;border-radius:4px;padding:5px; z-index:4;}
.erbox em{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #575757; position: absolute; top:-5px; left:10px;}
.dropmenu{border:1px solid #ddd;background:#fff; box-shadow:1px 1px 1px #e5e5e5,-1px -1px 1px #e5e5e5;position: absolute; right:5%;top:35px;border-radius:4px;z-index:5; display:none;}
.dropmenu em{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #575757; position: absolute; top:-5px; left:10px;}	
.dropmenu ul li{font-size:16px; text-align:center; height:35px; padding:0 5px; line-height: 35px;border-bottom:1px solid #ddd;}
.dropmenu ul li:last-child{border-bottom: none;}
.dropmenu ul li.on{background:#e5e5e5;}
.dropmenu em{border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:16px solid #e5e5e5;top:-17px;}
/* navigation bar */
.navigationbar{background:#998878;text-align:center;height:50px; color:#fff; line-height:50px; font-size:20px; position:relative; z-index:11;}
.navigationbar .back,#navigationbar .back_left,.navigationbar .home,.navigationbar .space,.navigationbar .add,.navigationbar .edit,.navigationbar .telephone,.content .checkP i{background:url(../images/navigationbar.png) no-repeat; float:left; display:inline; background-size:200px auto;}
.navigationbar .back{background-position:15px center; width:30px; height:50px;}
.navigationbar .back_left{background:none; width:30px; height:50px;}
.navigationbar .home{background-position:-18px center; float:right; width:35px; height:50px;}
.navigationbar .add{background-position:-83px center; float:right; width:35px; height:50px;}
.navigationbar .edit{background-position:-174px center; float:right; width:35px; height:50px;}
.navigationbar .space{ background:none;float:right; width:45px; height:50px;font-size:14px;}
.navigationbar .telephone{background-position:-52px center; float:right; width:45px; height:50px;}
.navigationbar .service,.navigationbar .proxyService{background:url(../images/service.gif) no-repeat center center; background-size:30px auto; float:right; width:50px; height:50px;}
.navigationbar .telephone a{height:50px;width: 45px;display: block;}
/* 模态框  */
.modalbp { overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; opacity: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; }
.modalbp.fade .modal-dialog { transform: translate(0, -200%); transition: transform 0.9s ease-out; }
.modalbp.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
.modal-dialog { position: relative; width: auto; margin: 10px; }
.modal-content{ position: relative; background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px;  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);background-clip: padding-box; outline: 0; }
.modal-header { padding: 12px; min-height: 16.42857143px; }
button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; }
.close { float: right; font-size: 21px; font-size:2.1rem;font-weight: bold; line-height: 1; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); }
h4, .h4 { font-size: 16px;font-size:1.4rem;}
.modal-header .close { margin-top: -2px; }
.modal-title { margin: 0; line-height: 1.42857143; }
.modal-body { position: relative; font: bold 16px/20px '宋体'; color: blue; padding: 15px; text-align: center; }
.modal-backdrop,#loadingbox,#loading,.mark,.loadingauto{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; transition: opacity 0.4s ease-out; z-index: 1040; background-color: #000000;-webkit-box-orient: vertical;-webkit-box-align: center;-webkit-box-pack: center;display: -webkit-box; text-align:center;}
.modal-backdrop.in,.mark{opacity: 0.7; transition: opacity 0.2s ease-out; }
#loadingbox,#loading{display:none; color:#fff;transition: opacity 0.2s ease-out;}
#loadingbox{background:url(../images/aiximao_loading.gif) no-repeat center center rgba(0,0,0,0.7); background-size:50px auto;}
#autoloading{background:url(../images/loadauto.gif) no-repeat center center #fff; background-size:100% auto; width:100%; height:100%; top:0px; left:0; position:fixed; display:none;}
.userAlert{position:fixed; top:50%; left:50%; width:85%; text-align:center; z-index:1050; background:#fafafa;border:1px solid rgba(0,0,0,0.2); border-radius:6px;padding:20px 0px 0; box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);overflow:hidden;}
.userAlert h2{font-size: 18px;line-height: 28px; padding: 0 15px;}
.userAlert .btnbox{display:-webkit-box; margin:30px 0 0; height:40px; line-height:40px; background:#d9d9d9;border-top:1px solid #b9bdc0; width:100%;}
.btnbox div{-webkit-box-flex:1; text-align:center; color:#227dc3; font-size:14px; font-weight:bold;}
.btnbox div:first-child{border-right:1px solid #b9bdc0;}
#ajaxloading{background:url(../images/aiximao_loading.gif) no-repeat center center #fafafa; background-size:100% auto; width:100%;-webkit-box-orient: vertical;-webkit-box-align: center;-webkit-box-pack: center; position:fixed; top:0px; height:100%; display:none; left:0; z-index:13;}
/* 日历 */
.page {display: none;position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;overflow: hidden;}
#datescroll div{float: left;margin-left: 10%;margin-top: 15px;padding-right: 22px;}
#datescroll_datetime div{float: left;margin-left: 10%;padding-right: 22px;}
#yearwrapper{position: absolute;left: 0;top:45px;bottom: 60px;width:80%;}
#monthwrapper{position: absolute;left: 26%;top:45px;bottom: 60px;width:80%;}
#daywrapper{position: absolute;left: 50%;top:45px;bottom: 60px;width:80%;}
#Hourwrapper{position: absolute;left: 0;top:195px;bottom: 68px;width:80%;}
#Minutewrapper{position: absolute;left: 26%;top:195px;bottom: 68px;width:80%;}
#Secondwrapper{position: absolute;left: 50%;top:195px;bottom: 68px;width:80%;}
#Hourwrapper ul li{color: #898989;font-size: 12px;}
#Minutewrapper ul li{color: #898989;font-size: 12px;}
#Secondwrapper ul li{color: #898989;font-size: 12px;}
#yearwrapper ul li{color: #898989;font-size: 12px;}
#monthwrapper ul li{color: #898989;font-size: 12px;}
#daywrapper ul li{color: #898989;font-size: 12px;}
#markyear{position:relative; margin-left: 76px;top:-2px;}
#markmonth{position:relative; margin-left: 40px;top:-2px;}
#markday{position:relative; margin-left: 42px;top:-2px;}
#markhour{position:relative; margin-left: 62px;top:-2px;}
#markminut{position:relative; margin-left: 58px;top:-2px;}
#marksecond{position:relative; margin-left: 68px;top:-2px;}
#dateheader{width: 100%;height: 50px;background: #79C12F;text-align: center;color: #fff;line-height: 50px;font-size: 20px;}
#setcancle ul{text-align: center;line-height: 30px; margin:1px auto;font-size: 20px;}
#setcancle ul li{border-radius:3px;float: left;width: 40%;height: 30px;list-style-type: none;font-family:'microsoft yahei';font-size:16px;}
#dateconfirm{position: absolute;background:#79C12F;left:20px;color:#fff;}
#datecancle{position: absolute;background:  #dcdddd;right:20px;width: 40%;color:#666;}
#dateshadow{display: none;position: absolute;width: 100%;height:100%;top:0;left:0;background: #000; filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5; z-index:9999;}
#datePage{font-size: 22px; border-radius:3px; position:fixed;top:50%;vertical-align:middle; margin:-120px auto 0;width:90%;height:240px;background: #FFFFFF;z-index:9999999;}
#datetitle{width: 100%;height:50px;background: #79C12F;text-align: center;color: #fff;line-height: 50px;font-size: 20px;font-family:'microsoft yahei';}
#datetitle h1{font-weight:normal;}
#datemark{font-size: 18px;left:5%;width: 90%;height: 26px; line-height:26px;position:absolute;top:108px;background:#eee;border:1px solid #eee;}
#timemark{font-size: 18px;left:5%;width: 90%;height: 20px;position:absolute;top:242px;background:#eee;border:1px solid #eee;}
#datescroll{background: #F8F8F8;width:94%; margin:10px 3%;border: 1px solid #E0E0E0;border-radius: 4px;height: 120px;text-align: center;line-height: 40px;}
#datescroll_datetime{display: none;background:#F8F8F8;width:94%; margin:10px 3%;margin-top: 10px;border: 1px solid #E0E0E0;border-radius: 4px;height: 120px;text-align: center;line-height: 40px;}
#yearwrapper ul,#monthwrapper ul,#daywrapper ul{width:40%;}
#Hourwrapper ul,#Minutewrapper ul,#Secondwrapper ul{width:40%;}
#dateFooter{width:100%;background: #fff;height: 50px;bottom: 0px;position: absolute;}
#datetitle h1{font-size:18px; line-height:50px;}
.input_red[placeholder]{color: red;}
@font-face {
    font-family: 'icomoon';
    src:    url('../fonts/icomoon.eot?g2iw1e');
    src:    url('../fonts/icomoon.eot?g2iw1e#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?g2iw1e') format('truetype'),
        url('../fonts/icomoon.woff?g2iw1e') format('woff'),
        url('../fonts/icomoon.svg?g2iw1e#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}