@CHARSET "UTF-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    box-sizing:border-box;
}
* {
    /*-webkit-overflow-scrolling : touch;*/
}
body {
    line-height:1;
    font: 32px "Microsoft YaHei";
}

.body_fixed {
    position: fixed;
}

:focus {
    outline: 0;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
    display:block;
}

ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

i {
    font-style: normal;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

.ico_close {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTZweCIgaGVpZ2h0PSI5NnB4IiB2aWV3Qm94PSIwIDAgOTYgOTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIGlkPSLngrnljZXpppbpobUtM+S4qumAiemhuemdnumFkiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzMDQuMDAwMDAwLCAtNDM4LjAwMDAwMCkiPg0KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzMDQuMDAwMDAwLCA0MzguMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC01IiBmaWxsPSIjOTk5OTk5IiBjeD0iNDgiIGN5PSI0OCIgcj0iNDgiPjwvY2lyY2xlPg0KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNS4zNzA1NjI3LDQ2Ljk3MDU2MjcgTDcwLjk3MDU2MjcsNDYuOTcwNTYyNyIgaWQ9IkxpbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSI0LjYwOCIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDguMTcwNTYzLCA0Ni45NzA1NjMpIHNjYWxlKDEsIC0xKSByb3RhdGUoNDUuMDAwMDAwKSB0cmFuc2xhdGUoLTQ4LjE3MDU2MywgLTQ2Ljk3MDU2MykgIj48L3BhdGg+DQogICAgICAgICAgICAgICAgPHBhdGggZD0iTTQ4LjE3MDU2MjcsMjQuMTcwNTYyNyBMNDguMTcwNTYyNyw2OS43NzA1NjI3IiBpZD0iTGluZS1Db3B5LTIiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSI0LjYwOCIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDguMTcwNTYzLCA0Ni45NzA1NjMpIHNjYWxlKDEsIC0xKSByb3RhdGUoNDUuMDAwMDAwKSB0cmFuc2xhdGUoLTQ4LjE3MDU2MywgLTQ2Ljk3MDU2MykgIj48L3BhdGg+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4NCg==) 0 0 no-repeat;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
}

/* 简单的栅格系统 */
/* https://www.cnblogs.com/binmengxue/p/6094752.html */
.h5-container{
	width: 100%;
}
.h5-container *{ 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.h5-row::before, .h5-row::after{
    content: '';
    display: block;
    visibility: hidden;
    clear: both;
    zoom: 1;
}
[class*='h5-col-']{
    float: left;
    padding: 1%;
}
.h5-col-1{
    width: 8.33%;
}
.h5-col-2{
    width: 16.66%;
}
.h5-col-3{
    width: 25%;
}
.h5-col-4{
    width: 33.33%;
}
.h5-col-5{
    width: 41.66%;
}
.h5-col-6{
    width: 50%;
}
.h5-col-7{
    width: 58.33%;
}
.h5-col-8{
    width: 66.66%;
}
.h5-col-9{
    width: 75%;
}
.h5-col-10{
    width: 83.33%;
}
.h5-col-11{
    width: 91.66%;
}
.h5-col-12{
    width: 100%;
}

.NoUnderlineA {
	text-decoration: none
}

.AutoWrapWord {
	word-break: normal;
	width: auto;
	display: block;
	white-space: pre-wrap;
	word-wrap: break-word;
	overflow: hidden;
}

.none {
    display: none !important;
}

.unvisible {
    visibility: hidden;
}

body.body_grey {
    background-color: #f3f1f1;
}

.ui-loader-verbose {
    background-color: transparent;
}

.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
    text-shadow: none;
    background-color: #ffffff;
}

.ui-bar-a, .ui-page-theme-a .ui-btn, .ui-page-theme-a .ui-body-inherit, html .ui-body-a .ui-body-inherit, .ui-page-theme-a .ui-bar-inherit, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn, html body .ui-group-theme-a .ui-btn, html head + body .ui-btn.ui-btn-a, .ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head + body .ui-btn.ui-btn-a:visited {
    text-shadow: none;
}

.ui-page-theme-a a:visited, html .ui-bar-a a:visited, html .ui-body-a a:visited, html body .ui-group-theme-a a:visited {
    color: rgba(255,138,32, .7);
}

.ui-page-theme-a a:hover, html .ui-bar-a a:hover, html .ui-body-a a:hover, html body .ui-group-theme-a a:hover {
    color: rgba(255,138,32, .7);
}


.warp_text {
	white-space:pre-wrap ! important;
	word-break:break-word ! important;
}

.text_black {
    color: #000000;
}


.NoRepeatBackGroundImg {
	background-repeat: no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;}


.loadEffect{
    width: 300px;
    height: 500px;
    position: relative;
    margin: 0 auto;
}

.ui-loader {
    border-width: 0;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.ui-loader-verbose {
    width: auto;
    margin-left: 0;
    margin-top: 0;
}

.loadEffect img {
    width: 100%;
    height: auto;
}


.ico_back {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0i5p+l55yL6LSt54mp6L2m5rKh5LyY5oOg5Yi4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDguMDAwMDAwLCAtMzMwLjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPg0KICAgICAgICAgICAgPHBhdGggZD0iTTk4LDQzMCBDNzAuMzgzODkxOCw0MzAgNDgsNDA3LjYxMjczNiA0OCwzODAuMDA3NTMzIEM0OCwzNTIuMzg3MjY0IDcwLjM4Mzg5MTgsMzMwIDk4LDMzMCBDMTI1LjYxNjEwOCwzMzAgMTQ4LDM1Mi4zODcyNjQgMTQ4LDM4MC4wMDc1MzMgQzE0OCw0MDcuNjI3ODAzIDEyNS42MDEwNDQsNDMwIDk4LDQzMCBaIE05OCwzMzYuMjQ3MjY3IEM3My44Mzc5MjYyLDMzNi4yNDcyNjcgNTQuMjYwNjU1NSwzNTUuODQxODE5IDU0LjI2MDY1NTUsMzc5Ljk5MjQ2NyBDNTQuMjYwNjU1NSw0MDQuMTU5MSA3My44NTIyNTYsNDIzLjczODQwMSA5OCw0MjMuNzM4NDAxIEMxMjIuMTYyMjU3LDQyMy43Mzg0MDEgMTQxLjczODYxLDQwNC4xNDQwMzMgMTQxLjczODYxLDM3OS45OTI0NjcgQzE0MS43Mzg2MSwzNTUuODQxODE5IDEyMi4xNDc5MjgsMzM2LjI0NzI2NyA5OCwzMzYuMjQ3MjY3IFogTTExOS44NjkzMDUsMzgzLjEyNDAwMSBMODYuNzg2MTkxOSwzODMuMTI0MDAxIEw5OS42NjA2MDQxLDM5Ni4wMDAzNTMgQzEwMC44ODA2NTgsMzk3LjIyMDU5MSAxMDAuODgwNjU4LDM5OS4yMDUyMDEgOTkuNjYwNjA0MSw0MDAuNDI1MjU1IEM5OC40NDA3MzM0LDQwMS42NDU0OTMgOTYuNDU3MTU3Niw0MDEuNjQ1NDkzIDk1LjIzNzEwMzIsNDAwLjQyNTI1NSBMNzcuNTcxMDI0NCwzODIuNzQxNDQ4IEM3Ni44MjEwOTc5LDM4MS45OTIxNDMgNzYuNTg2NDkzMiwzODAuOTYyODE0IDc2Ljc2MjMwODksMzc5Ljk5MjQ2NyBDNzYuNTg2NDkzMiwzNzkuMDIyODU0IDc2LjgyMTA5NzksMzc3Ljk5MzUyNSA3Ny41NzEwMjQ0LDM3Ny4yNDQyMiBMOTUuMjUxNDMzLDM1OS41NjA0MTMgQzk2LjQ3MTQ4NzQsMzU4LjM0MDE3NSA5OC40NTU3OTgxLDM1OC4zNDAxNzUgOTkuNjc1NjY4NywzNTkuNTYwNDEzIEMxMDAuODk1NzIzLDM2MC43ODA2NTEgMTAwLjg5NTcyMywzNjIuNzY1MDc3IDk5LjY3NTY2ODcsMzYzLjk4NTMxNSBMODYuODAwNTIxOCwzNzYuODYxNjY3IEwxMTkuODY5MzA1LDM3Ni44NjE2NjcgQzEyMS41ODg4ODIsMzc2Ljg2MTY2NyAxMjIuOTk5NjMzLDM3OC4yNTg0ODMgMTIyLjk5OTYzMywzNzkuOTkyNDY3IEMxMjIuOTg1MzAzLDM4MS43MjczNjkgMTIxLjU4ODg4MiwzODMuMTI0MDAxIDExOS44NjkzMDUsMzgzLjEyNDAwMSBaIiBpZD0iZmFuaHVpIj48L3BhdGg+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=) 0 0 no-repeat;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    width: 50px;
    height: 50px;
    position: absolute;
    top:  50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 28px;
}

/*通用titlebar*/
.ui-page-theme-a .title_bar {
    background-color: #e83e44;
    height: 90px;
    line-height: 90px;
    font-size: 36px;
    color: #ffffff;
    text-align: center;
}

.ui-page-theme-a .title_bar .header_detail {
    position: relative;
}

.ui-page-theme-a .title_bar .header_detail .btn_header_right {
    color: #ffffff;
    font-size: 32px;
    position: absolute;
    right: 33px;
    bottom: 0;
    top: 0;
}

.ui-content {
    padding-bottom: 50px;
}

body.body_full_page {
    min-height: 100%;
    position: relative;
}

html .ui-bar-a.comm_footer{
    width: 100%;
    background-color: transparent;
    border-width: 0;
    position: absolute;
    bottom: 0;
    z-index: 100;
}

html .ui-bar-a.comm_footer .ui-btn.btn_save {
    width: 400px;
    height: 80px;
    line-height: 80px;
    color: #ffffff;
    text-align: center;
    font-size: 32px;
    margin: 0 auto 150px;
    background-color: #e83e44;
    display: block;
    padding: 0;
    border-radius: 5px;
}

.btn_common {
    width: 400px;
    height: 80px;
    line-height: 80px;
    color: #ffffff;
    text-align: center;
    font-size: 32px;
    border-radius: 5px;
    background-color: #e83e44;
    margin: 0 auto;
}

.btn_common.disabled {
    background-color: #979797;
    color: #ffffff;
    pointer-events: none;
}

/***弹出层***/
.popup_wrapper {position: absolute; top: 0; bottom:0; left:0; right: 0; overflow: auto;}
.popup_common {position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, .7); z-index: 1000;text-shadow: none;display: none;}
.popup_comm_inside {position: absolute; left: 0; top: 0; bottom: 0; right: 0; overflow: hidden;  display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center;}
.popup_comm_content {background-color: #ffffff; position: relative; width: 10.92rem; height: auto;border-radius: 0.213rem;}
.popup_comm_content .popup_common_title {text-align: center; font-size: 32px; font-weight: 700; color: #4a4a4a;padding: 40px;}
.popup_comm_content .popup_comm_content_text {font-size: 32px; color: #999999;padding: 0 40px 20px;}

.popup_btn_box {
    display: -webkit-box;
    font-size: 32px;
    color: #ffffff;
}

.pop_up_button {
    -webkit-box-flex: 1;
    background-color: #e83e44;
    text-align: center;
    height: 90px;
    line-height: 90px;
}
/**nav**/
.ui-navbar ul.ui-grid-a {
    margin: 0 25px;
}

.ui-navbar .navbar_item.li_active::after {
    content: '';
    width: 90px;
    height: 5.5px;
    background-color: #e83e44;
    display: block;
    margin: 0 auto;
}

.ui-page-theme-a {
    background-color: transparent;
}

.ui-page-theme-a .navbar_item .ui-btn {
    background-color: transparent;
    font-size: 32px;
    border-width: 0;
}

.ui-page-theme-a .ui-btn.ui-btn-active {
    background-color: transparent;
    color: #000000;
    border-width: 0;
    box-shadow: none!important;
}


.ui-page-theme-a .div_to_strip {
    height: 5.5px;
    background-color: #e83e44;
    width: 90px;
    text-align: center;
    z-index: 999;
}

.arrow_right {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-top: 1px #9b9b9b solid;
    border-right: 1px #9b9b9b solid;
    -webkit-transform:rotate(45deg);
}



