@charset 'utf-8';
body{background: #edf2f3; font-family: "microsoft YaHei"; font-size: 12px;}
*{padding: 0; margin: 0;}
img{display: block;}
.left{float: left;}
.right{float: right;}
.clear{clear: both;}
.b_edf2f3{background: #edf2f3; padding:0 -3%;}
.c009dc1{color: #009dc1;line-height: 30px;}
.mleft{margin-left:5%;}
.top ul.ul-width{width: 76%;}
div.trilateral{  width: 0;  height: 0;  border-left: 4px solid transparent;
	border-right: 4px solid transparent;  border-top: 7px solid #666666;
	position: absolute;z-index: 10; right: 18%;margin-top: 13px;}
.flex_vertical_center{display: flex;align-items: center;}
.pro_det{padding: 2% 4%;}
.pro_det span{display: inline-block; }
.pro_det span.pro_color{color:#F95201;}
.f_text{text-align: center;height: auto;line-height: 20px;padding-top:10px;padding-bottom:10px;font-size: 8px;text-align: center;}

.modal-body ul{width: 100%;height: 70px;margin-bottom: 0px;}
.modal-body ul li{float: left;list-style: none;margin: 2px 0;}
.modal-body ul li input{width: 80%;height:30px;}
.modal-body ul li:nth-child(1),.modal-body ul li:nth-child(3){width:35%;height: 30px;
	line-height: 30px;text-align: right;}
.modal-body ul li:nth-child(2),.modal-body ul li:nth-child(4){width:65%;height: 30px;}

/*pretty样式没引用修改*/
.mdi-check:before {
    content: "\F12C";
}

.mdi:before, .mdi-set {
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

/*弹出框查看*/
.rule{display:inline-block;padding: 2% 3% 2% 19px;text-align: right;
	background: url("../images/label.png") no-repeat 2px center;
	background-size: 13px;float: right; }
.rule a{color:#009dc1;}
.layermcont,.layermchild{margin: 10px;}
.layermcont ul{list-style-type: decimal;  padding-left: 20px; line-height: 22px;}

/*bootstrap与layer mobile冲突的解决 */
.section .layermchild h3{margin:0;}
.section .layermchild .layermbtn{box-sizing: content-box;  -webkit-box-sizing: content-box;}

.detail-content{width:100%;}
.detail-content p,.detail-content div{
    margin-top: 0px; margin-bottom: 0px; padding: 10px 10px 10px 10px!important; 
    line-height: normal!important; color: rgb(119, 119, 119);  font-family: 'Microsoft YaHei', Simsun; 
    white-space: normal; background: white;word-break: break-all;
}
.detail-content table{
	width: 95%;
	margin: 0 auto;
}
.detail-content table tr td,.detail-content table tr th{
	border: 1px solid #CCC;
}
.detail-content p img{width: 95%;max-width: 100% !important;height: auto !important;}
.detail-content ul li,.detail-content ol li{list-style-type: none;}
.yuan {width: 8px;height: 8px;border-radius: 4px;background-color: red;
	position: absolute;top: 0;left: 22px;}

.orange_color{color: #F85102!important;}
i{font-style:normal;}

a:hover, a:focus {
    color: #666;
    text-decoration: none;
}
/**=======login style========**/
.h20,.h40,.h88{}
.h20{height: 20px; width: 100%;}
.h10{height: 10px; width: 100%;}
.w60{width: 60%}
.w70{width: 70%}
.h88{ background: #fff; border: 1px solid #dcdcdc; padding: 0% 3%;padding-top:10px;height: 50px;}
.h88-no-border{border-bottom: none!important;}
.h88 .info{padding: 2px 0; position: relative;}
.h88 .info #eye{display:block;width: 35px; height: 35px;position: absolute;right: 5%;
	margin-top: -2px;cursor: pointer;top: -1px;}
.h88 .info #pwd{padding-right: 35px;}
.get{width: 84px !important;cursor: pointer;border: none; outline:none; color: #fff !important;
	background: #05b1d9; text-align: center; height: 30px;font-size: 12px !important;
	padding:0 5px !important;margin-right: 3%;}
.h88 .info .get{border-radius: 2px; float: right; margin-top: -2px;margin-left: 20px;}
.h88 .check img.yanzhenma{margin-top: -8px;}
.h88 .info span{display: inline-block; width: 24px; height: 24px; float: left; padding-right: 1px;
	padding-top: 1px;line-height: 35px;}
.h88 .info label{color: #646464; font-size: 15px; font-weight: 300; padding-top: 2px;width: 90px;}
.h88 .info input{color: #333232; font-size: 15px; border: none; outline: none; overflow: hidden;
    padding: 0 10px 0 5px;margin-top: 2px;  width:85%; margin-bottom: 10px; }
.h88 .rName label{color: #646464; font-size: 14px; font-weight: 300;}
.h88 .rName input,.h88 .pwd input,.h88 .tell input{color: #333232; font-size: 15px; border:none;
    outline: none; overflow: hidden; padding: 0 5px;width: 85%;}
.h88 .check input{width: 40%;float:left;}
.h88 .check img{border: none;float:left;}
.checkbox{padding: 0 5% 15px; color: #646464; font-size: 14px; height: 18px; line-height: 20px;}
.checkbox label{float: left;margin-top: 2px;}
.checkbox input{width: 18px; height: 18px; }
.checkbox a{color: #32b6dc; font-size:14px; text-decoration: underline;}
.btn-box{padding: 0 2%; }
.btn-next{width: 100%; height: 54px; background: #009dc1; color: #fff; font-size: 16px;
	text-align: center; line-height: 54px; margin: 0 auto; border: none; outline: none;
	border-radius: 4px;}
a.btn-next{width: 100%; height: 54px; background: #009dc1; color: #fff; font-size: 16px;
	display:block;text-align: center; line-height: 54px; margin: 0 auto; border: none;
	outline: none;border-radius: 4px;}
.btn-box-t{padding-top: 10px;}
.top ul.ul-width{width: 76%;}

.top{ background: #fff; height: 49px; overflow: hidden;}
.top ul li.active a,.top ul li.active a:hover,.top ul li{border: none; background: none;}
.top span{display: inline-block; float: left;padding: 13px; }
.top .back{padding-left: 3%; width: 12%;}
.top ul{display: inline-block; width: 88%; height: 42px;border: none; padding-top: 7px;}
.top ul li{display: inline-block; width: 50%; height: 100%;}
.top ul li:first-child{border-right: 1px solid #c8c8c8;}
.top ul li a{display: block; border: none; text-align: center;font-size: 16px;
	padding-right:13.63%; height: 42px; color: #009dc1;padding-top: 8px;}
.top ul li:last-child a{margin-right:13.63%;padding-right:0 !important;}
.top ul li:nth-child(2) a{padding-right:13.63% !important;margin-right:0%;}
.top ul li a.mleft{margin-left:13.63%;margin-right:0;}
.top ul li a.mcenter{margin:0 12%;}
.top ul li.active a,.top ul li.active a:hover{color: #009dc1; border-bottom: 1px solid #009dc1;}
.top ul li a:hover,.top a.toRegist:hover{background: #fff; }
.top ul li a:active,.top a.toRegist:active,.retrieve a:active{color: #009dc1;}

/******更多加载|尾部说明******/
.attention{padding: 15px 4%;}
.more{}
.attention p,.more a{font-size: 12px; color: #939393; line-height: 18px;}
.more a{display: block; text-align: center;padding: 10px 0;}
.more a:hover{text-decoration: none;}

/***================列表=================***/
.R_div{padding: 1% 4%; border-left: none; border-right: none;background: #edf2f3;}
.R_div_b{background: #fff;}
.R_text span{text-align: right;}
.R_div span{display: block; height: 25px; font-size: 12px; padding: 5px 0; color: #666;}
.R_div span.f_black{color: #000; font-size: 14px; font-weight:400;white-space:nowrap;
	overflow: hidden;text-overflow: ellipsis;}
.R_div span img{display: inline-block; width: 14px; height: 14px; margin-right: 4px;}
.R_div span.w75{text-align: right;display: flex;align-items: center;justify-content: flex-end;}
.R_div span.w85 i,.R_div span i{color: #f9860a; font-style: normal;}
.R_div .s_text{color: #f9860a; display: inline-block; padding: 0;}
.R_div .hid{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;width: 220px;
	position: absolute;cursor: pointer;}
.R_div .hid1{ white-space:pre-wrap; overflow:hidden;height: 52px;position: absolute;
	z-index: 50;line-height: 16px;}
.R_div time{display: block; height: 25px; font-size: 12px; padding: 5px 0; color: #969696;
	margin-top: 25px;}
.R_div span.w140{width: 140px;text-align: right;display: flex;align-items: center;justify-content: flex-end;font-size: 12px;padding-top: 7px;}
.R_div .R_con p {
    padding: 5px 0;
    margin: 0;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
}

/*========注册=========*/
.r_text{width: 202px; margin: 0 auto; padding: 15px 0; text-align: center; line-height: 16px;
	height: 46px;}
.r_text span{display: inline-block;}
.r_text span.r_text_con{}
.r_text span.r_text_img{ width: 16px; height: 16px;}
.r_text01{padding: 5px 0; text-align: center; line-height: 16px; height: 26px;}

/*========注册成功=========*/
.regist_success{width: 300px; margin: 0 auto; padding: 40px 0 30px;}
.regist_success span{display: block;}
.regist_success .ss_img{width: 32px; height: 32px; margin: 0 auto;}
.regist_success .ss_text{font-size: 16px; text-align: center; width: 300px; padding: 20px 0 0 6px;
	margin: 0 auto;}
.to_center{display: block; width: 200px;text-align: center; margin: 0 auto; margin-top: 10px;
	color: #009dc1; text-decoration: underline;}
.to_center:hover{color: #009dc1;}

/*========提示信息=========*/
.message{width: 100%; margin: 0 auto; padding: 40px 10px 30px;}
.message span{display: block;}
.message .success_img{width: 32px; height: 32px; margin: 0 auto;
	background: url(../images/success_img.png);background-size:32px;}
.message .error_img{width: 32px; height: 32px; margin: 0 auto;
	background: url(../images/error_img.png);background-size:32px;}
.message .suggest_img{width: 32px; height: 32px; margin: 0 auto;
	background: url(../images/suggest_img.png);background-size:32px;}
.message .msg_text{font-size: 16px; text-align: center; width: 300px; padding: 20px 0 0 6px;
	margin: 0 auto;}

/*个人中心*/
.panel{margin-bottom: 0; border:1px solid #dcdcdc; border-radius: 0;}
.panel .panel-top{ padding: 2% 3%;}
.panel .panel-top .collapse{display: inline-block; padding: 8px 0;font-size: 14px;}
.panel .panel-top a[data-toggle="collapse"]{color: #333}
.panel .panel-top a[data-toggle="collapse"]:FOCUS{color: #333}
.panel .panel-top .panel-img{width: 23px; height:34px; padding-right: 5px;}
.panel .panel-top .down{width: 22px; height: 14px;}
.panel .panel-top .done{width: 42px; height: 14px; color: #dcdcdc;}
.panel .panel-top .tell_num{padding-left: 10px;}
.panel .panel-top .down a{display: block; padding:0;}


/*箭头上下翻转*/
.downimg,.upimg{
    background: url(../images/down.png) no-repeat center center;
    background-size: 16px 10px;
    width: 16px;
    height: 16px;
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
}
.downAn{
    -o-animation:downup 0.75s linear ;
    -moz-animation: downup 0.75s linear;
    -webkit-animation: downup 0.75s linear;
    animation: downup 0.75s linear;
    animation-fill-mode :  forwards;
}
.upimg{
    transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}
.upAn{
    -o-animation:updown 0.75s linear ;
    -moz-animation: updown 0.75s linear;
    -webkit-animation: updown 0.75s linear;
    animation: updown 0.75s linear;
    animation-fill-mode :  forwards;
}

@keyframes downup
{
    from {transform: rotate(-180deg);}
    to {transform: rotate(0deg);}
}

@-moz-keyframes downup /* Firefox */
{
    from {-moz-transform: rotate(-180deg);}
    to { -moz-transform: rotate(0deg);}
}

@-webkit-keyframes downup /* Safari 和 Chrome */
{
    from { -webkit-transform: rotate(-18deg);}
    to {-webkit-transform: rotate(0deg);}
}

@-o-keyframes downup /* Opera */
{
    from {-o-transform: rotate(-180deg);}
    to {-o-transform: rotate(0deg);}
}

@keyframes updown
{
    from {transform: rotate(0deg);}
    to {transform: rotate(-180deg);}
}

@-moz-keyframes updown /* Firefox */
{
    from {-moz-transform: rotate(0deg);}
    to { -moz-transform: rotate(-180deg);}
}

@-webkit-keyframes updown /* Safari 和 Chrome */
{
    from { -webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(-180deg);}
}

@-o-keyframes updown /* Opera */
{
    from {-o-transform: rotate(0deg);}
    to {-o-transform: rotate(-180deg);}
}

.btn-box02{padding: 10px 20px;}
.btn-box02 .sub{height: 40px;width: 45%;background: #009dc1; color: #fff; font-size: 14px;
	text-align: center; line-height: 40px;border: none; outline: none; border-radius: 4px;}
.btn-box02 .sub02{height: 40px;width: 100%;background: #009dc1; color: #fff; font-size: 14px;
	text-align: center; line-height: 40px;border: none; outline: none; border-radius: 4px;}

.mm p{text-align: center;margin-top: 12%;font-size: 18px;word-break: break-all;}
.version_content{padding: 3%;background-color: #fff;margin-top: 10%;}

.panel .c-div {
    border-bottom: 1px solid #dcdcdc;
    padding: 2% 4%;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 50px;
    overflow: hidden;
}
.panel .c-div>label{
    color: #646464;
    font-size: 14px;
    font-weight: 300;
    width: 30%;
    text-align: right;
    line-height: 30px;
}
.panel .c-div2>label{
    color: #646464;
    font-size: 14px;
    font-weight: 300;
    width: 31%;
    text-align: right;
    line-height: 40px;
}

.panel .c-div .field, .panel .c-div .yzm {
    color: #333232;
    font-size: 14px;
    border: none;
    outline: none;
    overflow: hidden;
    padding: 0 12px;
    line-height: 30px;
    border-radius: 5px;
}

.panel .c-div select {
    color: #333232;
    font-size: 14px;
    border: none;
    padding: 4px 12px;
    line-height: 30px;
}

.panel .c-div .field2{
    text-align:center;
    width: 55%;
    border: none;
}
.panel .c-div .field3{
    text-align:right;
    width: 30%;
}
.panel .c-div .field4{
    text-align:center;
    width: 55%;
}

.panel .c-div2 .textbox {
    color: #333232;
    font-size: 14px;
    border: none;
    outline: none;
    overflow: hidden;
    padding: 5px 12px;
    width: 68%;
    line-height: 30px;
}


/*预约活动 */
.panel .c-div3 {
    padding: 1% 4%;
/*     padding-top: 10px;
    padding-bottom: 10px; */
    height: auto;
}
.panel .c-div3 > label{
    color: #646464;
    font-size: 14px;
    font-weight: 300;
    width: 25%;
    text-align: center;
    line-height: 30px;
}
.panel .c-div3 .label1{
    width: 31%;
}
.panel .c-div3 .label2{
    width: 20%;
}

.panel .c-div3 .field{
    color: #333232;
    font-size: 14px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    outline: none;
    overflow: hidden;
    padding: 0 5px;
    line-height: 30px;
    width: 40%;
}

.panel .c-div3 select {
    color: #333232;
    font-size: 14px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    padding: 3px 3px;
    width: 40%;
}

.panel .c-div3 .checkbox {
    margin: 0 0 0 3%;
    height: 30px;
}

.panel .c-div3 .textbox {
    color: #333232;
    font-size: 14px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    outline: none;
    overflow: hidden;
    padding: 0 5px;
    width: 40%;
    line-height: 30px;
}


/*主页*/
.index_con{padding: 3% 0; margin: 0 4%; border-bottom: 1px solid #dcdcdc;}
.index_con img{float: left; display: inline-block;}
.index_con .index_span{display: inline-block; line-height: 20px; padding-left: 10px;}
.index_con .linka{display: inline-block; padding-top: 5px; height: 28px; width: 100%;
	padding-right: 8px;height: 100%;}
.index_con img.to_r {float: right;width: 10px;height: 18px}
.index_con img.to_l {float: left;margin-top: 0px;}
.index_con .linka {
    display: inline-block;
    padding-top: 5px;
    width: 100%;
    padding-right: 8px;
    height: 100%;
}
.btn-box03{
	padding: 10px 20px;
    text-align: center;
}
.btn-box03 .sub{height: 40px;width: 45%;background: #009dc1; color: #fff; font-size: 14px;
	text-align: center; line-height: 40px;border: none; outline: none; border-radius: 4px;}
	
.R_div .left1{
	float: left;
	text-align: center;
	padding: 5px 0;
	width: 40%;
	font-size: 14px;
}
.R_div .left1 span{
	font-size: 14px;
}
	
.R_div .right1{
	float: right;
	text-align: center;
	padding: 5px 0;
	width: 60%;
	font-size: 14px;
}
.R_div .right1 span{
	font-size: 14px;
}

.btn-box04{
	padding: 10px 20px;
}
.btn-box04 .sub{
	height: 25px;
    width: 45%;
    background: #FFF;
    color: #666;
    font-size: 14px;
    text-align: center;
    line-height: 23px;
    border: 1px #555 solid;
    outline: none;
    border-radius: 4px;
    text-align: center;
}
 
 /*会员管理列表*/
 .R_div .left2{
	float: left;
	text-align: center;
	width: 30%;
	font-size: 14px;
}
.R_div .left2 span{
	font-size: 14px;
}
	
.R_div .right2{
	float: right;
	text-align: center;
	width: 30%;
	font-size: 14px;
}
.R_div .right2 span{
	font-size: 14px;
}