/* 颜色值 */
.color-FF5{color:#FF5C4F;}
.color-FE4{color:#FE4845;}
.color-FF8{color:#FF8824;}
.color-FFB{color:#FFB400;}
.color-fff{color:#fff;}
.color-222{color:#222;}
.color-666{color:#666;}
.color-999{color:#999;}
.color-888{color:#888;}
.color-DED{color:#DEDEDE;}
.color-aaa{color:#aaa;}
.color-3FB{color:#3FB2FF;}

.bg-f5f{background: #f5f5f5;}
.bg-fff{background: #ffffff;}
.bg-f2f{background: #f2f2f2;}
.bg-f8f{background: #f8f8f8;}
.bg-f0f{background: #f0f0f0;}
.bg-F2F{background:#F2F3F7;}
.bg-F6F{background:#F6F6F6;}
.bg-none{background:none!important;}

.font-12{font-size: 12px;}
.font-18{font-size: 18px;}
.font-20{font-size: 20px;}
.font-24{font-size: 24px;}
.font-14{font-size: 14px;}
.font-16{font-size: 16px;}
/* 公用class */
.flex {
	display: box;
	display: -ms-box;
	display: -webkit-box;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
}
.section92{
	width:92%;
	margin:0 auto;
}
.flex-item {
	display: block;
	flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	box-flex: 1;
	-ms-box-flex: 1;
	-webkit-box-flex: 1;
}
.ver-middle{
	display:inline-block;
	vertical-align: middle;
}
.flex-container {
	justify-content: center;
	align-items: center;
}
.border-b{border-bottom: 1px solid #eee;}
.border-dashed{ border-bottom: 1px dashed #eee;}
.border-b-none{border-bottom:none!important;}
.relative{position:relative;}
.pading0{padding:0!important;}
.padding10{padding:10px;}
.padding12{padding:12px 0;}
/* 提示页面样式 */
.none-tips-page{
    text-align: center;
    font-size: 12px;
    color:#666;
	padding:15% 20px 20px 20px;
}
.none-tips-page dd{margin-top:19px;}
.none-tips-btn{
	background: #FF5C4F;
    width: 100px;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    border-radius: 4px;
    color: #fff;
    margin-top: 20px;
}
/* 单行文本溢出 */
.overflow-1{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
/* 多行文本溢出 */
.overflow-2{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.dialog-mask{
	position: fixed;
	top: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: .5;
	z-index: 1000;
	display: none;
}
.mescroll-upwarp{background: #fff;}
.padding-botttoms{padding-bottom:50px;}
/* 吸顶导航动画 */
@-webkit-keyframes navTop {
	0% {top: -50px}
	to {top: 0}
}
@keyframes navTop {
	0% {top: -50px}
	to {top: 0}
}



/*选择城市*/
.quesect2 { display:none; }
.quesect2>div{position:fixed;top: 0;left: 0;z-index: 1000;background: #f2f2f2;width: 100%;display: -webkit-box;-webkit-box-orient: vertical; overflow: auto;}
.quesect2>div h4{height: 44px;background: #fff;text-align: center;line-height: 44px;font-size: 15px;font-weight: normal;position: fixed;width: 100%;top: 0;z-index: 100;color:#222;}
.quesect2>div h4 i{height: 44px;line-height: 44px;position: absolute;left: 0;top: 0;z-index: 10;color: #222;padding: 0 15px;}
.quesect2>div>div{width: 100%;overflow-y: auto;-webkit-overflow-scrolling: touch; margin-top:44px;-webkit-box-flex: 1;padding-bottom: 100px;}
.quesect2>div>div>div>a{display:block;width: 100%;background: #f2f2f2;color: #3f3f3f;line-height: 35px;padding-left: 12px;box-sizing: border-box;}
.quesect2>div>div ul,.quesect2>div p{width: 100%;background: #fff;overflow: hidden;}
.quesect2>div>div ul a,.quesect2>div p a{display: block;text-align: left;color: #808080;line-height: 40px;border-bottom: 1px solid #f5f5f5;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 0 20px 0 10px;box-sizing: border-box;}
.quesect2>div>div .quecitya{color: #222;font-weight: 600;}
.quesect2>div>div div.new_py { width:100px; position:fixed; right:10px; top:0; }
.quesect2 #region_location img{
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
    margin-bottom: 4px;
}
.quesect2 #region_pys{
	position: absolute;
    top: 33%;
    right: 0;
    z-index: 9999;
}
.quesect2 >div #region_pys p{background:none;}
.quesect2 >div #region_pys p a{
	width: auto;
    float: initial;
    height: 17px;
    line-height: 17px;
    font-size: 12px;
	border-bottom: none;
	text-align: center;
	color: #222;
	margin: 0;
    padding: 0 5px;
}
.quesect2 #region_hots p{padding:10px;}
.quesect2 #region_hots p a{
	width: 30%;
    height: 35px;
    line-height: 35px;
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    text-align: center;
    margin: 5px;
    float: left;
}



/******************* 弹框样式开始 *******************/
.artClose-img img {width: 30px;padding:5px;}
.hide-img {display: none;}
.noscroll {overflow: hidden;}
.artDialog-mask {
	width: 100%;
	height: 100%;
	position: fixed;
	background: #000;
	opacity: .5;
	z-index: 998;
}

.artDialog-container {
	width: 83%;
	max-width: 750px;
	border-radius: 7px;
	box-sizing: border-box;
	background: #fff;
	position: fixed;
	left: 0;
	right: 0;
	top: 10%;
	margin: auto;
	z-index: 999;
	font-size: 14px;
	border-radius: 6px;
}

.artDialog-Title {
	color: #333;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
	padding: 15px 10px 0 10px;

}

.art-content {
	max-height: 318px;
	overflow: auto;
	box-sizing: border-box;
	color: #666;
	line-height: 22px;
	border-radius: 0 0 20px 20px;
	text-align: center;
	font-size: 14px;
	padding: 15px;
}

.art-button,
.art-sure-button {
	border-top: 1px solid #eee;
	display: flex;
	display: -webkit-flex;
	justify-content: end;
}

.art-button span {
	width: 100%;
	display: inline-block;
	text-align: center;
	padding: 10px 0;
	color: #F5A353;
	cursor: pointer;
}

.artClose-img {
	position: absolute;
    right: 5px;
    top: 10px;
    z-index: 999;
}

.art-button span:nth-child(1) {
	border-right: 1px solid #eee;
}

@media screen and (min-width: 1000px) {
	.artDialog-container {
		width: 400px;
	}
}

.art-btn {
	padding: 8px 0;
	text-align: center;
	color: #fff;
	background: #F5A353;
	border-radius: 5px;
	font-size: 14px;

}

.artDialog-show-Title {
	font-size: 16px;
	text-align: left;
	font-weight: 100;
	padding: 15px 15px 15px 20px;
	text-align: center;
	border-bottom: 1px solid #eee;
}

.art-show-content {
	text-align: justify;
	max-height: 350px;
	overflow: auto;
	box-sizing: border-box;
	color: #666;
	line-height: 24px;
	border-radius: 0 0 20px 20px;
	font-size: 14px;
	padding:10px;
	margin-bottom: 10px;
}
/* 确认型弹框样式 */
.art-sure-title {
	color: #F2A151;
	text-align: left;
}

.art-sure-content {
	text-align: left;
	font-size: 12px;
	padding: 10px 15px;
}

.art-sure-button {margin-top: 10px;}

.art-sure-button span {
	width: 100%;
	display: inline-block;
	text-align: center;
	padding: 10px 0;
	cursor: pointer;
	border-radius: 0 0 5px 5px;
	color: #fff;
	background: #F2A151;
}
/******************* 弹框样式结束 *******************/

/******************* toast透明框样式开始 *******************/
.toast-container {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 27%;
	z-index: 99999;
	font-size: 14px;
}
.toast-contentBox {
	max-width: 200px;
	margin: 0 auto;
	background: rgb(0,0,0,.7);
	color: #fff;
	padding: 6px 0;
	text-align: center;
	border-radius: 5px;
}
/* 透明提示框如果带图片 */
.toast-content {
	padding: 5px;
	font-size: 13px;
}
.toast-img img {padding: 10px 0;}

/******************* toast透明框样式结束 *******************/

/******************* loading加载样式开始 ******************/
.artDialog-loading-mask {
	width: 90px;
	height: 90px;
	position: fixed;
	background: #000;
	opacity: .5;
	z-index: 2000;
	left: 0;
	right: 0;
	top: -20%;
	bottom: 0;
	margin: auto;
	border-radius: 5px;
}
.spinner {
	position: fixed;
	left: 0;
	right: 0;
	top: -25%;
	bottom: 0;
	margin: auto;
	z-index: 2001;
	text-align: center;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}
@-webkit-keyframes line-spin-fade-loader {
  50% {
    opacity: 0.3; }

  100% {
    opacity: 1; } }

@keyframes line-spin-fade-loader {
  50% {
    opacity: 0.3; }

  100% {
    opacity: 1; } }
.com-loading{
	padding-top: 75px;
	font-size: 12px;
}
.line-spin-fade-loader {
  position: relative;
  left: 15px;
 }
  .line-spin-fade-loader > div:nth-child(1) {
    top: 11.5px;
    left: 0;
    -webkit-animation: line-spin-fade-loader 1.2s 0.12s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s 0.12s infinite ease-in-out; }
  .line-spin-fade-loader > div:nth-child(2) {
    top: 7.63636px;
    left: 7.63636px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-animation: line-spin-fade-loader 1.2s 0.24s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s 0.24s infinite ease-in-out; }
  .line-spin-fade-loader > div:nth-child(3) {
    top: 0;
    left: 11.5px;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-animation: line-spin-fade-loader 1.2s 0.36s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s 0.36s infinite ease-in-out; }
  .line-spin-fade-loader > div:nth-child(4) {
    top: -7.63636px;
    left: 7.63636px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-animation: line-spin-fade-loader 1.2s 0.48s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s 0.48s infinite ease-in-out; }
  .line-spin-fade-loader > div:nth-child(5) {
    top: -11.5px;
    left: 0;
    -webkit-animation: line-spin-fade-loader 1.2s 0.6s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s 0.6s infinite ease-in-out; }
  .line-spin-fade-loader > div:nth-child(6) {
    top: -7.63636px;
    left: -7.63636px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-animation: line-spin-fade-loader 1.2s 0.72s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s 0.72s infinite ease-in-out; }
  .line-spin-fade-loader > div:nth-child(7) {
    top: 0;
    left: -11.5px;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-animation: line-spin-fade-loader 1.2s 0.84s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s 0.84s infinite ease-in-out; }
  .line-spin-fade-loader > div:nth-child(8) {
    top: 7.63636px;
    left: -7.63636px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-animation: line-spin-fade-loader 1.2s 0.96s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s 0.96s infinite ease-in-out; }
  .line-spin-fade-loader > div {
    background-color: #fff;
    width: 4px;
    height: 35px;
    border-radius: 20px;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    width: 4px;
    height: 8px; }

/******************* loading加载样式结束 ******************/

/********************* 页面渐显展示效果 ***************/
.animsition-wrapper{display: none;}
.aninode {visibility: hidden;}
.animated .aninode {visibility: visible;}
.aninode {animation: topIn .8s ease;}
@keyframes topIn {
    from { 
        transform: translateY(-30px);
        opacity: 0; 
    }
    to { 
        transform: translateY(0px);
        opacity: 1; 
    }
}
.delay200 {
    animation-delay: 200ms!important;
    animation-fill-mode: backwards!important;
}
.delay300 {
    animation-delay: 300ms!important;
    animation-fill-mode: backwards!important;
}
.delay400 {
    animation-delay: 400ms!important;
    animation-fill-mode: backwards!important;
}
.delay500 {
    animation-delay: 500ms!important;
    animation-fill-mode: backwards!important;
}
.delay600 {
    animation-delay: 600ms!important;
    animation-fill-mode: backwards!important;
}
.delay700 {
    animation-delay: 600ms!important;
    animation-fill-mode: backwards!important;
}
.delay800 {
    animation-delay: 800ms!important;
    animation-fill-mode: backwards!important;
}
/********************* 页面渐显展示效果-ending ***************/