* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.clearfix {
	*zoom: 1;
}

.clearfix:after {
	display: block;
	clear: both;
	content: " ";
	height: 0;
	visibility: hidden;
}

.floatL {
	float: left;
}

.floatR {
	float: right;
}

.floatN {
	float: none;
}

.inline {
	display: inline;
}

.inline-block {
	display: inline-block;
}

.block {
	display: block;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
li,
dl,
dt,
dd,
table,
caption,
thead,
tbody,
tfoot,
tr,
td,
th,
form,
fieldset,
label,
input,
button,
textarea,
select,
option,
img {
	margin: 0;
	padding: 0;
	font-family: "Microsoft Yahei", "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;
	border: 0;
}

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="button"],
input[type="reset"],
select,
.mui-input-row select,
textarea,
button {
	margin: 0;
	/* height: auto; */
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
	appearance: none;
	background-color: transparent;
}

input[type="text"],
.input-text,
input[type="password"],
input[type="tel"],
input[type="number"],
select,
.mui-input-row select {
	padding: 12px 10px;
	font-size: 1.3rem;
	line-height: 16px;
	color: #555;
	border: 1px solid #E6E6E6;
}

select {
	border: 1px solid #E6E6E6!important;
}

textarea {
	padding: 10px;
	width: 100%;
	height: 160px;
	font-size: 1.3rem;
	line-height: 16px;
	color: #888;
	resize: none;
	border: 1px dashed #E6E6E6;
}

.select-down,
.select-right {
	position: relative;
}

.select-down:before,
.select-right:before {
	position: absolute;
	top: 50%;
	right: 10px;
	display: inline-block;
	font-family: "iconfont" !important;
	font-size: 1.2rem;
	color: #a5a5a5;
	line-height: 1;
	text-decoration: none;
	-webkit-transform: translateY(-50%) scale(.8);
	transform: translateY(-50%) scale(.8);
	z-index: 1;
}

.select-down:before {
	content: "\e852";
}

.select-right:before {
	content: "\e84f";
}

.select-down input,
.select-right input,
.select-down select,
.select-right select {
	position: relative;
	z-index: 3;
}

li {
	list-style-type: none;
}

a {
	color: #555;
	text-decoration: none;
}

a:active {
	color: inherit;
	background-color: #f5f5f5;
}

p {
	font-size: inherit;
	color: inherit;
}

i,
em {
	font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
dt,
label,
b {
	font-weight: normal;
}

html {
	font-size: 62.5%;
	/*10px*/
}

body {
	font-family: "Microsoft Yahei", "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #555;
	font-size: 1.4rem;
	/*14px*/
 
}

.mui-content {
	background-color: #f0f0f0;
}

.bg-white {
	background-color: #fff;
}

.colorBase {
	color: #3cbbca!important;
}

.colorWhite {
	color: #fff;
}

.colorGrey2 {
	color: #222;
}

.colorGrey5 {
	color: #555;
}

.colorGrey8 {
	color: #888;
}

.font12 {
	font-size: 12px;
}

.font14 {
	font-size: 14px;
}

.font16 {
	font-size: 16px;
}

.font18 {
	font-size: 18px!important;
}

.font20 {
	font-size: 20px;
}

.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

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

.text-center {
	text-align: center;
	width: 95px;
}

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

.text-justify {
	text-align: justify;
	text-align-last: justify;
}

.square {
	display: inline-block;
	margin-right: 4px;
	padding: 1px 2px;
	font-size: 1.2rem;
	line-height: 1em;
	vertical-align: middle;
	border-width: 1px;
	border-style: solid;
	border-radius: 2px;
}

.square-blue {
	color: #3cbbca;
	border-color: #3cbbca;
}

.square-orange {
	color: #f08506;
	border-color: #f08506;
}

.square-green {
	color: #32c33c;
	border-color: #32c33c;
}

.square-pink {
	color: #9312b8;
	border-color: #9312b8;
}

.gap-left5 {
	margin-left: 5px;
}

.gap-right5 {
	margin-right: 5px;
}

.gap-bottom5 {
	margin-bottom: 5px;
}

.gap-bottom10 {
	margin-bottom: 10px;
}

.gap-bottom15 {
	margin-bottom: 15px;
}

.gap-top15 {
	margin-top: 15px;
}

.relative {
	position: relative;
}


/*globalLink*/

.mui-bar {
	padding-left: 0;
	padding-right: 0;
}

.mui-bar-nav,
.mui-bar-tab {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.globalLink {
	display: table;
	table-layout: fixed;
	width: 100%;
	line-height: 21px;
	background-color: #fafafa;
	border-bottom: 1px solid #e6e6e6;
	z-index: 10;
}

.globalLink a {
	display: table-cell;
	width: 1%;
	text-align: center;
	vertical-align: middle;
	border-bottom: 2px solid transparent;
}

.globalLink a.active {
	color: #3cbbca;
	border-bottom-color: #3cbbca;
}

.globalLink a span {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	border-right: 1px solid #e6e6e6;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.globalLink a:last-child span {
	border-right: none;
}


/*bar-tab*/

.mui-bar-tab {
	background-color: #37aa48;
	
}

.mui-bar-tab .mui-tab-item {
	line-height: 18px;
	font-size: 1.2rem;
	color: #222;
}

.mui-bar-tab .mui-tab-item p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.mui-bar-tab .mui-tab-item .iconfont {
	font-size: 1.8rem;
	color: #949494;
	vertical-align: top;
}

.mui-bar-tab .mui-tab-item.mui-active,
.mui-bar-tab .mui-tab-item.mui-active .iconfont {
	color: #3cbbca;
}


/*search-box*/

.search-box {
	margin-bottom: 5px;
	padding: 15px;
	background-color: #fff;
}

.search-text {
	float: left;
	width: 72%;
}

.input-block {
	width: 100%;
}

.search-button {
	display: inline-block;
	float: left;
	padding-top: 13px;
	padding-bottom: 13px;
	width: 28%;
	text-align: center;
	font-size: 1.3rem;
	line-height: 16px;
	color: #fff;
	background-color: #3cbbca;
}


/*image-text-box*/

.image-text-box {
	margin-bottom: 5px;
	text-align: left;
}

.globalLink2 {
	background-color: #fff;
}

.globalLink2 a span {
	border: none;
}

.globalLink2 a span .iconfont {
	display: block;
	font-size: 2rem;
	color: #999;
	line-height: 1;
}

.globalLink2 a.active {
	border: none;
}

.globalLink2 a.active .iconfont {
	color: #3cbbca;
}


.image-text-title {
	padding: 5px 15px;
	line-height: 28px;
	background-color: #fff;
	border-bottom: 1px solid #E6E6E6;
}

.image-text-title .iconfont {
	margin-right: 2px;
	vertical-align: middle;
}

.image-text-item {
	position: relative;
	/*padding: 15px;*/
	text-align: left;
	background-color: #fff;
	border-bottom: 1px solid #E6E6E6;
}

.image-text-item>a:first-child {
	display: block;
	padding: 15px;
	overflow: hidden;
}

.image-text-item .mui-btn {
	position: absolute;
	top: 15px;
	right: 15px;
	display: inline-block;
	padding: 4px 6px;
}

.image-text-item .already {
	color: #888;
	border: none;
}

.image-text-image {
	float: left;
	width: 26%;
	height: 100px;
	text-align: center;
	line-height: 100px;
	/*background-color: #efefef;*/
}

.image-text-image img {
	max-width: 100%;
	max-height: 100px;
	vertical-align: middle;
}

.image-text-text {
	float: left;
	margin-left: 3%;
	width: 71%;
	line-height: 24px;
}

.image-date {
	float: left;
	width: 26%;
	text-align: center;
}

.image-date h5,
.image-date h6 {
	text-align: center;
	font-size: 1.2rem;
	color: #3cbbca;
	line-height: 24px;
}

.image-date-day {
	position: relative;
	text-align: center;
}

.image-date-bg {
	font-size: 6.0rem;
	color: #abd2ff;
	line-height: 56px;
}

.image-date-day h6 {
	position: absolute;
	left: 0;
	top: 20px;
	width: 100%;
}

.image-date-day h6 span {
	font-size: 2rem;
}


/*accordion*/

.accordion {
	margin-bottom: 5px;
	text-align: left;
	background-color: #fff;
}

.accordion h3 {
	position: relative;
	padding: 0 35px 0 15px;
	font-size: 1.4rem;
	color: #222;
	line-height: 40px;
	border-bottom: 1px solid #E6E6E6;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.accordion h3 .iconfont {
	position: absolute;
	right: 12px;
	top: 0;
	font-size: 1.2rem;
	color: #ddd;
	line-height: 40px;
	-webkit-transform: scale(.8);
	transform: scale(.8);
}

.accordion h3 a {
	display: block;
	margin-left: -15px;
	margin-right: -35px;
	padding: 0 35px 0 15px;
	color: #222;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.accordion .sub-menu {
	display: none;
	background-color: #f5f5f5;
}

.accordion .sub-menu li {
	position: relative;
}

.accordion .sub-menu li:before {
	position: absolute;
	right: 15px;
	bottom: 0;
	left: 15px;
	display: block;
	content: "";
	height: 1px;
	background-color: #E6E6E6;
}

.accordion .sub-menu li:last-child:before {
	left: 0;
	right: 0;
}

.accordion .sub-menu li a {
	display: block;
	padding: 0 15px;
	line-height: 40px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.accordion .sub-menu .active {
	background-color: #e5e5e5;
}


/*image-text-title-tab*/

.image-text-title-tab {
	line-height: 20px;
	background-color: #fff;
	border-bottom: 1px solid #E6E6E6;
}

.image-text-title-tab a {
	position: relative;
	display: block;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 50%;
	text-align: center;
	font-size: 1.2rem;
	color: #888;
}

.image-text-title-tab a.large {
	width: 35%;
}

.image-text-title-tab .mui-radio {
	margin-top: 11px;
	margin-left: 15px;
}

.image-text-title-tab .mui-radio input[type=radio]:before {
	font-size: 20px;
}

.image-text-title-tab .mui-checkbox label,
.image-text-title-tab .mui-radio label {
	color: #888;
	line-height: 20px;
}

.image-text-title-tab .mui-checkbox.mui-left label,
.image-text-title-tab .mui-radio.mui-left label {
	padding-left: 24px;
}

.sort-title {
	display: inline-block;
	max-width: 75%;
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.image-text-title-tab .filter {
	float: right;
	width: 22%;
}

.filter .iconfont {
	color: #dbdbdb;
	vertical-align: middle;
}

.filter:before {
	position: absolute;
	left: 0;
	top: 8px;
	bottom: 8px;
	display: block;
	content: " ";
	width: 1px;
	background-color: #E5E5E5;
}

.image-text-title-tab .filter:only-child:before {
	width: 0;
}


/*sort-arrow*/

.sort-arrow-group {
	display: inline-block;
	color: #bbb;
	vertical-align: middle;
}

.sort-arrow {
	display: block;
	font-size: 1.2rem;
	line-height: .6em;
	-webkit-transform: scale(.6);
	transform: scale(.6);
}

.sort-arrow.active {
	color: #3cbbca;
}


/*drawer*/

.mui-off-canvas-wrap.mui-active .mui-off-canvas-backdrop {
	box-shadow: none;
}

.mui-off-canvas-left,
.mui-off-canvas-right {
	background-color: #fff;
}

.drawer-content {
	padding-bottom: 40px;
	text-align: left;
}

.drawer-title {
	margin-bottom: 10px;
	padding: 10px 20px;
	font-size: 1.5rem;
	color: #222;
	line-height: 28px;
	border-bottom: 1px solid #E6E6E6;
}

.drawer-group {
	padding: 5px 20px;
}

.drawer-group h4 {
	margin-bottom: 5px;
	font-size: 1.4rem;
	color: #555;
	line-height: 28px;
}

.drawer-footer {
	display: table;
	table-layout: fixed;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
}

.drawer-footer-btn {
	display: table-cell;
	text-align: center;
}

.drawer-footer .block-button {
	border-radius: 0;
}


/*unit-box*/

.unit-box {
	position: relative;
}

.unit-box input[type="text"],
.unit-box input[type="password"],
.unit-box input[type="tel"],
.unit-box input[type="number"],
.unit-box .input-text {
	padding-right: 30px;
}

.unit {
	position: absolute;
	right: 10px;
	top: 50%;
	display: inline-block;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.unit .iconfont {
	display: inline-block;
	width: 40px;
	line-height: 40px;
	text-align: right;
	font-size: 2.2rem;
	color: #bbb;
}

.hot-search-btn {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 13px;
	min-width: 25%;
	text-align: center;
	font-size: 1.3rem;
	line-height: 16px;
	color: #888;
	background-color: #f0f0f0;
}

.hot-search-btn.active {
	color: #fff;
	background-color: #3cbbca;
}

.from-to-box {
	width: 39%;
}

.from-to-box input[type="text"] {
	width: 100%;
}

.to-icon {
	display: block;
	margin: 0 5px;
	color: #ccc;
	line-height: 42px;
}


/**btn-group**/

.btn-group {
	position: fixed;
	right: 0;
	left: 0;
	bottom: 0;
	display: table;
	table-layout: fixed;
	width: 100%;
	line-height: 28px;
	background-color: #fff;
	border-top: 1px solid #e6e6e6;
	z-index: 10;
}

.btn-item {
	display: table-cell;
	padding-top: 6px;
	padding-bottom: 6px;
	width: 1%;
	text-align: center;
	font-size: 1.2rem;
	color: #222;
	vertical-align: middle;
	border-left: 1px solid #E6E6E6;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.btn-item:first-child {
	border-left: none;
}

.btn-item .iconfont {
	margin-right: 2px;
	font-size: 1.6rem;
	color: #bbb;
	vertical-align: middle;
}

.btn-item.active,
.btn-item.active .iconfont {
	color: #3cbbca;
}

.btn-group~.mui-content {
	padding-bottom: 43px;
}


/*banner*/

.banner {
	border-bottom: 1px solid #E6E6E6;
}

.banner img {
	display: block;
	width: 100%;
 
}


/*detail-text*/

.detail-box {
	padding: 8px 15px;
	text-align: left;
	background-color: #fff;
	border-bottom: 1px solid #E6E6E6;
}

.detail-text {
	font-size: 1.2rem;
	line-height: 24px;
	text-align: left;
}

.detail-text>li {
	position: relative;
	     padding-left: 6em;
}

.detail-text>li .iconfont {
	vertical-align: middle;
}

.detail-text-title {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 5em;
	color: #888;
}


/*tab-box*/

.tab-box {
	margin-bottom: 5px;
	padding-top: 15px;
	background-color: #fff;
}

.tab-title-box {
	margin-bottom: 10px;
	margin-left: 15px;
	margin-right: 15px;
}

.tab-group .tab-text,
.tab-group .detail-text {
	margin-left: 15px;
	margin-right: 15px;
	padding-bottom: 30px;
}

.tab-title {
	display: table;
	table-layout: fixed;
	width: 100%;
	font-size: 1.2rem;
	line-height: 28px;
}

.tab-title a {
	display: table-cell;
	text-align: center;
	border: 1px solid #3cbbca;
	border-left: none;
}

.tab-title a:first-child {
	border-left: 1px solid #3cbbca;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.tab-title a:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.tab-title a.active {
	color: #fff;
	background-color: #3cbbca;
}

.tab-group {
	display: none;
}

.tab-group.active {
	display: block;
}

.tab-text {
	text-align: left;
	font-size: 1.2rem;
	line-height: 24px;
}

.tab-text>li {
	position: relative;
}

.comment-item {
	padding-top: 10px;
}

.header-icon {
	position: absolute;
	top: 10px;
	left: 0;
	width: 40px;
	height: 40px;
}

.header-icon img {
	display: block;
	width: 100%;
	height: 100%;
}

.comment {
	position: relative;
	margin-left: 50px;
	padding-bottom: 10px;
	line-height: 20px;
}

.comment:before {
	position: absolute;
	left: 0;
	bottom: 0;
	right: -15px;
	display: block;
	content: "";
	height: 1px;
	background-color: #E6E6E6;
}

.comment-item:last-child .comment {
	padding-bottom: 0;
}

.comment-item:last-child .comment:before {
	height: 0;
}

.praise {
	float: right;
	color: #888;
}

.praise .iconfont {
	color: #bbb;
	vertical-align: middle;
}

.praise.active,
.praise.active .iconfont {
	color: #3cbbca;
}


/*dot*/

.dot {
	max-height: 100px;
}

.dot.opened {
	height: auto;
	max-height: 1000000000px;
}

.dot .toggle .close,
.dot.opened .toggle .open {
	display: none;
}

.dot .toggle .opened,
.dot.opened .toggle .close {
	display: inline;
}

.dot .open,
.dot .close {
	color: #3cbbca;
}


/*photo-wall*/

.photo-wall {
	margin-bottom: 5px;
	background-color: #fff;
}

.photo-wall-title {
	padding: 10px 15px 5px 15px;
	text-align: left;
	line-height: 28px;
}

.photo-wall-title .iconfont {
	margin-right: 2px;
	vertical-align: middle;
}

.photo-wall-list {
	padding: 5px 15px;
}

.photo-wall-list .photo-wall-item {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	width: 23%;
	height: 70px;
}

.photo-wall-list .photo-wall-item img {
	display: block;
	width: 100%;
	height: 100%;
}

.photo-wall-item.height-auto {
	height: auto;
}

.photo-wall-list .photo-wall-item .pic-box {
	margin-bottom: 5px;
	width: 100%;
	height: 70px;
	text-align: center;
}

.photo-wall-list .photo-wall-item .pic-box.br50 img {
	display: inline-block;
	width: 70px;
	border-radius: 50%;
}

.photo-wall-list .photo-wall-item p {
	text-align: center;
	color: #555;
	font-size: 1.4rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.box {
	margin-top: 15px;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 5px;
}

.block-button,
.block-button-grey,
.block-button-outline {
	display: inline-block;
	padding-top: 13px;
	padding-bottom: 13px;
	width: 100%;
	text-align: center;
	font-size: 1.4rem;
	line-height: 16px;
}

.block-button {
	color: #fff;
	background-color: #37aa48;
	border-radius: 25px;
}

.block-button-grey {
	color: #888;
	background-color: #f0f0f0;
}

.block-button-outline {
	padding-top: 12px;
	padding-bottom: 12px;
	color: #0a76f0!important;
	border: 1px solid #0a76f0;
}

.local-btn {
	display: inline-block;
	margin-right: 4px;
	margin-bottom: 8px;
	padding: 4px 6px;
	text-align: center;
	font-size: 1.2rem;
	line-height: 16px;
	color: #555;
	border: 1px solid #e6e6e6;
}

.local-btn .iconfont {
	vertical-align: middle;
}

.local-ing {
	display: inline-block;
	float: right;
	color: #888;
}

.local-ing .iconfont {
	font-size: 1.8rem;
	color: #c9c9c9;
	vertical-align: middle;
}


/*checkbox radio */

.mui-checkbox.mui-left input[type=checkbox],
.mui-radio.mui-left input[type=radio] {
	top: 0;
	left: 0;
}

.mui-checkbox.mui-left label,
.mui-radio.mui-left label {
	padding-left: 30px;
	padding-right: 0;
}

.mui-checkbox input[type=checkbox]:before,
.mui-radio input[type=radio]:before {
	font-family: "iconfont" !important;
}

.mui-checkbox input[type=checkbox]:before {
	font-size: 24px;
	content: "\e864";
}

.mui-checkbox input[type=checkbox]:checked:before {
	content: "\e867";
}

.mui-radio input[type=radio]:before {
	font-size: 26px;
	content: "\e866";
}

.mui-radio input[type=radio]:checked:before {
	content: "\e865";
}

.drawer-content .mui-checkbox.mui-left label,
.drawer-content .mui-radio.mui-left label {
	line-height: 26px;
}


/*send-msg-box*/

.send-msg-box {
	display: none;
	position: fixed;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #fff;
	border-top: 1px solid #e6e6e6;
	z-index: 10;
}

.send-msg-box~.mui-content {
	padding-bottom: 50px;
}

.send-msg-back {
	float: left;
	padding-top: 9px;
	padding-bottom: 9px;
	width: 22%;
	text-align: center;
	font-size: 1.4rem;
	color: #222;
	line-height: 28px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.send-msg-back .iconfont {
	margin-right: 2px;
	font-size: 1.2rem;
	color: #bbb;
	vertical-align: middle;
}

.send-msg {
	float: right;
	padding: 5px 10px;
	width: 78%;
	border-left: 1px solid #E6E6E6;
}

.send-msg .send-msg-text {
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 68%;
	background-color: #f4f4f4;
	border: none;
}

.send-msg-btn {
	display: inline-block;
	float: right;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 28%;
	text-align: center;
	font-size: 1.3rem;
	line-height: 16px;
	color: #fff;
	background-color: #3cbbca;
}


/*color-banner*/

.color-banner {
	margin-bottom: 5px;
	padding: 20px 15px;
	text-align: center;
	font-size: 1.4rem;
	color: #fff;
	line-height: 1.4;
	background-color: #3cbbca;
	background-image: url(../../images/color-banner-bg.png);
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

.color-banner h3 {
	font-size: 1.8rem;
	line-height: 1.4;
}


/*take-picture-box*/

.take-picture-box {
	text-align: center;
	color: #3cbbca;
	line-height: 40px;
	background-color: #fff;
	border-bottom: 1px solid #e6e6e6;
}

.take-picture-box .iconfont {
	margin-right: 5px;
	vertical-align: middle;
}

.take-picture-box a {
	display: block;
	color: #3cbbca;
}


/*table-list*/

.table-list {
	background-color: #fff;
}

table {
	width: 100%;
	border-collapse: collapse;
}

table th,
table td {
	padding: 12px;
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 24px;
	border: 0px solid #E6E6E6;
}

table tr {
	border-bottom: 0px solid #E6E6E6;
}

table select {
	width: 100%;
	font-size: 1.2rem;
	border: none!important;
}

table .select-down {
	min-width: 6em;
}

.fs-box {
	padding: 20px 15px;
	background-color: #fff;
}

table th {
	color: #222;
}

table .link {
	display: block;
	padding: 12px;
}

table .pad0 {
	padding: 0;
}

table .mui-btn {
	padding: 2px 0;
	width: 4.2em;
	line-height: 18px;
	font-size: 1.2rem;
}


/*tips-box*/

.tips-box {
	padding: 10px 15px;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	background-color: #f0f0f0;
	border-bottom: 1px solid #ccc;
}

.tips {
	position: relative;
	padding-left: 20px;
}

.tips .iconfont {
	position: absolute;
	top: 0;
	left: 0;
}


/*paper-box*/

.paper-box {
	padding: 15px;
	background-color: #fff;
}

.successMsg {
	text-align: left;
	line-height: 24px;
}

.paper {
	padding-top: 50px;
}

.plate {
	margin-bottom: 15px;
	padding: 8px;
	text-align: center;
	border: 1px solid #cccccc;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

.plateInner {
	position: relative;
	padding: 50px 20px 15px 20px;
	background-color: #ffcdcd;
	border: 1px solid #cccccc;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

.rope {
	position: absolute;
	width: 100%;
	left: 0;
	top: -50px;
}

.rope img {
	height: 80px;
}

.logo {
	margin-bottom: 10px;
}

.logo img {
	width: 80%;
}

.platePhoto {
	margin-bottom: 10px;
}

.platePhoto img {
	width: 35%;
}

.plateMsg {
	margin-bottom: 10px;
	text-align: left;
}

.plateMsg li {
	padding: 10px 5px;
	color: #222;
	border-bottom: 1px solid #888;
}

.bar img {
	padding: 5px;
	width: 80%;
	background-color: #fff;
}


/*form-box*/

.form-box .mui-table-view~.mui-table-view:before {
	height: 0;
}

.form-box .mui-table-view-cell {
	padding: 5px 15px; border-bottom:1px solid #f2f3f6;
}

.form-box .mui-table-view-cell:after {
	left: 0;
}

.form-box .mui-table-view-cell>a:not(.mui-btn) {
	margin: -5px -15px;
}

.mui-input-row label {
	font-family: "Microsoft Yahei", "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.form-box .mui-input-row label {
	padding: 12px 0;
	line-height: 16px; color:#000;
}

.mui-input-row label~.input-text,
.mui-input-row label~.input-group {
	float: right;
	width: 65%;
	margin-bottom: 0;
	padding-left: 0;
	border: 0;
}

.form-box .mui-input-row label~input,
.form-box .mui-input-row label~select,
.form-box .mui-input-row label~textarea,
.form-box .mui-input-row label~.input-text {
	padding-left: 10px;

}


/*banner-my*/

.banner-my {
	position: relative;
	display: block;
	padding: 40px 20px;
	background-color: #3cbbca;
}

.banner-my:active,
.banner-my a:active {
	opacity: .8;
	background-color: #3cbbca;
}

.banner-my.mui-push-right:after {
	font-size: 2rem;
	color: #fff;
}

.header-icon2 {
	display: inline-block;
	width: 50px;
	height: 50px;
	vertical-align: middle;
}

.header-icon2 img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.user-name {
	display: inline-block;
	margin-left: 8px;
	max-width: 45%;
	vertical-align: middle;
}

.user-name h3 {
	font-size: 1.6rem;
	color: #fff;
	line-height: 22px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.user-name p {
	font-size: 1.4rem;
	color: #c4defc;
	line-height: 22px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.user-name .iconfont {
	vertical-align: middle;
}


/**/

.grid-4 {
	width: 100%;
}

.grid-4 a,
.grid-4 label {
	display: block;
	float: left;
	padding: 8px 5px;
	width: 25%;
	text-align: center;
}

.grid-4 .iconfont {
	font-size: 2.8rem;
	color: #3cbbca;
	line-height: 1.2em;
}

.grid-4 p {
	font-size: 1.2rem;
	color: #555;
	line-height: 26px;
	vertical-align: middle;
	white-space: nowrap;
	text-overflow: ellipsis;
}


/**/

.link-area {
	text-align: center;
}

.photo-wall .mui-push-right {
	position: relative;
	display: block;
}


/*loading-page*/

.loading-page {
	position: fixed;
	top: 46%;
	left: 50%;
	display: inline-block;
	width: 80%;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.loading-page img,
.loading-bg img,
.no-data-bg img {
	width: 100%;
}

.loading {
	position: fixed;
	top: 50%;
	left: 0;
	display: inline-block;
	width: 100%;
	text-align: center;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 999;
}

.loading p {
	line-height: 22px;
}

.loading-bg {
	display: inline-block;
	width: 10%;
}

.loading-bg .iconfont {
	display: inline-block;
	font-size: 7rem;
	line-height: 1.2;
	color: #fff;
}

.refresh-btn {
	display: inline-block;
	margin-top: 15px;
	padding: 7px 15px;
	color: #fff;
	line-height: 20px;
	border: 1px solid #fff;
}

.loading-name {
	position: fixed;
	bottom: 15px;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 1.4rem;
}

.loading-name a {
	padding: 0 10px;
}


/*no-data*/

.no-data {
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
}

.no-data-bg {
	display: inline-block;
	width: 52%;
}


/*loading-backdrop*/

.loading-backdrop,
.loading-backdrop-otherbg {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 998;
	background-color: rgba(0, 0, 0, .3);
}

.loading-backdrop-otherbg {
	background-color: #f0f0f0;
}


/*底部弹窗*/

.mui-popover,
.mui-popover.mui-popover-action,
.mui-popover .mui-table-view {
	background-color: #fff;
}

.popover-title {
	position: relative;
	padding: 10px 15px;
	line-height: 30px;
	font-size: 1.5rem;
	color: #222;
	text-align: left;
}

.popover-title .close {
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px 15px;
	font-size: 2.6rem;
	color: #bbb;
	line-height: 26px;
}

.popover-content {
	position: relative;
	height: 200px;
	text-align: left;
}

.popover-title:after,
.popover-content .mui-input-row:after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 1px;
	content: '';
	background-color: #e6e6e6;
}

.popover-footer .block-button {
	border-radius: 0;
}

.popover-middle,
.popover-bottom,
.popover-average {
	width: 87%;
}

.popover-middle,
.popover-average {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.popover-average .mui-table-view-cell:after {
	right: 15px;
}

.popover-average .mui-table-view-radio .mui-table-view-cell {
	padding: 14px 65px 14px 15px;
}

.popover-average .mui-table-view-radio .mui-table-view-cell>a:not(.mui-btn) {
	margin: -14px -65px -14px -15px;
}

.popover-middle {
	border-radius: 4px;
}

.popover-middle .popover-content {
	padding: 20px 20px 0;
	height: auto;
}

.popover-middle .popover-footer {
	padding: 20px;
}

.popover-bottom {
	bottom: 15px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

.user {
	margin-bottom: 15px;
	text-align: center;
}

.user-portrait {
	display: inline-block;
	margin-bottom: 5px;
	width: 60px;
	height: 60px;
}

.user-portrait img {
	display: block;
	width: 100%;
}

.user p {
	color: #222;
	line-height: 20px;
}

.code-box {
	position: relative;
	float: left;
	width: 58.62%;
}

.code-box~.gain-button {
	float: right;
	padding: 12px 10px;
	width: 37.93%;
	font-size: 1.4rem;
	color: #3cbbca;
	line-height: 16px;
	border: 1px solid #3cbbca;
	border-radius: 2px;
}

.binding-tel .iconfont {
	position: absolute;
	top: 12px;
	left: 10px;
	color: #cecece;
}

.mui-input-row .iconfont~input {
	padding-left: 34px;
}


/*login*/

.login-bar {
	border-bottom: 1px solid #ccc;
}

.login {
	margin: 40px auto 60px;
	width: 80%;
}

.login-input-group {
	margin-bottom: 20px;
}

.login .mui-input-row .iconfont {
	position: absolute;
	top: 10px;
	left: 0;
	display: block;
	width: 20px;
	height: 20px;
	font-size: 2rem;
	line-height: 20px;
	color: #ddd;
}

.login .mui-input-row .iconfont~input {
	padding-left: 30px;
	border: 0;
	border-bottom: 1px solid #dbdbdb;
}

.forget {
	margin-bottom: 25px;
}

.login .block-button {
	margin-bottom: 30px;
}

.other-login-box {
	text-align: center;
}

.other-login-box h6 {
	margin-bottom: 30px;
	height: 1px;
	background-color: #d3d3d3;
}

.other-login-box h6 span {
	position: relative;
	padding: 0 10px;
	top: -7px;
	color: #555;
	font-size: 1.4rem;
	background-color: #fff;
}

.other-login a {
	background-color: transparent;
}

.other-login .iconfont {
	font-size: 4.4rem;
	color: #09bb07;
}

.login .code-box~.gain-button {
	padding-top: 11px;
	padding-bottom: 11px;
}


/*half-list*/

.half-list {
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1.2rem;
	background-color: #fff;
}

.half-list .mui-table-view {
	overflow: hidden;
}

.half-list .mui-table-view:before,
.half-list .mui-table-view:after {
	height: 0;
}

.half-list .mui-table-view-cell:after {
	right: 15px;
}

.half-list .mui-table-view-cell {
	float: left;
	margin-bottom: 6px;
	padding: 14px 40px 14px 25px;
	width: 50%;
}

.half-list .mui-table-view-cell>a:not(.mui-btn) {
	margin: -14px -40px -14px -25px;
	border-radius: 7px;
}

.half-list .mui-table-view-cell:last-child:after,
.half-list .mui-table-view-cell:last-child:before {
	height: 1px;
}

.half-list .mui-table-view-cell.mui-selected:after {
	background-color: #3cbbca;
}

.half-list .mui-table-view-cell.mui-selected .mui-navigate-right,
.half-list .mui-table-view-cell.mui-selected .mui-navigate-right:before {
	color: #3cbbca;
}

.half-list .mui-table-view-radio .mui-table-view-cell.mui-selected .mui-navigate-right.select-down:after {
	display: none;
}

.half-list .mui-table-view-radio .mui-table-view-cell .mui-navigate-right.select-down:before {
	right: 20px;
	font-size: 1.4rem;
}


/*calling-card*/

.calling-card {
	padding: 20px 25px;
}

.calling-card-title {
	margin-bottom: 10px;
}

.calling-card-title h3 {
	color: #222;
}

.tel-text {
	float: left;
}

.tel-text p {
	margin-bottom: 10px;
	font-size: 1.4rem;
	line-height: 1;
}

.tel-text h4 {
	font-size: 1.8rem;
	line-height: 1;
	color: #222;
}

.tel-call {
	float: right;
	display: inline-block;
	padding: 9px 10px;
	line-height: 24px;
	color: #555;
	border: 1px solid #e6e6e6;
	border-radius: 5px;
}

.tel-call .iconfont {
	margin-right: 5px;
	font-size: 1.8rem;
	color: #00ee54;
	vertical-align: middle;
}

.calling-card li a {
	display: inline-block;
	margin-left: 5px;
	width: 24px;
	height: 24px;
	text-align: center;
	vertical-align: middle;
}

.calling-card li .iconfont {
	font-size: 2.4rem;
	line-height: 24px;
	vertical-align: middle;
}


/*程序*/

.link-area {
	text-align: center;
}

.yzm {
	float: right;
	width: 35%;
	line-height: 40px;
	display: block;
	text-align: center;
}

.yzm a {
	background-color: #008bf6;
	display: block;
	color: #fff;
	line-height: 40px;
}

.yzm .disabled {
	background-color: #ccc;
}

.subpage {
	position: absolute;
	z-index: 500;
	top: 0;
	width: 100%;
}


/*image*/

.image-br50 {
	position: absolute;
	top: 50%;
	left: 15px;
	/*margin-top: -30px;
	width: 60px;
	height: 60px;
	line-height: 60px;*/
	margin-top: -36px;
	width: 72px;
	height: 72px;
	line-height: 72px;
}

.image-br50 img {
	/*width: 60px;
	height: 60px;*/
	width: 72px;
	height: 72px;
	border-radius: 50%;
}

.image-br50~.image-text-text {
	float: none;
	/*margin-left: 80px;*/
	margin-left: 86px;
	width: auto;
	/*min-height: 72px;*/
}

.height-small {
	height: 78px;
	line-height: 78px;
}

.height-small img {
	max-height: 78px;
}


/*type-tilte*/

.type-tilte {
	display: table;
	table-layout: fixed;
	width: 100%;
	line-height: 24px;
	background-color: #fff;
	border-bottom: 1px solid #E6E6E6;
}

.type-tilte a {
	display: table-cell;
	padding: 8px;
	text-align: center;
	color: #555;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.type-tilte .iconfont {
	display: block;
	font-size: 2rem;
	line-height: 1;
	color: #999;
}

.type-tilte a.active,
.type-tilte a.active .iconfont {
	color: #3cbbca;
}


/*choose-box*/

.choose-box {
	display: table;
	table-layout: fixed;
	margin-top: -1px;
	width: 100%;
	line-height: 24px;
	background-color: #fff;
	border-collapse: collapse;
}

.choose-box li {
	display: table-row;
}

.choose-box a {
	display: table-cell;
	padding: 8px;
	text-align: center;
	color: #222;
	border: 1px solid #E6E6E6;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.white-bar-nav {
	background-color: #fff;
	border-bottom: 1px solid #E6E6E6;
}

.box2 {
	padding: 15px;
}

.upload-img {
	position: relative;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 8px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	vertical-align: middle;
}

.upload-img img {
	width: 100%;
	height: 100%;
}

.del-img {
	position: absolute;
	right: -6px;
	top: -6px;
	display: inline-block;
	width: 18px;
	height: 18px;
	font-size: 2rem;
	text-align: center;
	line-height: 15px;
	color: #fff;
	border-radius: 50%;
	background-color: #ccc;
}

.upload-img-tips {
	display: inline-block;
	color: #888;
	vertical-align: middle;
}

.more {
	position: absolute;
	right: 10px;
	bottom: 15px;
	display: inline-block;
	padding: 0 5px;
	line-height: 24px;
}

.image-text-title-tab .person-type {
	margin-left: 10px;
	margin-top: 8px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	width: auto;
	background-color: #efefef;
	border-radius: 20px;
}

.image-text-title-tab .person-type .mui-icon {
	display: none;
	margin-right: 5px;
	margin-left: -4px;
	width: 20px;
	height: 20px;
	text-align: center;
	text-indent: -1px;
	color: #3cbbca;
	line-height: 20px;
	vertical-align: top;
	background-color: #fff;
	border-radius: 50%;
}

.image-text-title-tab .person-type.active {
	color: #3cbbca;
	background-color: #aad2ff;
}

.image-text-title-tab .person-type.active .mui-icon {
	display: inline-block;
}

.fileinput-button {
	position: relative;
	overflow: hidden;
	display: inline-block;
}

.fileinput-button input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	-ms-filter: 'alpha(opacity=0)';
	font-size: 200px !important;
	direction: ltr;
	cursor: pointer;
}


/* Fixes for IE < 8 */

@media screen\9 {
	.fileinput-button input {
		filter: alpha(opacity=0);
		font-size: 100%;
		height: 100%;
	}
}

.business-card img {
	display: block;
	width: 100%;
}


/*.mui-indexed-list-bar {
	background-color: #fff;
}

.mui-indexed-list-bar a {
	color: #3cbbca;
}

.mui-table-view-divider:before,
.mui-table-view-divider:after {
	height: 0;
}*/

.mui-table-view-divider.mui-indexed-list-group {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 1.6rem;
	color: #222;
	line-height: 22px;
	background-color: #f2f2f2;
}

.slider-content {
	margin-right: -55px!important;
}

.slider-content h5 {
	font-size: 1.4rem;
	color: #222;
	line-height: 22px;
	white-space: normal;
}

.slider-content p {
	font-size: 1.2rem;
	color: #888;
	line-height: 22px;
	white-space: normal;
}


/**/





.szjb{
	font-size: 10px;
	line-height: 1.4;
	top: -2px;
	left: 100%;
	width:25px;
	float: right;
	margin-top: -20px;
	margin-right: 5px;
	padding: 1px 5px;
	color: #fff;
	background: red;
	border-radius: 100px;
}



.szjb2{
	font-size: 10px;
	line-height: 1.4;
	top: -2px;
	left: 100%;
	width:17px;
	float: right;
	margin-right: 5px;
	padding: 1px 5px;
	color: #fff;
	background: red;
	border-radius: 100px;
}
.tabs a.default{
    color: #3cbbca; 
}
.tabs a.default i{
    color: #3cbbca; 
}
.indextitle{width:98%; margin: 0 auto; padding-top:20px;}
.heng{width:98%; margin:0px auto; border-bottom:1px #e2e2e2 solid;}
.jrtj{ width:60%; margin:0 auto 20px auto; text-align:center; font-size:2rem; text-align:center;  background:#033b81; border-radius:5px; padding:10px 0; color:#fff;}

.list_ul{ width:98%; margin:10px auto;}
.indexp{margin-top:20px;}
.indexplist {
	width: 100%;
 
	text-align: center;
	line-height: 80px;
	/*background-color: #efefef;*/
}

.indexplist img {
	max-width: 95%;
	border-radius:5px 5px 0 0;
	vertical-align: middle;
}
.indexpm{float: left; margin:20px 0 10px 0;
	width: 47%; line-height:32px; text-align:center; overflow:hidden; margin:0 0 0 2% ;
    white-space: nowrap;
    text-overflow: ellipsis;}

.indexplistt{width:95%; line-height:32px; text-align:center; overflow:hidden;   margin:0 auto 10px auto; background:#000; color:#fff;
    white-space: nowrap;border-radius: 0 0 5px 5px;
    text-overflow: ellipsis;}