@charset "UTF-8";
/*复选框被选中后的颜色*/
/*边框默认颜色*/
/*底部导航的高度*/
/*图标颜色*/
/*$icon-color: #A2A2A2;*/
/*面包屑*/
/*手机网站的块标题*/
/*sui 中panel-overlay的背景颜色*/
/*sui 中panel的背景颜色*/
/**
* 一行文本超出后面加省略号
*/
/**
* 创建分隔行
*/
/**
* 创建边框
*/
/**
* 设置父容器的布局为flex
*/
/**
* 设置父容器的布局为flex，并且子容器水平居中
*/
/**
* 设置父容器的布局为flex，并且子容器垂直居中对齐
*/
/**
* 设置父容器的布局为flex，并且子容器水平居中和垂直居中对齐
*/
/**
* 设置父容器的布局为flex，并且子容器左对齐和垂直居中对齐
*/
/**
* 设置父容器的布局为flex，并且子容器两端对齐和垂直居中对齐
*/
/** ============== 整体布局设置 ============== **/
html,
body {
	font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei";
}
::-webkit-scrollbar {width: 0px;height: 0px;}                        
::-webkit-scrollbar-track,::-webkit-scrollbar-thumb {border-radius: 999px;border:0px solid transparent;}
::-webkit-scrollbar-track {box-shadow: 1px 1px 5px rgba(100,100,100,.2) inset;}
::-webkit-scrollbar-thumb {min-height: 20px;background-clip: content-box;box-shadow: 0 0 0 5px rgba(100,100,100,.5) inset;}
::-webkit-scrollbar-corner {background:;transparent}
/** ============== 整体布局设置 ============== **/
/** ============== 覆盖SUI中的样式 ============== **/
.fa {
	color: #9E9E9E;
}

.page,
.page-group,
.popup {
	/*background-color: #F5F8FD;*/
	background-color: #F5F8FD;
}

.bar-tab .tab-item.active {
	color: #0b6ee4;
}

.list-block {
	margin: 0.8rem 0;
  /*.item-inner:after {
        background: none;
    }
    li:not(:last-child) .item-inner {
        border-bottom: 1px solid #e7e7e7;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }*/
}

.header{
	width:100%;
	height:2.5rem;
	line-height: 2.5rem;
	background: #0b6ee4;
    text-align: center;
    color: #fff;
	/* background-image: url('/application/agent/static/images/logo.png');background-repeat:no-repeat; 
	background-size:100% 100%;
	-moz-background-size:100% 100%; */
}
.header_title{
	width:100%;
	height:2.5rem;
	line-height:2.5rem;
}
.search{
	height: 2.5rem;
    width: 100px;
    position: absolute;
    right: 0;
    font-size: 12px;
    top: 0;
}
.list-block ul:before,
.list-block ul:after {
	background-color: transparent;
}

.list-block li:first-child {
	/* border-top: 1px solid #e5e5e5; */
	line-height: 45px;
}

.list-block li:last-child {
	/* border-bottom: 1px solid #e5e5e5; */
	line-height: 45px;
}

.list-block .item-inner:after {
	z-index: 25;
}

.list-block .item-input input {
	font-size: 0.75rem;
}

/*@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .list-block li:not(:last-child) .item-inner {
        border-bottom: 0.5px solid #e7e7e7;
    }
}*/
.list-block.media-list .item-title {
	font-weight: normal;
}

.list-block .item-link.active-state,
html:not(.watch-active-state) .list-block .item-link:active {
	background-color: #eee;
}

html:not(.watch-active-state) label.label-checkbox:active,
label.label-checkbox.active-state {
	background-color: #fafafa;
}

label.label-checkbox input[type=checkbox]:checked + .item-media i.icon-form-checkbox,
label.label-checkbox input[type=radio]:checked + .item-media i.icon-form-checkbox {
	background: none;
	border: 1px solid #0b6ee4;
}

.label-switch input[type=checkbox]:checked + .checkbox {
	background: #0b6ee4;
}

.button {
	height: 2.5rem;
	font-size: 0.8rem;
}

.button.button-fill {
	background: #0b6ee4;
	line-height: 2.5rem;
}

.buttons-tab .button.active {
	color: #0b6ee4;
	border-color: #0b6ee4;
}

.button.button-danger.button-fill {
	background-color: #f6383a;
}

.bar {
	padding: 0;
	height: auto;
	z-index: 22;
}

.bar .button {
	position: static;
	top: 0;
	z-index: inherit;
	margin-top: 0;
	font-weight: normal;
}

.picker-modal .bar {
	z-index: 10;
	height: 2.2rem;
	padding-right: .5rem;
	padding-left: .5rem;
}

.picker-modal .bar .button {
	position: relative;
	z-index: 20;
	font-weight: 400;
}

/** ============== 覆盖SUI中的样式 ============== **/
/** ============== 基于SUI中的样式组件定义 ============== **/
.bar-nav.bar-nav-higher .button-link {
	height: 2.6rem;
	line-height: 2.6rem;
	padding-left: 0.6rem;
	position: relative;
}

.bar-nav.bar-nav-higher .button-link img {
	height: 2.04rem;
	margin: 0.28rem 0;
}

.bar-nav.bar-nav-higher .title {
	line-height: 2.6rem;
}

.bar-nav.bar-nav-higher .title.text-left {
    /*padding-left: 3.6rem;*/
	padding-left: 3.2rem;
}

.bar-nav.bar-nav-higher .bar-nav-ricon {
	margin: 0.4rem 0.4rem;
	width: 1.8rem;
	height: 1.8rem;
	line-height: 1.8rem;
	border-radius: 50%;
	text-align: center;
	background-color: #0b6ee4;
	color: white;
	cursor: pointer;
}

.bar-nav.bar-nav-higher .bar-nav-ricon .icon {
	padding: 0;
}

.bar-nav.bar-nav-higher ~ .content, .bar-nav.bar-nav-higher ~ form .content {
	top: 2.4rem;
}

.bar-nav.bar-nav-higher.bar-nav-higher-flat {
	background-color: #0b6ee4;
}

.bar-nav.bar-nav-higher.bar-nav-higher-flat:after {
	display: none;
}

.bar-nav.bar-nav-higher.bar-nav-higher-flat .title {
	color: white;
}

.bar-tab.bar-tab-flat .tab-item:first-child {
	position: absolute;
	display: inline-block;
	height: 2.5rem;
	width: 2.5rem;
	line-height: 2.5rem;
	color: white;
	background-color: #0b6ee4;
	border-radius: 40% 40% 50% 40%;
	top: -30%;
	z-index: 100;
	left: 1rem;
  /*box-shadow: 0.1rem 0 0.1rem 0.1rem #f4f4f4;*/
}

.bar-tab.bar-tab-flat .tab-item:first-child span {
	position: relative;
	top: -0.1rem;
}

.bar-tab.bar-tab-flat span.tab-item {
	width: 0.7%;
}

.list-no-margin {
	margin: 0;
}

.list-no-margin-top {
	margin-top: 0;
}

.list-no-margin-bottom {
	margin-bottom: 0;
}

.list-no-border ul li:first-child, .list-block-transparent ul li:first-child {
	border-top: none;
}

.list-no-border ul li:last-child, .list-block-transparent ul li:last-child {
	/* border-bottom: none; */
}

.list-block-transparent {
	background-color: transparent;
}

.list-block-transparent ul {
	background-color: transparent;
}

.button-block {
	display: block;
	width: 100%;
}

.button.button-sm {
	height: 2rem;
	line-height: 2rem;
	font-size: 0.7rem;
}

.bar-footer.hidden ~ .content {
	bottom: 0;
}

.item-upload .item-link .item-inner {
	background: none;
	padding-right: 0.75rem;
}

.item-upload .item-link .item-inner .item-after {
	font-size: 0.9em;
}

.item-upload .item-link .item-inner i {
	color: #0b6ee4;
}

.item-upload .card {
	margin: 0;
	border-radius: 0;
	box-shadow: none;
	overflow: hidden;
}

.item-upload .card .card-content {
	padding: 0.5rem 0;
	min-height: 4rem;
	justify-content: center;
	align-items: center;
    /* for uc */
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: -webkit-flex;
	display: flex;
}

.item-upload .card img {
	max-height: 12rem;
	max-width: 100%;
	display: none;
}

.item-upload .card img.loaded {
	display: block;
}

.item-upload .card img.loaded + .preloader {
	display: none;
}

.item-upload:not(:last-child) .card {
	/* border-bottom: 1px solid #e7e7e7; */
}

.item-include-extra .badge {
	background-color: #0b6ee4;
	color: white;
}

.item-include-extra .item-content-extra {
	text-align: center;
	display: none;
}

.item-include-extra .item-content-extra .row {
	padding: 0.4rem 0;
/*     border-bottom: 1px solid #e7e7e7;  */
}

.item-include-extra .item-content-extra .row > [class*=col-] {
	padding: 0.2rem 0;
	font-size: 0.75rem;
}

.item-include-extra .item-content-extra .row > [class*=col-]:nth-child(2n) {
	border-right: none;
}

.item-include-extra .item-content-extra .list-block {
	padding: 0;
	margin: 0;
}

.item-include-extra .item-content-extra .list-block ul {
	margin: 0;
	padding-left: 0;
	font-size: 0.73rem;
	color: #999;
}

.item-include-extra .item-content-extra .list-block .item-inner {
	background: none;
}

.bar-search {
	padding: 0 0.5rem;
}

.tab.pull-to-refresh-content {
	margin-top: -2.2rem;
}

.list-block input:disabled {
	color: #999;
}

.list-block .item-after button.button-item-after {
	height: 1.4rem;
	line-height: 1.4rem;
}

.list-block .item-after button.button-item-after[disabled] {
	color: #f6383a;
	border-color: #f6383a;
}

.list-block .list-footer-tips {
	font-size: 0.7rem;
	text-align: right;
	height: 2rem;
	line-height: 2rem;
	padding: 0 .75rem;
	color: #999;
	overflow: hidden;
}

.list-block .list-footer-tips i.fa {
	margin-right: 0.3rem;
}

.list-block .list-item-tips .item-inner {
	padding: 0.6rem 0.75rem 0.6rem 0.2rem;
}

.list-block .list-item-tips .tips-tit {
	color: #999;
	margin: 0;
	font-size: 0.68rem;
	letter-spacing: 0.9px;
}

.list-block .list-item-tips .button {
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: 0.7rem;
}

.list-block .item-after.item-after-tips {
	color: #b3b3b3;
	padding-right: 0.4rem;
	font-size: 0.9em;
}

.list-block.list-addr {
	margin: 0;
}

.list-block.list-addr .item-link .item-inner {
	background: none;
}

.list-block .item-content .card img {
	max-width: 100%;
}

.list-block.list-text .item-inner {
	background: none;
	padding-right: .75rem;
}

.list-block.list-text .item-text {
	height: auto;
	color: #999;
	font-size: 0.7rem;
}

.list-block.list-addr-item {
	margin: 0;
}

.list-block.list-addr-item ul {
	padding-left: 0;
}

.list-block.list-addr-item .item-inner {
	background: none;
}

.list-block.list-addr-item .item-text {
	height: auto;
	color: #999;
	font-size: 0.7rem;
}

.list-block.list-exp-info .item-content .item-handle {
	padding-right: 0.75rem;
}

.list-block.list-exp-info .item-content .item-handle .item-after {
	max-width: none;
}

.list-block.list-exp-info .item-content .item-handle span {
	padding-left: 0.6rem;
}

.list-block.media-list .item-text.item-long-text {
	height: auto;
	overflow: auto;
	display: block;
	padding: 0.6rem 0.3rem;
}

.list-block .item-with-ricon .item-inner {
	background: none;
	/* padding-right: .75rem; */
}

.list-block .item-with-ricon .item-after:last-of-type span, .list-block .item-with-ricon .item-after:last-of-type i.fa {
	color: #0b6ee4;
	font-size: 0.75rem;
}

.list-block .item-with-ricon .item-after:last-of-type i.fa {
	font-size: 1rem;
	position: relative;
	top: 0.1rem;
}

.list-block.list-block-3col .item-content {
	padding-left: 0.65rem;
}

.list-block.list-block-3col .item-content .item-inner {
	padding-right: 0.65rem;
}

.list-block.list-block-3col .item-title {
	width: 27%;
	font-size: 0.8rem;
	color: #4A4A4A;
}

.list-block.list-block-3col .item-input {
	font-size: 0.68rem;
	color: #494949;
}

.list-block.list-block-3col .item-input h4 {
	margin-top: 0;
	margin-bottom: 0.2rem;
}

.list-block.list-block-3col .item-input h4 span {
	color: #0b6ee4;
	font-size: 1.4em;
	padding: 0 0.2rem;
}

.list-block.list-block-3col .item-input p {
	margin: 0;
}

.list-block.list-block-3col .item-tag {
	display: inline-block;
	font-size: 0.65rem;
	border: 1px solid #0b6ee4;
	color: #0b6ee4;
	border-radius: 0.2rem;
	height: 1.3rem;
	line-height: 1.3rem;
	padding: 0 0.4rem;
}

.list-block.list-block-3col .item-tag.item-tag-danger {
	color: #f6383a;
	border-color: #f6383a;
}

.list-block.list-block-3col .item-img {
	width: 3rem;
	height: 3rem;
	background-color: #0b6ee4;
	border-radius: 50%;
	text-align: center;
	justify-content: center;
	align-items: center;
  /* for uc */
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: -webkit-flex;
	display: flex;
	-webkit-box-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.075);
	box-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.075);
	overflow: auto;
	margin-bottom: 0.2rem;
}

.list-block.list-block-3col .item-img img {
	max-width: 65%;
	margin: auto;
}

.list-block.list-block-3col .item-button {
	height: 1.3rem;
	line-height: 1.3rem;
	background-color: #0b6ee4;
	color: white;
	border-color: #0b6ee4;
}

.list-block.list-block-3col .item-button.item-button-danger {
	background-color: #f6383a;
	border-color: #f6383a;
}

.list-block.list-align-right .item-input input, .list-block.list-align-right .item-input textarea {
	text-align: right;
}

.item-input-carnum {
	justify-content: center;
	align-items: center;
  /* for uc */
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: -webkit-flex;
	display: flex;
}

.item-input-carnum .span-select-pro {
	padding-right: 0.5rem;
	padding-left: 0.25rem;
}

.item-input-carnum .span-select-pro > span {
	color: #0b6ee4;
	padding-right: 0.4rem;
}

.item-input-carnum .span-select-pro i {
	font-size: 0.65rem;
}

.popup .card-content-inner p {
	text-indent: 2em;
	margin: 0 0 0.3rem 0;
	font-size: 0.71rem;
}

.popup .card-content-inner p span {
	font-size: 1.1em;
	color: black;
	font-weight: bold;
}

.toast-long {
	height: auto;
	line-height: 1.2rem;
	padding: 0.8rem;
	width: 90%;
	margin-left: -45% !important;
}

.card.card-include-img .card-content .card-content-inner img {
	max-width: 100% !important;
	height: auto !important;
}

.panel-overlay {
	background-color: rgba(0, 0, 0, 0.4);
  /*opacity: 1;*/
}

.panel-overlay ~ .panel .panel-bg {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	overflow: hidden;
}

.panel-overlay ~ .panel .panel-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.panel-overlay ~ .panel .panel-list .item-content {
	overflow: hidden;
	padding-left: 1.6rem;
	height: 2rem;
	line-height: 2rem;
	font-size: 0.75rem;
}

.panel-overlay ~ .panel .panel-list .item-content .item-icon {
	float: left;
	width: 2rem;
}

.panel-overlay ~ .panel .panel-list .item-content .item-text {
	color: rgba(255, 255, 255, 0.6);
	position: relative;
}

.panel-overlay ~ .panel .panel-list .item-content:nth-child(1) .item-icon i {
	color: #0b6ee4;
}

.panel-overlay ~ .panel .panel-list .item-content:nth-child(2) .item-icon i {
	color: #f8d347;
}

.panel-overlay ~ .panel .panel-list .item-content:nth-child(3) .item-icon i {
	color: red;
}

.panel-overlay ~ .panel .panel-list .item-content:nth-child(4) .item-icon i {
	color: #6ccac9;
}

.panel-overlay ~ .panel .panel-list .item-content:nth-child(5) .item-icon i {
	color: #57c8f2;
}

.panel-overlay ~ .panel .panel-list .item-content:nth-child(6) .item-icon i {
	color: #ff6c60;
}

.panel-overlay ~ .panel.panel-flat {
	background-color: #3B3D45;
}

.panel-overlay ~ .panel.panel-flat .panel-bg {
	display: none;
}

.panel-overlay ~ .panel.panel-flat .panel-list .item-content .item-text {
	color: white;
}

.pagination-nav ul.pagination {
	margin: 0;
	padding: 0 0.3rem;
	list-style: none;
	overflow: hidden;
	text-align: center;
}

.pagination-nav ul.pagination li {
	display: inline-block;
	margin: 0.2rem;
}

.pagination-nav ul.pagination li a.button {
	height: 1.35rem;
	font-size: .7rem;
	border-radius: 0;
	border-color: #767676;
}

.pagination-nav ul.pagination li a.button:active {
	outline: 0;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	background-color: whitesmoke;
}

/** ============== 基于SUI中的样式组件定义 ============== **/
/** ============== 公共样式定义 ============== **/
.padding {
	padding: 0.5rem;
}

.text-emph {
	color: #f60;
}

.text-center {
	text-align: center !important;
}

.text-left {
	text-align: left;
}

.color-theme {
	color: #0b6ee4 !important;
}

.toUpperCase {
	text-transform: uppercase;
}

.bg-theme {
	background-color: #0b6ee4 !important;
	color: white;
}

.hidden {
	display: none !important;
}

.no-border-radius {
	border-radius: 0;
}

/* 分割线 */
.separator-page-bg {
	background-color: #f4f4f4;
}

.separator-0-4 {
	display: block;
	width: 100%;
	height: 0.4rem;
}

.separator-1 {
	display: block;
	width: 100%;
	height: 1rem;
}

.separator-2 {
	display: block;
	width: 100%;
	height: 2rem;
}

.separator-3 {
	display: block;
	width: 100%;
	height: 3rem;
}

.separator-4 {
	display: block;
	width: 100%;
	height: 4rem;
}

/** ============== 公共样式定义 ============== **/
/** ============== 公共的逻辑样式定义 ============== **/
.loading span {
	display: inline-block;
	width: 0.4rem;
	height: 2rem;
	margin: 0 0.1rem;
	border-radius: 0.1rem;
	background: lightgreen;
	-webkit-animation: load 1.04s ease infinite;
}

@-webkit-keyframes load {
	0%, 100% {
		height: 1.2rem;
		background: lightgreen;
	}

	50% {
		height: 2.8rem;
		margin-top: -1rem;
		background: lightblue;
	}
}

.loading span:nth-child(2) {
	-webkit-animation-delay: 0.13s;
}

.loading span:nth-child(3) {
	-webkit-animation-delay: 0.26s;
}

.loading span:nth-child(4) {
	-webkit-animation-delay: 0.39s;
}

.loading span:nth-child(5) {
	-webkit-animation-delay: 0.52s;
}

/*.loading span{
    display: inline-block;
    width: 0.9rem;
    height: 0.9rem;
    margin-right: 0.3rem;
    background: lightgreen;
    -webkit-transform-origin: right bottom;
    -webkit-animation: load 1s ease infinite;
}
.loading span:last-child{
    margin-right: 0;
}
@-webkit-keyframes load{
    0%{
        opacity: 1;
        -webkit-transform: scale(1);
    }
    100%{
        opacity: 0;
        -webkit-transform: rotate(90deg) scale(.3);
    }
}
.loading span:nth-child(1){
    -webkit-animation-delay:0.13s;
}
.loading span:nth-child(2){
    -webkit-animation-delay:0.26s;
}
.loading span:nth-child(3){
    -webkit-animation-delay:0.39s;
}
.loading span:nth-child(4){
    -webkit-animation-delay:0.52s;
}
.loading span:nth-child(5){
    -webkit-animation-delay:0.65s;
}*/
.breadcrumb {
	padding: 0.3rem 0.8rem;
	margin: 0;
	list-style: none;
	background-color: #e1e1e1;
	font-size: 0;
	overflow: hidden;
}

.breadcrumb > li {
	display: inline-block;
	font-size: 0.7rem;
	white-space: normal;
	word-break: break-all;
}

.breadcrumb > li > a {
	color: inherit;
}

.breadcrumb > li h1, .breadcrumb > li h2, .breadcrumb > li h3 {
	font-size: 0.7rem;
	display: inline-block;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.span-icon {
	width: 1.2rem;
	height: 1.2rem;
	line-height: 1.2rem;
	background-color: #0b6ee4;
	color: white;
	display: inline-block;
	text-align: center;
	border-radius: 50%;
}

.block-title {
	/* padding: 0.5rem 0.65rem;
    font-size: 0.75rem;
    background: #EBEFF2; */
	padding: 0.6rem 10px;
    font-size: 16px;
    background: #EBEFF2;
}

.block-title .span-icon {
	margin-left: 0.3rem;
}

.block-title-wap {
	font-size: 0.7rem;
	padding: 0.3rem 0.8rem;
	background-color: #e1e1e1;
	position: relative;
}

.block-title-wap .fa {
	color: #0b6ee4;
	font-size: 1.5em;
	width: 2rem;
	position: absolute;
	top: 0.2rem;
}

.block-title-wap .title-content {
	display: inline-block;
	font-weight: normal;
	margin: 0;
	padding-left: 1.5rem;
}

.block-order-status {
	padding: .5rem 0;
	text-align: center;
	background-color: white;
}

.block-order-status p {
	margin: 0;
	color: #0b6ee4;
}

.list-block-tips {
	background-color: white;
	padding: 0.3rem;
	color: #999;
	font-size: 0.7rem;
}

.list-block-tips ul, .list-block-tips li {
	margin: 0;
	padding: 0;
}

.list-block-tips ul {
	padding-left: 1.5rem;
}

.list-block-tips li {
	padding: 0.2rem 0;
}

.list-block-content {
	background-color: white;
	padding: 0.5rem;
}

.list-block-content p {
	margin: 0;
	line-height: 1.5;
	font-size: 0.77rem;
	color: #999;
}

.tips {
	color: #999;
	font-size: 0.7rem;
	margin: 0.4rem;
}

.tips-question {
	display: inline-block;
	width: 1.2rem;
	height: 1.2rem;
	line-height: 1.2rem;
	position: absolute;
	right: 0.4rem;
	top: 0.6rem;
	color: #999;
	border-radius: 100%;
	border: 2px solid #999;
	font-style: normal;
	text-align: center;
	font-size: 0.8rem;
}

.modal-tips {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 100;
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s ease-in;
  /*放置图片的modal*/
  /*放置card的modol*/
}

.modal-tips.active {
	visibility: visible;
	opacity: 1;
}

.modal-tips .container {
	width: 100%;
	height: 100%;
}

.modal-tips .container.container-img {
	justify-content: center;
	align-items: center;
    /* for uc */
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: -webkit-flex;
	display: flex;
	position: relative;
	padding: 0 0.2rem;
	overflow: auto;
    /*img.failed {
            display: none;
        }*/
}

.modal-tips .container.container-img img {
	max-width: 100%;
	display: none;
}

.modal-tips .container.container-img img.loaded {
	display: block;
	background: #fff;
}

.modal-tips .container.container-img img.loaded + .preloader {
	display: none;
}

.modal-tips .container.container-img .preloader {
	display: block;
}

.modal-tips .container.container-img .img-title {
	background-color: rgba(0, 0, 0, 0.5);
	color: white;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2.8rem;
	line-height: 2.8rem;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 0.4rem;
}

.modal-tips .container.container-card {
	justify-content: center;
	align-items: center;
    /* for uc */
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: -webkit-flex;
	display: flex;
}

.modal-tips .container.container-card .card-header {
	font-size: 0.82rem;
}

.modal-tips .container.container-card .card-content div {
	color: #5f646e;
}

.modal-tips .container.container-card .card-footer {
	color: #999;
}

.modal-tips .container.container-card .card-footer p {
	text-indent: 2rem;
	margin: 0;
	padding: 0;
}

.modal-tips.modal-tips-effect-1 {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.modal-tips.modal-tips-effect-1 .container {
	color: #fff;
	background: #e74c3c;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-70deg);
	-moz-transform: rotateY(-70deg);
	-ms-transform: rotateY(-70deg);
	transform: rotateY(-70deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}

.modal-tips.modal-tips-effect-1.active .container {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
	opacity: 1;
}

.block-tips {
	background-color: white;
	padding: 0.7rem 0.7rem;
}

.block-tips p {
	margin: 0;
	font-size: 0.8rem;
}

.full-tips {
	color: #999;
	width: 100%;
	min-height: 20rem;
	justify-content: center;
	align-items: center;
  /* for uc */
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: -webkit-flex;
	display: flex;
	font-size: 0.7rem;
	position: absolute;
	top: 2rem;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 30;
	background: #f4f4f4;
}

.full-tips.full-tips-top {
	top: 0;
}

.page-icon-nav {
	position: fixed;
	right: 0.8rem;
	bottom: 1rem;
  /* padding: 0.3rem 0.6rem; */
	width: 2.6rem;
	height: 2.6rem;
	line-height: 2.6rem;
	text-align: center;
	border-radius: 50%;
	z-index: 100;
	box-shadow: 0.03rem 0.04rem 0.3rem 0.01rem #0b6ee4;
	background-color: #0b6ee4;
}

.page-icon-nav a {
	display: block;
	width: inherit;
	height: inherit;
	justify-content: center;
	align-items: center;
    /* for uc */
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: -webkit-flex;
	display: flex;
	padding: 13% 0;
}

.page-icon-nav img {
	max-width: 74%;
}

/**
* 步骤 记录样式
**/
.step-container {
	background-color: white;
	padding: 0.8rem 0;
	overflow: hidden;
}

.step-container .step-lines {
	justify-content: center;
	align-items: center;
    /* for uc */
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: -webkit-flex;
	display: flex;
	padding: 0.6rem 10%;
	overflow: hidden;
}

.step-container .step-lines .step-line {
	height: 0.08rem;
	background-color: #eee;
	width: 100%;
}

.step-container .step-tips {
	font-size: 0.7rem;
	color: #999;
	text-align: center;
	justify-content: center;
	align-items: center;
    /* for uc */
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: -webkit-flex;
	display: flex;
}

.step-container .step-tips > div {
	position: relative;
	width: 20%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.step-container .step-tips > div:after {
	content: '';
	display: inline-block;
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 50%;
	background-color: #eee;
	position: absolute;
	top: -0.95rem;
      /*right: calc(50% - 0.3rem);*/
	right: 42%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.step-container .step-tips > div.active {
	position: relative;
}

.step-container .step-tips > div.active:before {
	content: '';
	position: absolute;
	display: block;
	height: 0.08rem;
	background-color: #0b6ee4;
	width: 100%;
	top: -0.62rem;
	right: 50%;
}

.step-container .step-tips > div.active:after {
	background-color: #0b6ee4;
	width: 0.7rem;
	height: 0.7rem;
	top: -1rem;
        /*right: calc(50% - 0.35rem);*/
	right: 40%;
}

.step-container .step-tips > div.active:first-child:before {
	background-color: transparent;
}

.step-container .step-tips > div.active:last-child:after {
	box-shadow: 0 0 0.1rem 0.1rem #eee;
}

.step-container.step-container-four .step-lines {
	padding: 0.6rem 11%;
}

.step-container.step-container-four .step-tips > div {
	width: 25%;
}

.nav-footer {
	bottom: 0;
	width: 100%;
	padding: 0;
	table-layout: fixed;
	position: absolute;
	right: 0;
	left: 0;
	z-index: 10;
	backface-visibility: hidden;
	background-color: white;
	border-top: 1px solid #e5e5e5;
}

.nav-footer > a {
	display: inline-block;
	width: 100%;
    /*height: $footer-height;
        line-height: $footer-height;*/
	height: 1.8rem;
	line-height: 1.8rem;
	text-align: center;
}

.nav-footer ~ .content {
	bottom: 2.5rem;
}

.nav-footer .bar-footer-declare {
	line-height: 1.5;
}

.nav-footer .bar-footer-declare p {
	color: #3d4145;
	margin-top: 0;
	margin-bottom: 0.3rem;
}

.bar-footer-declare {
	text-align: center;
	font-size: 0.7rem;
}

.bar-footer-declare p {
	margin: 0.5rem 0;
}

.bar-footer-declare p a, .bar-footer-declare p span {
	display: inline-block;
	margin: 0 0.1rem;
	font-size: 1.1em;
}

.page-footer-declare > p {
	color: #999;
	text-align: center;
	font-size: 0.65rem;
}

.page-footer-contact {
	background-color: #484B54;
	color: #CCC;
	text-align: left;
	font-size: 0.65rem;
}

.page-footer-contact ul {
	list-style: none;
	padding: 1rem;
	margin: 0;
}

.page-footer-copyright {
	text-align: center;
	background-color: #3B3D45;
	font-size: 0.7rem;
	color: #999;
	padding: 0.2rem 0;
}

.page-footer-copyright p {
	margin-top: 0;
	margin-bottom: 0.3rem;
}

.page-footer-copyright p:first-of-type {
	color: white;
}

.page-footer-copyright-light {
	text-align: center;
	padding: 2rem 0;
	background-color: white;
}

.page-footer-copyright-light p {
	margin-top: 0;
	margin-bottom: 0.3rem;
	color: rgba(127, 127, 127, 0.5);
	font-size: 0.7rem;
}

.page-footer {
	position: fixed;
	max-width: 640px;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 22;
	background-color: white;
}

.page-footer .row {
	height: 2.8rem;
}

.page-footer .row .col-30 {
	width: 30%;
}

.page-footer p {
	margin: 0;
	width: 100%;
	font-size: 0.78rem;
	max-height: 2.8rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding-left:15px;
}

.page-footer p span {
	font-size: 0.8rem;
	padding-left: 0.2rem;
	color: #ff0000;
}

.page-footer .button {
	border-radius: 0;
	width: 100%;
	height: 2.8rem;
	font-size: 0.78rem;
}

.car-add-tips {
	color: #999;
	font-size: 0.8em;
	margin-bottom: 1rem;
}

.car-add-tips i {
	width: 1.3rem;
	height: 1.3rem;
	line-height: 1.3rem;
	text-align: center;
	border-radius: 100%;
	background-color: #09c;
	color: white;
	margin: 0 0.5rem;
}

.list-label-car {
	margin: 0;
  /*padding: 0.4rem 0.6rem;*/
	padding: 0 !important;
	list-style: none;
	overflow: hidden;
}

.list-label-car li.label-car {
	float: left;
    /*padding: 0.3rem 0.4rem;
        border: 1px solid #bcd;
        font-size: 0.72rem;
        margin: 0.3rem 0 0 0.3rem;*/
	padding: 0.2rem 0.3rem;
	border: 1px solid #bcd;
	font-size: 0.65rem;
	margin: 0.3rem 0 0 0.3rem;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
    /*-webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;*/
}

.list-label-car li.label-car:active, .list-label-car li.label-car.active, .list-label-car li.label-car:focus {
	background-color: #0b6ee4;
	color: white;
	border-color: #0b6ee4;
}

.list-label-car li.label-car:active {
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.block-car-edit {
  /*ul:before {
        background-color: transparent;
    }*/
}

.block-car-edit .row {
	border-bottom: 1px solid #f1f1f1;
	display: flex;
	align-items: center;
    /* for uc */
	display: -webkit-box;
	-webkit-box-align: center;
	    margin: 0 15px;
}
/*开关按钮 START*/
.el-switch,
.el-switch-style,
.el-switch-style:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.el-switch .el-switch-style {
  height: 1.32em;
    right: 5%;
    float: right;
    background: #C0CCDA;
    border-radius: 0.8em;
    display: inline-block;
    position: absolute;
    top: 25%;
    width: 2.6em;
    cursor: pointer;
}
.el-switch .el-switch-style:before {
  display: block;
  content: '';
  height: 1.13em;
  position: absolute;
  width: 1.13em;
  background-color: #fff;
  border-radius: 50%;
  left: 0.1em;
  top: 0.1em;
}
.el-switch > input[type="checkbox"] {
  display: none;
}
.el-switch > input[type="checkbox"][disabled] + .el-switch-style {
  cursor: not-allowed;
  background-color: #D3DCE6;
}
.el-switch > input[type="checkbox"]:checked + .el-switch-style {
  background-color: #0b6ee4;
}
.el-switch > input[type="checkbox"]:checked + .el-switch-style:before {
  left: 50%;
}
.el-switch > input[type="checkbox"]:checked[disabled] + .el-switch-style {
  background-color: #b0d7f5;
}
/*开关按钮 END*/
/*选择类型*/
.car_type{
	width: 55px;
	height: 2.15rem;
	display: inline-block;
	float: right;
}
.car_holders{
	width: 55px;
	height: 2.15rem;
	display: inline-block;
	float: right;
}
.icheckbox_sm-blue, .radio_sm-blue {
    position: relative;
    display: block;
    margin: 0;
    padding: 0 5px;
    font-size: 14px;
    line-height: 1.2rem;
	margin-top: 10px;
    color: #999;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    border: 1px solid #CCCCCC;
}
.icheckbox_sm-blue:hover, .radio_sm-blue:hover{
    border: #0b6ee4 solid 1px;
    color: #333;
}
.icheckbox_sm-blue.checked, .radio_sm-blue.checked {
    background: #fff;
    background: #0b6ee4;
    border: 1px solid #0b6ee4;
    color: #fff;
}
.icheckbox_sm-blue.disabled, .radio_sm-blue.disabled {
    opacity: 0.6;
    cursor: default;
}
.icheckbox_sm-blue.disabled:hover, .radio_sm-blue.disabled:hover{
    border-color: #ccc;
}
.icheckbox_sm-blue.checked:hover, .radio_sm-blue.checked:hover{
    border-color: #0b6ee4;
}
/*选择类型*/

.block-car-edit li:last-child .row {
	/* border-bottom: none; */
}

.block-car-edit .col-left {
	height: 100%;
	/* text-align: center; */
	font-size: 0.75rem;
	float: none;
    /* for uc */
}

.block-car-edit .col-right {
	float: none;
    /* for uc */
	position: relative;
	/* border-left: 1px solid #f1f1f1;
	padding: 0.2rem 0.3rem;
	font-size: 0.75rem; */
}
.search_price{
	height: 35px;
	line-height: 35px;
	background: url(/application/index/static/images/price-bg.jpg) no-repeat;
	text-align: center;
	background-size: 100% 100%;
	width: 90px;
	color: #fff;
	border-radius: 3px;
	font-size: 0.75rem;
}
.block-car-edit .col-right input,
    .block-car-edit .col-right select {
	font-size: 0.75rem;
}

.block-car-edit .col-right p {
	height: 2rem;
	line-height: 2rem;
	margin: 0 0 0 0.3rem;
}

.block-car-edit .col-right input.input-right-tips {
	padding-right: 2rem;
}

.block-car-edit .col-car-num {
	display: flex;
	justify-content: flex-start;
	align-items: center;
    /* for uc */
	display: -webkit-box;
	-webkit-box-pack: start;
	-webkit-box-align: center;
}

.block-car-edit .col-car-num .span-select-pro {
	/* display: inline-block; */
	text-align: center;
	color: white;
	background-color: #0b6ee4;
	padding: 0.1rem 0.2rem;
	margin-right: 0.2rem;
	border-radius: .1rem;
	cursor: pointer;
	margin-left: 0.3rem;
}

.block-car-edit .col-car-num .span-select-pro i {
	color: white;
	margin-right: .3rem;
}

.panel-pros {
	background-color: white;
	padding: 0.6rem 0.3rem;
	border-top: 1px solid #f1f1f1;
	position: absolute;
	bottom: 0;
	transform: translateY(100%);
	opacity: 0;
	z-index: -1;
  /*z-index: 22;*/
	transition-property: all;
	transition-duration: 1s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.panel-pros.active {
	transform: translateY(0);
	opacity: 1;
	z-index: 25;
}

.panel-pros .pros {
	font-size: 0;
	text-align: center;
}

.panel-pros .pros span {
	font-size: 0.75rem;
	display: inline-block;
	border: 1px solid #f1f1f1;
	padding: 0.2rem 0.5rem;
	margin: 0.2rem;
	cursor: pointer;
}

.panel-pros .pros span.active {
	background-color: #0b6ee4;
	color: white;
	font-size: 0.8rem;
}

.panel-pros .footer {
	padding: 0.4rem 0.2rem 0 0.2rem;
}

.quick {
	display: none;
}

.block-select-car {
	border: 1px solid #0b6ee4;
	border-radius: 0.1rem;
	font-size: 0;
}

.block-select-car span {
	display: inline-block;
	font-size: 0.85rem;
}

.block-select-car span.car-area {
	background-color: #0b6ee4;
	color: white;
	padding-left: 0.4rem;
	padding-right: 1rem;
	position: relative;
	min-width: 2rem;
}

.block-select-car span.car-area:after {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-top: 4px solid white;
	top: 50%;
	right: 0.3rem;
}

.block-select-car span.car-num {
	padding: 0 0.4rem;
	color: #0b6ee4;
	min-width: 3rem;
}

.section-content-tips {
	padding: 1rem 0.7rem;
}

.section-content-tips .tips-title {
	color: #9c9c9c;
	font-size: 0.75rem;
	margin-top: 0;
	margin-bottom: 0.4rem;
}

.section-content-tips .block-content-tips {
	margin-bottom: 0.6rem;
}

.section-content-tips .block-content-tips .tips-subtitle {
	color: #999;
	font-size: 0.7rem;
	margin-top: 0;
	margin-bottom: 0.2rem;
	font-weight: normal;
      /*padding-left: 1rem;*/
}

.section-content-tips .block-content-tips .tips-subtitle:before {
	content: '*';
	padding-right: 0.3rem;
	display: inline-block;
}

.section-content-tips .block-content-tips .p-tips, .section-content-tips .block-content-tips .list-tips {
	color: #999;
	padding-left: 0.62rem;
	font-size: 0.65rem;
	margin: 0;
	letter-spacing: 1px;
}

.section-content-tips .block-content-tips .list-tips {
	list-style: none;
}

.-mob-share-ui ul.-mob-share-list > [class*=-mob-share-].hide {
	display: none;
}

.-mob-share-ui ul.-mob-share-list > li.-native-share {
	display: none;
}

.-mob-share-ui ul.-mob-share-list > li.-native-share.show {
	display: inline-block;
}

.-mob-share-ui ul.-mob-share-list > li.-native-share.-native-share-weixin {
	background-image: url(/application/agent/static/images/icon-share-wx.png);
}

.-mob-share-ui ul.-mob-share-list > li.-native-share.-native-share-weixinFriend {
	background-image: url(/application/agent/static/images/icon-share-wx-friend.png);
}

.-mob-share-ui ul.-mob-share-list > li.-native-share.-native-share-qzone {
	background-image: url(/application/agent/static/images/icon-share-qzone.png);
}

.-mob-share-ui ul.-mob-share-list > li.-native-share.-native-share-qq {
	background-image: url(/application/agent/static/images/icon-share-qq.png);
}

.-mob-share-ui ul.-mob-share-list > li.-native-share.-native-share-weibo {
	background-image: url(/application/agent/static/images/icon-share-weibo.png);
}

/*.-native-share {
    display: none;

}*/
/** ============== 公共的逻辑样式定义 ============== **/