/*  修改日历控件类型 */
::-webkit-datetime-edit { padding: 1px;}  /*控制编辑区域的*/
::-webkit-datetime-edit-fields-wrapper { background-color: transparent; }    /*控制年月日这个区域的*/
::-webkit-datetime-edit-text { padding: 1px; }  /*控制年月日之间的斜线或短横线的*/
::-webkit-datetime-edit-year-field {  }    /*控制年文字, 如2013四个字母占据的那片地方*/   
::-webkit-datetime-edit-month-field {  }    /*控制月份*/
::-webkit-datetime-edit-day-field {  }    /*控制具体日子*/
::-webkit-inner-spin-button { visibility: hidden; }    /* 控制上下小箭头的*/
::-webkit-calendar-picker-indicator {      /*控制下拉小箭头的*/
    border: none;
    box-shadow: none;
    background: none;
}
::-webkit-clear-button {    /*控制清除按钮*/
     visibility: hidden;
}
[type="date"]{ /*控制清除ios自带样式*/
    -webkit-appearance:none;
}

.w60
{
    width: 60px;
}
.w100
{
    width: 100px;
}
.p50
{
    width: 50%;
}
/*输入框*/
.form-group
{
    position: relative;
}

.form-control
{
    width: 100%;
    background-color: #ffffff;
    border: none;
    height: 40px;
    padding: 0px 10px;
    font-size: .875em;
    color: #444444;
    font-family: "microsoft yahei";
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.form-control2
{
    margin: 5px 0;
    border: 1px solid #ababab;
    color: #444444;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: 30px;
    line-height: 30px;
}
.form-control-text, .form-control-text-fixed
{
    width: 100%;
    background-color: #ffffff;
    border: none;
    resize: none;
    border-radius: 5px;
    padding: 8px 10px;
    min-height: 80px;
    font-size: .875em;
    color: #444444;
    font-family: "microsoft yahei";
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/*单选，多选*/
.form-group label.radio, .form-group label.checkbox
{
    display: inline-block;
    margin-right: 10px;
    height: 30px;
    position: relative;
}
.form-group label.radio input[type='radio'], .form-group label.checkbox input[type='checkbox']
{
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 10;
}
.form-group label.radio em, .form-group label.checkbox em
{
    display: block;
    font-size: 14px;
    color: #5e5e5e;
    line-height: 30px;
    position: relative;
    z-index: 9;
}
.form-group label.radio em:before, .form-group label.checkbox em:before
{
    content: '\e60e';
    font-size: 16px;
    margin: 0 3px 0 0;
}
.form-group label.checkbox em:before
{
    content: '\e60f';
}
.form-group label.radio input[type='radio']:checked ~ em, .form-group label.checkbox input[type='checkbox']:checked ~ em
{
    color: #5e5e5e;
}
.form-group label.radio input[type='radio']:checked ~ em:before
{
    content: '\e620';
    color: #055fad;
}
.form-group label.checkbox input[type='checkbox']:checked ~ em:before
{
    content: '\e631';
    color: #055fad;
}

/*按钮*/
.form-button-group
{
    position: relative;
}
.form-button
{
    display: block !important;
    width: 100%;
    background-color: #055fad;
    border: none;
    height: 40px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    font-size: 1em;
    color: #FFFFFF !important;
    font-family: "microsoft yahei";
    line-height: 40px;
}
.form-button-purple
{
    background-color: #182f6d;
    color: #FFFFFF;
}
.form-button-white
{
    background-color: #FFFFFF;
    color: #093c6f !important;
}
.form-button-green
{
    background-color: #42d190;
    color: #FFFFFF;
}
.form-button-orgin
{
    background-color: #ff574a;
    color: #FFFFFF;
}
.form-button-blue
{
    background-color: #657fbb;
    color: #FFFFFF;
}
.form-button[disabled]
{
    background-color: #999;
}

.form-group-btn
{
    position: absolute;
    right: 5px;
    top: 5px;
    display: inline-block;
    font-size: .875em;
    line-height: 150%;
    color: #FFFFFF;
    padding: 4px 10px;
    background-color: #f13c6e;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: none;
}
.form-group-btn[disabled]
{
    background-color: #cccccc;
}


.form-tips
{
    font-size: .750em;
    color: #666666;
    line-height: 150%;
    margin-top: 6px;
    padding-left: 3px;
}
.form-correct .form-control, .form-correct .form-control-text, .form-sucess .form-control, .form-sucess .form-control-text
{
    border-color: #42d190 !important;
}
.form-correct .form-tips, .form-sucess .form-tips
{
    color: #42d190;
}
.form-error .form-control, .form-error .form-control-text
{
    border-color: #e20e0e !important;
    color: #e20e0e;
}
.form-error .form-tips
{
    color: #e20e0e;
}



/*下拉菜单*/
.form-group label.select
{
    display: block;
    position: relative;
}
.form-group label.select select
{
    width: 100%;
    height: 40px;
    display: block;
    font-size: .875em;
    color: #444444;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    font-family: "microsoft yahei";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    outline: none;
    opacity: 0;
    padding: 0px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.form-group label.select em
{
    width: 100%;
    height: 40px;
    display: block;
    padding: 0px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    font-size: .875em;
    color: #aaaaaa;
    line-height: 40px;
}
.form-group label.select em:after
{
    content: '\e608';
    float: right;
}


.form-select-group
{
    display: none;
}
.form-select
{
    display: block;
    font-size: .875em;
    color: #aaaaaa;
    line-height: 40px;
    text-align: right;
    cursor: pointer;
}
.form-selected
{
    color: #444444;
}
.form-select:before
{
    content: '\e60a';
    color: #c3c3c3;
    font-size: 12px;
    float: right;
    margin-left: 5px;
}
.form-select select
{
    display: none;
}

.select_module
{
    margin: 0 10px;
    background-color: #FFFFFF;
    border-radius: 3px;
}
.select_module ul
{
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}
.select_module ul li
{
    font-size: .875em;
    line-height: 140%;
    padding: 10px;
    border-top: 1px solid #e5e5e5;
    margin-top: -1px;
}
.select_module ul li.selected
{
}
.select_module ul li.selected:before
{
    content: '\e63a';
    float: right;
    font-size: 1.250em;
    color: #00b404;
}



/*地区选择*/
.area_panel
{
    background: none !important;
}
.area_container
{
    width: 100%;
}

.area_head
{
    width: 100%;
    height: 35px;
    background-color: #5471b5;
    font-size: .875em;
    color: #e4ecff;
    line-height: 35px;
    text-align: center;
    position: relative;
}
.area_head .area_title
{
    display: block;
    padding: 0 35px;
}
.area_head .area_title em
{
    color: #a1b3dc;
}
.area_head .btn_cancel, .area_head .btn_submit
{
    width: 35px;
    height: 35px;
    overflow: hidden;
    position: absolute;
    top: 0;
}
.area_head .btn_cancel
{
    left: 0;
    color: #a1b3dc;
}
.area_head .btn_submit
{
    right: 0;
    color: #e4ecff;
}

.area_search
{
    background-color: #FFFFFF;
    padding: 10px;
}
.area_search_form
{
    background-color: #f4f4f4;
    height: 30px;
    border-radius: 15px;
    position: relative;
}
.area_search_form input
{
    width: 100%;
    height: 30px;
    border: none;
    padding: 0 20px;
    background: none;
    box-sizing: border-box;
    text-align: left;
    line-height: 30px;
    font-size: .875em;
    color: #555555;
    line-height: 30px;
}
.area_search_form input::-webkit-input-placeholder
{
    color: #aaaaaa;
    text-align: left !important;
}
.area_search_btn
{
    height: 30px;
    position: absolute;
    right: 10px;
    top: 0;
}
.area_search_btn button
{
    width: 35px;
    height: 30px;
    border: none;
    border: none;
    background: none;
}
.area_search_form button:before
{
    content: '\e607';
    font-size: 1.250em;
    color: #bdbdbd;
}
.area_search_close
{
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    float: left;
    display: none;
}
.area_search_close:before
{
    content: '\e605';
    font-size: 1.250em;
    color: #bdbdbd;
    line-height: 150%;
}

.area_body
{
    border-top: 1px solid #e5e5e5;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    height: 378px;
}
.area_body > div
{
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    height: 100%;
    overflow: hidden;
}
.area_body ul
{
    width: 100%;
    overflow: hidden;
    margin-top: -1px;
}
.area_body ul li
{
    font-size: .875em;
    line-height: 150%;
    padding: 10px 15px;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}
.area_body ul li.current, .area_body ul li.selected
{
    color: #db5a49;
}
.area_body ul li.selected:before
{
    content: '\e63a';
    float: right;
}

/*.area_body ul li.selected:before{
    content: '';
}*/


.area_body .area_province li.selected:after
{
    content: '';
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    border: 5px solid #f4f4f4;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    position: absolute;
    right: 0px;
    top: 15px;
}


.area_body .area_city li.selected:after
{
    content: '';
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    border: 5px solid #ebebeb;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    position: absolute;
    right: 0px;
    top: 15px;
}
.area_body ul li i
{
    float: right;
    color: #db5a49;
}
.area_body ul li.hideok:before
{
    content: '';
}

.area_body .area_province
{
    background-color: #FFFFFF;
}
.area_body .area_city
{
    background-color: #f4f4f4;
}
.area_body .area_district
{
    background-color: #ebebeb;
}

.district_body > div
{
    width: 33.33%;
}
.city_body > div
{
    width: 50%;
}
.province_body > div
{
    width: 100%;
}

.area_search_result
{
    /*height: 250px;*/
    background-color: #FFFFFF;
    overflow: hidden;
    display: none;
}
.area_search_result ul
{
    padding: 0 20px;
}
.area_search_result ul li
{
    font-size: .875em;
    color: #444444;
    line-height: 150%;
    padding: 10px;
    border-bottom: 1px solid #e5e5e5;
}
.area_search_back
{
    display: block;
    font-size: .875em;
    color: #a3a3a3;
    line-height: 150%;
    padding: 10px 30px;
}


.msg-container
{
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1011;
    background: rgba(0,0,0,.5);
}
.msg-container .msg-content
{
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -80px 0 0 -130px;
    width: 260px;
    min-height: 100px;
    padding: 10px;
    background-color: #ffffff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.msg-container .msg-content .title
{
    padding: 20px 0 10px;
    font-size: 18px;
    line-height: 30px;
    color: #666666;
    text-align: center;
    overflow: hidden;
    max-height: 80px;
}
.msg-container .msg-content .subtitle
{
    padding: 10px 0;
    font-size: 12px;
    line-height: 140%;
    color: #ababab;
}
.msg-container .msg-content em
{
    display: inline-block;
    height: 30px;
    font-style: normal;
}
.msg-container .msg-content .ok_1
{
    padding-left: 40px;
    background: url("../images/msg/ok_1.png") no-repeat left center;
    background-size: auto 30px;
}
.msg-container .msg-content .ok_2
{
    padding-left: 40px;
    background: url("../images/msg/ok_2.png") no-repeat left center;
    background-size: auto 30px;
}
.msg-container .msg-content .ok_3
{
    padding-left: 40px;
    background: url("../images/msg/ok_3.png") no-repeat left center;
    background-size: auto 30px;
}
.msg-container .msg-content .err_1
{
    padding-left: 40px;
    background: url("../images/msg/cancel_1.png") no-repeat left center;
    background-size: auto 30px;
}

.msg-container .msg-content .buttons
{
    display: -webkit-box;
    display: -moz-box;
    display: box;
}
.msg-container .msg-content .buttons button
{
    display: block;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    width: 100%;
    height: 35px;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    color: #ffffff;
    font-family: "microsoft yahei";
    border: none;
    outline: none;
    background-color: #af3741;
    -webkit-border-radius: 3em;
    border-radius: 3em;
    -wekbit-box-sizing: border-box;
    box-sizing: border-box;
}
.msg-container .msg-content .buttons .cancel
{
    background-color: #959595;
    margin-right: 3px;
}
.msg-container .msg-content .buttons .cancel ~ .ok
{
    margin-left: 3px;
}

/*单行选择时控制样式*/
.form-items .item .form-group:only-child label.radio, .form-items .item .form-group:only-child label.checkbox {
    display: block;
}