body,
html {
    margin: 0;
    padding: 0;
    background: #f7f7f7;
    overflow-x: hidden;
    overflow-y: auto;
}
a
{
    text-decoration: none;
}
li
{    
    list-style: none;
}
.nav {
    position: relative;
    height: 60px;
    background: #fff;
    z-index: 9999;
}
.top
{
	position: fixed;
    width: 100%;
    z-index: 999;
    background-color: #fff;
	box-shadow: 1px 1px 1px 1px #e4e4e4;
}
.head
{
	height:3.8rem;
}
.nav .menu img {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate(0, -50%);
    width: 28px;
}

.nav .logo img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
}

.nav .search img {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
    width: 28px;
}
.nav .screen img
{
	position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
    width: 20px;
}
.nav .search .sear{
    display: block;
    position: absolute;
    width: 70%;
    height: 40px;
    bottom: -40px;
    right: -70%;
    font-size: 0;
    transition: all 0.3s;
}
.nav .search .sear input {
    position: absolute;
    height: 40px;
    width: 100%;
    box-sizing: border-box;
    padding:7px 7px 7px 10px;
    border:1px solid #ddd;
}
.nav .search .sear img {
    width: 25px;
}

.nav .navleft {
    position: fixed;
    width: 60%;
    height: 100%;
    left: -65%;
    background: #2A2F33;
    z-index: 1500;
    box-shadow: 5px 0px 10px rgba(0, 0, 0, .2);
    transition: all 0.3s;
    padding-top: 10%;
    box-sizing: border-box;
}

.nav .navleft a {
    text-decoration: none;
}

.nav .navleft .item {
    color: #fff;
    position: relative;
    border-bottom: 1px solid #1E2226;
    padding: 15px 15px 15px 20px;
}
.item a
{
    color:#333;
}
.active a
{
    color:#f3cb2f;
}
.nav .navleft .item.active {
    color: #F3CB30;
}

.nav .navleft.left-open {
    left: 0;
}

.nav .navmask {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 1200;
}

.footer {
    height: 60px;
    background: #666666;
    margin-top: 20px;
    text-align: center;
    font-size: 0.7rem;
    color: #fff;
    position: relative;
}

.footer .main {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.footer .one img {
    width: 1rem;
}

a {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}












/*首页index*/

.swiper-slide {
    position: relative;
}

.swiper-slide img {
    width: 100%;
}

.swiper-slide .content {
    position: absolute;
    top: 40%;
    transform: translate(0, -50%);
    color: #fff;
    font-size: 20px;
    width: 100%;
    text-align: center;
}
.content a
{
    display: block;
    color: #333;
}
.swiper-pagination-bullet-active {
    background: #fff;
}

.index .hotel .title,
.index .join .title,
.index .news .title,
.newsinfo .content .title,
.mycoin .content .title {
    text-align: center;
    font-size: 1.1rem;
    padding: 12px;
    margin-top: 5px;
}

.index .hotel .btns {
    position: relative;
    display: inline-block;
    left: 50%;
    transform: translate(-50%, 0);
    overflow: hidden;
    margin-top: 10px;
}

.index .hotel .btn {
    float: left;
    padding: 7px 30px 7px 30px;
    font-size: 15px;
    border-radius: 5px;
    margin: 0 10px 0 10px;
    color: #999999;
    border: 1px solid #999999;
}

.index .hotel .btns .btn.active,
.newsinfo .content .btns .btn.active,
.mycoin .content .btns .btn.active {
    border: none;
    color: #fff;
    background: #F3CB2F;
}

.index .hotel .homes {
    margin-top: 15px;
}

.index .hotel .homes .home {
    width: 50%;
    float: left;
}

.index .hotel .homes .home .content {
    margin: 10px;
    box-sizing: border-box;
    background: #f3cb2f;
}

.index .hotel .homes .home .content img {
    width: 100%;
    height: 100px;
    object-fit: cover;
}

.index .hotel .homes .home .content .pretitle {
    padding: 5px 0 0 10px;
    font-size: 14px;
}
.pretitle a
{
    display:block;
    color: #484848;
}
.index .hotel .homes .home .content .price {
    padding: 0px 5px 5px 10px;
    font-size: 14px;
}

.index .hotel .homes .home .content .price span {
    color: #fff;
}

.index .hotel .go img,
.index .news .go img {
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    width: 30%;
    height: 25px;
    margin-top: 15px;
}

.index .join {
    width: 95%;
    margin: 0 auto;
    margin-top: 15px;
}

.index .join .items {
    margin-top: 15px;
    overflow: hidden;
}

.index .join .items .item {
    font-size: 0;
    width: 50%;
    float: left;
}

.index .join .items .item .content img {
    width: 100%;
    object-fit: cover;
}

.index .news,
.newsinfo .news {
    margin-top: 15px;
}

.index .news .items,
.newsinfo .news .items {
    margin: 0 auto;
    width: 95%;
}

.index .news .items .item,
.newsinfo .news .items .item {
    width: 100%;
    height: 80px;
    position: relative;
    margin-top: 10px;
}

.index .news .items .item .date,
.newsinfo .news .items .item .date {
    position: relative;
    background: #ddd;
    display: inline-block;
    font-size: 0;
}

.index .news .items .item img,
.newsinfo .news .items .item img {
    width: 2.4rem;
}

.index .news .items .item .month,
.newsinfo .news .items .item .month {
    position: absolute;
    bottom: 1px;
    right: 1px;
    font-size: 0.6rem;
    color: #c5a113;
}

.index .news .items .item .day,
.newsinfo .news .items .item .day {
    position: absolute;
    top: 2px;
    left: 2px;
    font-size: 1rem;
    color: #fff;
}

.index .news .items .item .pretitle,
.newsinfo .news .items .item .pretitle {
    position: absolute;
    font-size: 0.9rem;
    top: 14px;
    width: 87%;
    left: 2.6rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: bold;
    color: #484848;
}

.index .news .items .item .content,
.newsinfo .news .items .item .content {
    width: 100%;
    font-size: 0.9rem;
    margin-top: 5px;
    color: #999999;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}














/*兑换成功*/

.exsuc .success {
    background: #fff;
    padding-bottom: 25px;
}

.exsuc .success img {
    width: 18%;
    position: relative;
    left: 50%;
    margin-top: 20px;
    transform: translate(-50%, 0);
}

.exsuc .success .one {
    color: #ffce00;
    font-size: 20px;
    margin-top: 10px;
    text-align: center;
}

.exsuc .success .two {
    color: #999999;
    font-size: 16px;
    margin-top: 5px;
    text-align: center;
}

.exsuc .name,
.exsuc .info,
.exsuc .process,
.integraldetail .info,
.integraldetail .process {
    margin-top: 7px;
    background: #fff;
    padding: 15px;
}

.exsuc .name .one,
.exsuc .info .one,
.exsuc .process .one,
.integraldetail .info .one,
.integraldetail .process .one {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
}

.exsuc .name .two,
.exsuc .info .two,
.exsuc .process .two,
.integraldetail .info .two,
.integraldetail .process .two {
    margin-top: 10px;
    color: #999999;
}

.exsuc .name .three,
.exsuc .info .three,
.exsuc .process .three,
.integraldetail .info .three,
.integraldetail .process .three {
    margin-top: 3px;
    color: #999999;
}

.exsuc .code {
    padding: 20px 20px 20px 15px;
    overflow: hidden;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #fff;
}

.exsuc .code .codename {
    font-size: 20px;
    font-weight: bold;
    float: left;
}

.exsuc .code .codecontent {
    overflow: hidden;
    margin-top: 3px;
    padding-left: 15px;
}

.exsuc .back,
.memberanno .back,
.membermanual .back,
.integraldetail .back,
.pinfo .back {
    padding: 60px 27% 60px 27%;
    background: #fff;
    margin-bottom: -20px;
}

.exsuc .back .btn,
.memberanno .back .btn,
.membermanual .back .btn,
.integraldetail .back .btn,
.pinfo .back .btn {
    border: 1px solid #f3cb2f;
    padding: 7px 10px 7px 10px;
    text-align: center;
    border-radius: 10px;
    color: #f3cb2f;
    transition: all 0.3s;
}

.exsuc .back .btn:active,
.memberanno .back .btn:active,
.membermanual .back .btn:active,
.integraldetail .back .btn:active,
.pinfo .back .btn:active {
    color: #fff;
    background: #f3cb2f;
}

















/*人才理念*/

.banner {
    font-size: 0;
}

.talent .banner img,
.newsinfo .banner img,
.brand .banner img,
.newsdetail .banner img,
.joincost .banner img,
.joinflow .banner img,
.joingood .banner img,
.intestore .banner img,
.callback .banner img,
.hoteldetail .banner img {
    width: 100%;
    object-fit: cover;
}

.talent .content,
.brand .content {
    width: 94%;
    margin: 0 auto;
}

.talent .content .title,
.brand .content .title {
    text-align: center;
    font-size: 1.1rem;
    padding: 12px;
    margin-top: 5px;
}

.talent .content img,
.brand .content img {
    margin-top: 10px;
    width: 100%;
    margin-bottom: 15px;
}














/*品牌介绍*/

.brand .c2 .title {
    margin-top: 15px;
}

.brand .c3 .title {
    margin-top: 0px;
}

.brand .c2 img {
    margin-top: 0px;
}

.brand .content2,
.brand .c3 {
    overflow: hidden;
}

.brand .content2 .box {
    width: 33.33%;
    float: left;
    text-align: center;
    margin-bottom:1rem;
}

.brand .content2 .box img {
    width: 60%;
}
.box span
{    
    display: block;
    font-size: .8rem;
    color: #333333;
}

.brand .c3 .box {
    width: 50%;
    float: left;
    text-align: center;
}

.brand .c3 .box img {
    width: 90%;
}














/*新闻动态*/

.newsinfo .content .btns,
.mycoin .content .btns {
    overflow: hidden;
}

.newsinfo .content .btns .box,
.mycoin .content .btns .box {
    width: 33.33%;
    float: left;
    padding: 8px;
    box-sizing: border-box;
}

.newsinfo .content .btn,
.mycoin .content .btn {
    width: 100%;
    font-size: 14px;
    border-radius: 5px;
    color: #999999;
    text-align: center;
    border: 1px solid #999999;
    padding: 7px;
    box-sizing: border-box;
}

.newsinfo .news .items .item {
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
}

.newsinfo .news .items .item:last-child {
    border: none;
}

.newsinfo .pages,
.callback .pages {
    margin-top: 20px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    font-size: 13px;
}

.newsinfo .pages .item,
.callback .pages .item {
    float: left;
    height: 30px;
}

.newsinfo .pages .first,
.newsinfo .pages .end,
.callback .pages .first,
.callback .pages .end {
    padding: 0 15px 0 15px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #E7E7E7;
    box-sizing: border-box;
    color: #F3CB2F;
}

.newsinfo .pages .end,
.callback .pages .end {
    border-left: none;
    color: #000;
}

.newsinfo .pages .last,
.newsinfo .pages .page,
.newsinfo .pages .next,
.callback .pages .last,
.callback .pages .page,
.callback .pages .next {
    color: #4D4D4D;
    width: 30px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #E7E7E7;
    border-left: none;
    box-sizing: border-box;
}

.newsinfo .pages .page.active,
.callback .pages .page.active {
    border: none;
    color: #fff;
    background: #F3CB2F;
}










/*新闻详情*/

.newsdetail .article {
    width: 100%;
    margin: 0 auto;
}

.newsdetail .article .title {
    padding: 20px 14px 7px 14px;
    font-size: 17px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; 
    text-align:center;
}

.newsdetail .article .info {
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    color: #999999;
}

.newsdetail .article .info .date {
    display: inline-block;
    margin-right: 5px;
}

.newsdetail .article .info .look {
    display: inline-block;
}

.newsdetail .article .content {
    padding: 15px;
    font-size: 14px;
    color: #5D5D5D;
}

.newsdetail .navi {
    overflow: hidden;
    font-size: 13px;
    padding: 10px;
}

.newsdetail .navi span {
    color: #F3CB2F;
}

.newsdetail .navi .last {
    width: 45%;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.newsdetail .navi .next {
    width: 45%;
    float: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.newsdetail .navi a {
    color: #999999;
    text-decoration: none;
    border: none;
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}












/*会员公告、会员手册*/

.memberanno .title,
.membermanual .title,
.pinfo .info .title,
.hoteldetail .detail .title,
.hoteldetail .msg .title,
.hotelsub .title {
    padding: 20px 0 20px 15px;
    font-size: 1.2rem;
    font-weight: bold;
    background: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.memberanno .content,
.membermanual .content,
.hoteldetail .detail .content {
    border-bottom: 1px solid #ddd;
}

.memberanno .content .pretitle,
.membermanual .content .pretitle {
    padding: 15px;
    font-size: 1.2rem;
    font-weight: bold;
}

.memberanno .content .precontent,
.membermanual .content .precontent {
    padding: 0px 15px 15px 15px;
    font-size: 0.9rem;
    line-height: 26px;
    color: #5D5D5D;
}

.memberanno .back,
.membermanual .back {
    background: none;
}













/*积分商城*/

.integraldetail .back .btn {
    color: #fff;
    background: #f3cb2f;
}

.integraldetail .address {
    padding: 17px 0 17px 15px;
    font-size: 1.2rem;
    font-weight: bold;
    background: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.integraldetail .address:active {
    background: #F8F8F8;
}

.integraldetail .address .goicon {
    float: right;
    margin-right: 10px;
    color: #999999;
}

.integraldetail .item {
    height: 100px;
    background: #fff;
    overflow: hidden;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    padding: 13px;
}

.integraldetail .item .show {
    height: 100px;
    width: 100px;
    float: left;
    position: relative;
    border: 2px solid #EEEEEE;
    border-radius: 10px;
    box-sizing: border-box;
}

.integraldetail .item .show img {
    position: absolute;
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.integraldetail .item .iteminfo {
    overflow: hidden;
    padding-left: 12px;
}

.integraldetail .item .iteminfo .name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.integraldetail .item .iteminfo .price {
    margin-top: 7px;
    overflow: hidden;
    font-size: 15px;
}

.integraldetail .item .iteminfo .price .points {
    color: #f3cb2f;
    float: left;
}

.integraldetail .item .iteminfo .price .value {
    overflow: hidden;
    padding-left: 1rem;
    color: #999999;
}

.integraldetail .item .iteminfo .price .value .num {
    float: right;
}

.integraldetail .item .iteminfo .freight {
    font-size: 15px;
    margin-top: 27px;
    color: #999999;
}

.integraldetail .info,
.integraldetail .process,
.integraldetail .back {
    background: none;
}












/*个人中心*/

#bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.personal .register {
    position: relative;
    width: 90%;
    margin-top: 40px;
    left: 50%;
    transform: translate(-50%, 0);
    background: #fff;
    border-radius: 7px;
    overflow: hidden;
}

.personal .register img {
    position: relative;
    width: 70px;
    top: 20px;
    left: 50%;
    transform: translate(-50%, 0);
}

.personal .register .form {
    position: relative;
    width: 80%;
    margin-top: 35px;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: center;
}

.personal .register .form input {
    width: 100%;
    box-sizing: border-box;
    display: block;
    height: 42px;
    border: 1px solid #ddd;
    outline: none;
    padding: 15px;
    margin-bottom: 17px;
    border-radius: 7px;
}

.personal .register .form input:focus {
    border: 1px solid #f3cb2f;
}

.personal .register .form .code {
    position: relative;
}

.personal .register .form .code .getcode {
    position: absolute;
    top: 0;
    right: 0;
    height: 42px;
    line-height: 42px;
    background: #f3cb2f;
    color: #fff;
    padding: 0 10px 0 10px;
    box-sizing: border-box;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    font-size: 0.9rem;
}

.personal .register .form .code .getcode:active {
    background: #F1C40E;
}

.personal .register .btn {
    position: relative;
    background: #f3cb2f;
    width: 65%;
    margin: 0 auto;
    margin-top: 30px;
    text-align: center;
    color: #fff;
    padding: 10px;
    font-size: 0.9rem;
    border-radius: 7px;
	display: block;
    border: none;
    margin-bottom: 1rem;
}

.personal .register .btn:active {
    background: #F1C40E;
}

.personal .register .manual {
    position: relative;
    font-size: 0.6rem;
    color: #999999;
    float: right;
    margin-right: 5px;
}

.personal .register .manual a {
    outline: none;
    text-decoration: none;
    color: #707070;
}

.personal .register .other {
    position: relative;
    margin-top: 20px;
    width: 100%;
    height: 35px;
    padding: 5px;
}

.personal .register .other .one {
    line-height: 35px;
    margin-left: 10px;
    font-size: 0.8rem;
}

.personal .register .other img {
    position: absolute;
    width: 18px;
    top: 15px;
    left: 118px;
}

.personalmain {
    min-height: calc(100% - 139px);
    overflow: hidden;
}

.personal .login {
    position: relative;
    padding: 10px 20px 10px 20px;
    background: rgba(0, 0, 0, 0.2);
    display: inline-block;
    border-radius: 100px;
    left: 50%;
    margin-top: 20px;
    color: #fff;
    font-size: 14px;
    transform: translate(-50%, 0);
}

.personal .login a {
    text-decoration: none;
    color: #f3cb2f;
}












/*加盟费用、加盟优势、加盟流程*/

.joincost .content img,
.joinflow .content img,
.joingood .content img {
    display:block;
	width:100%;
}
.flow-img
{
	display:block;
	float:left;
	width:4rem;
	height:4rem;
}
.flow-menu
{
	width:82%;
	float:left;
	margin-top:1rem;
}
.joincost .navbar .item,
.joinflow .navbar .item,
.joingood .navbar .item,
.membercenter .navbar .item,
.hoteldetail .navbar .item {
    position: relative;
    width: 25%;
    float: left;
    padding: 13px 20px 13px 20px;
    box-sizing: border-box;
    margin: 10px 0 10px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    text-align: center;
	font-size: .7rem;
}
.flow-nav
{
	margin:0;
	padding:0;
}
.flow-nav li
{
	margin-bottom:2rem;
}
.flow-menu p
{
	padding:0;
	margin:0;
	font-size:.8rem;
	color:#333;
	line-height:1.4rem;
	margin-left:.5rem;
}
.joincost .navbar .item::after,
.joinflow .navbar .item::after,
.joingood .navbar .item::after,
.membercenter .navbar .item::after,
.hoteldetail .navbar .item::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 70%;
    background: #eee;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.joincost .navbar .item.active,
.joinflow .navbar .item.active,
.joingood .navbar .item.active,
.membercenter .navbar .item.active,
.hoteldetail .navbar .item.active {
    color: #f3cb2f;
    position: relative;
}

.joincost .navbar .item.active::before,
.joinflow .navbar .item.active::before,
.joingood .navbar .item.active::before,
.membercenter .navbar .item.active::before,
.hoteldetail .navbar .item.active::before {
    position: absolute;
    content: "";
    width: 90%;
    height: 2px;
    background: #f3cb2f;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
}





/*积分商城*/

.intestore .search .parent {
    padding: 15px;
    background: #F4D14B;
    position: relative;
}

.intestore .search .parent:active {
    background: #F1C929;
}

.intestore .search .parent img {
    float: right;
    margin-right: 10px;
    width: 0.9rem;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
}

.intestore .search .child {
    padding: 15px;
    /*display: none;*/
}

.intestore .search .child .item {
    height: 40px;
    margin-bottom: 13px;
    line-height: 40px;
    font-size: 0;
    position: relative;
}

.intestore .search .child .item .title {
    font-size: 1rem;
    width: 25%;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.intestore .search .child .item select,
.intestore .search .child .item input {
    width: 75%;
    height: 100%;
    box-sizing: border-box;
    outline: none;
    border: 1px solid #F4D14B;
    border-radius: 7px;
}

.intestore .search .child .item input {
    padding: 15px;
}

.intestore .search .child .item img {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 10px;
    width: 10px;
    color: #F4D14B;
}

.intestore .search .child .item .sear img {
    width: 23px;
    right: 17px;
}

.intestore .search .child .item .sear {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    background: #F4D14B;
    height: 100%;
    width: 60px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.intestore .search .child .item .sear:active {
    background: #F1C929;
}

.mdui-select {
    width: 75%;
    height: 100%;
    background-image: none;
    border: 1px solid #F4D14B;
    border-radius: 7px;
}

.mdui-select-selected {
    left: 10px;
}

.mdui-select-menu-item[selected] {
    color: #F4D14B;
}

.intestore .items {
    margin-top: 10px;
    overflow: hidden;
}

.intestore .items .item {
    width: 50%;
    float: left;
    padding: 15px;
    padding-top: 0px;
    box-sizing: border-box;
}

.intestore .items .item:nth-child(even) {
    padding-left: 5px;
}

.intestore .items .item:nth-child(odd) {
    padding-right: 5px;
}

.intestore .items .item .box {
    position: relative;
    width: 100%;
    border: 1px solid #ddd;
    height: 130px;
    box-sizing: border-box;
}

.intestore .items .item .box img {
    position: absolute;
    width: 60%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.intestore .items .item .content {
    padding-top: 7px;
    padding: 7px;
    border: 1px solid #ddd;
    border-top: none;
    box-sizing: border-box;
    position: relative;
}

.intestore .items .item .content .title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.intestore .items .item .content .price img {
    width: 12px;
}

.intestore .items .item .content .price {
    margin-top: 10px;
    margin-bottom: 5px;
    color: #F4D14B;
}

.intestore .items .item .content .yue {
    width: 30px;
    position: absolute;
    right: 4px;
    bottom: 4px;
}

.intestore .pages,
.hoteldetail .pages {
    overflow: hidden;
    position: relative;
    display: inline-block;
    left: 50%;
    margin-top: 20px;
    transform: translate(-50%, 0);
}

.intestore .pages a,
.hoteldetail .pages a {
    outline: none;
    text-decoration: none;
    color: #000;
    transition: all 0.2s;
}

.intestore .pages a.active,
.hoteldetail .pages a.active {
    background: #F4D14B;
    color: #fff;
    border: none;
}

.intestore .pages a:active,
.hoteldetail .pages a:active {
    background: #F4D14B;
    color: #fff;
}

.intestore .pages .page,
.hoteldetail .pages .page {
    float: left;
    width: 47px;
    height: 47px;
    text-align: center;
    line-height: 47px;
    margin-left: 5px;
    margin-right: 5px;
    border: 1px solid #ddd;
}









/*留言中心*/

.callback .box {
    width: 90%;
    background: #fff;
    margin: 20px auto;
    padding-bottom: 15px;
    text-align: center;
    border-radius: 7px;
}

.callback .box textarea {
    width: 80%;
    margin-top: 20px;
    background: #eeeeee;
    border-radius: 5px;
    font-size: 1.1rem;
    padding: 10px;
    border: 1px solid #ddd;
}

.callback .box .code {
    overflow: hidden;
    text-align: left;
    width: 90%;
    margin: 10px auto;
    box-sizing: border-box;
    height: 30px;
    position: relative;
    font-size: 14px;
}

.callback .box .code .text {
    overflow: hidden;
    float: left;
    line-height: 30px;
    margin-left: 5px;
    color: #6B6B6B;
}

.callback .box .code input {
    width: 65px;
    overflow: hidden;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    outline: none;
    border: 1px solid #ddd;
    background: #eeeeee;
    border-radius: 5px;
    padding: 5px;
}

.callback .box .code img {
    width: 45px;
    position: absolute;
    margin-left: 85px;
    top: 50%;
    transform: translate(0, -50%);
}

.callback .box .code .sure {
    float: right;
    background: #F3CB30;
    color: #fff;
    height: 30px;
    line-height: 30px;
    padding: 0 10px 0 10px;
    border-radius: 7px;
    border:none;
}

.callback .box .code .sure:active {
    background: #F1C40E;
}

.callback .msgcontent .title {
    text-align: center;
    font-size: 1.1rem;
    padding: 12px;
    margin-top: 5px;
    padding-bottom: 25px;
    border-bottom: 1px solid #eee;
}

.callback .msgcontent .msgbox {
    width: 90%;
    margin: 0px auto;
}

.callback .msgcontent .msgbox .msg {
    margin-top: 20px;
    padding: 15px;
    border: 1px dashed #ddd;
}

.callback .msgcontent .msgbox .msg .time {
    font-weight: bold;
}

.callback .msgcontent .msgbox .msg .msgc {
    font-size: 0.9rem;
    margin-top: 5px;
    /*white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;*/
}

.callback .msgcontent .msgbox .msg .msgb {
    font-size: 0.9rem;
    color: #999999;
    margin-top: 5px;
    /*white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;*/
}








/*个人信息*/

.pinfo .bar,
.membercenter .bar {
    overflow: hidden;
    background: #fff;
    border-top: 1px solid #eee;
    position: relative;
}

.pinfo .bar .item,
.membercenter .bar .item {
    width: 30%;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    float: left;
    position: relative;
}

.pinfo .bar .item:after,
.membercenter .bar .item:after {
    position: absolute;
    content: "";
    height: 70%;
    width: 1px;
    background: #eee;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.pinfo .bar .item.active,
.membercenter .bar .item.active {
    color: #F3CB30;
}

.pinfo .bar .right,
.membercenter .bar .right {
    width: 10%;
    height: 41px;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
}

.pinfo .bar img,
.membercenter .bar img {
    width: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.pinfo .info .content {
    background: #fff;
    padding: 15px;
}

.pinfo .info .content .c span {
    color: #FF5252;
    margin-right: 5px;
}

.pinfo .info .content .c {
    margin-top: 30px;
    line-height: 25px;
}

.pinfo .info .content .c:first-child {
    margin-top: 10px;
}

.pinfo .info .content .c2 {
    margin-top: 30px;
    line-height: 25px;
    margin-left: 12px;
}







/*会员中心*/

.membercenter .navbar {
    background: #fff;
    overflow: hidden;
    font-size: 0.9rem;
}

.membercenter .navbar .item {
    margin: 0;
    margin-top: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.membercenter .bar {
    border-bottom: 1px solid #eee;
}

.membercenter .info {
    margin-top: 10px;
    width: 100%;
    background: #fff;
}

.membercenter .info .title {
    overflow: hidden;
    padding: 15px;
    border-bottom: 1px solid #ddd;
}

.membercenter .info .title .time {
    float: right;
    color: #999999;
}

.membercenter .info {
    width: 100%;
}

.membercenter .info {
    width: 100%;
}

.membercenter .info .content {
    padding: 20px 25px 20px 25px;
}

.membercenter .info .content .i {
    margin-top: 15px;
    margin-bottom: 15px;
}

.membercenter .info .content .t {
    width: 90px;
    display: inline-block;
}

.membercenter .info .content .t2 {
    width: 90px;
    display: inline-block;
    letter-spacing: 5px;
}

.membercenter .info .content .t3 {
    width: 100px;
    display: inline-block;
    letter-spacing: 16px;
}

.membercenter .info .content .i span {
    color: #999;
}

.membercenter .more {
    margin-top: 30px;
    margin-bottom: 30px;
    background: #fff;
    text-align: center;
    padding: 14px;
    font-size: 1.1rem;
    color: #F3CB30;
    transition: all 0.3s;
}

.membercenter .more:active {
    background: #F3CB30;
    color: #fff;
}






/*我的积分*/

.mycoin .content2 {
    overflow: hidden;
    height: 120px;
    background: #fff;
    position: relative;
    width: 95%;
    margin: 20px auto;
}

.mycoin .content2 .box {
    width: 50%;
    float: left;
    height: 100%;
    position: relative;
}

.mycoin .content2 .box:first-child:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 70%;
    background: #ddd;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.mycoin .content2 .box img {
    float: left;
    position: relative;
    top: 50%;
    left: 15px;
    width: 40%;
    transform: translate(0, -50%);
}

.mycoin .content2 .box .info {
    position: relative;
    padding-left: 25px;
    overflow: hidden;
    top: 50%;
    transform: translate(0, -50%);
}

.mycoin .content2 .box .info .i:first-child {
    font-size: 1.1rem;
    font-weight: bold;
}

.mycoin .content2 .box .info .i:last-child {
    color: #F3CB30;
}

.mycoin .content2 .box:last-child {
    font-size: 0.8rem;
    text-align: center;
    line-height: 120px;
    color: #F3CB30;
}

.mycoin .content2 {
    overflow: hidden;
}

.mycoin .data {
    width: 95%;
    margin: 0 auto;
}





/*酒店支付*/

.pay {
    font-size: 0.8rem;
}

.pay .content1 {
    width: 95%;
    background: #fff;
    margin: 20px auto;
    padding: 15px;
    box-sizing: border-box;
    overflow: hidden;
}

.pay .content1 .one {
    color: #F3CB30;
}

.pay .content1 .two {
    margin-top: 7px;
}

.pay .content1 .money {
    margin-top: 15px;
    float: right;
}

.pay .content1 .money span {
    font-size: 1.2rem;
    color: #F3CB30;
}

.pay .hint {
    width: 95%;
    margin: 0 auto;
    padding: 15px;
    box-sizing: border-box;
    overflow: hidden;
    background: #FFF7EA;
    color: #FD8E43;
}

.pay .use {
    width: 95%;
    margin: 15px auto;
    border: 1px solid #eee;
    padding: 10px;
    box-sizing: border-box;
    font-size: 1rem;
}

.pay .use img {
    width: 15px;
}

.pay .use span {
    display: inline-block;
    width: 20%;
    margin-left: 10px;
    margin-right: 10px;
    border: 1px solid #eee;
    padding: 3px;
    padding-left: 5px;
    box-sizing: border-box;
}

.pay .text {
    width: 90%;
    margin: 0px auto;
    overflow: hidden;
    margin-top: -5px;
    font-size: 0.6rem;
    line-height: 25px;
}

.pay .text .left {
    float: left;
}

.pay .text .right {
    float: right;
}

.pay .text .right span {
    color: #F3CB30;
}

.pay .payway {
    width: 100%;
    background: #fff;
    width: 95%;
    margin: 5px auto;
    overflow: hidden;
}

.pay .payway .title {
    padding: 10px 10px 8px 15px;
    font-size: 1rem;
    border-bottom: 1px solid #ddd;
}

.pay .payway .items {
    overflow: hidden;
    padding: 15px 15px 20px 15px;
}

.pay .payway .items .item {
    display: inline-block;
    position: relative;
    font-size: 0;
    float: left;
    width: 50%;
}

.pay .payway .items .item input {
    position: relative;
    top: 50%;
    transform: translate(0, -70%);
}

.pay .payway .items .item img {
    width: 80%;
}

.pay .payway .title {
    padding: 10px 10px 8px 15px;
    font-size: 1rem;
    border-bottom: 1px solid #ddd;
}

.pay .nowpay {
    margin-top: 15px;
    position: relative;
    overflow: hidden;
    height: 50px;
}

.pay .nowpay .btn {
    width: 200px;
    text-align: center;
    padding: 10px 0 10px 0;
    background: #F3CB30;
    top: 0;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    color: #fff;
}

.pay .nowpay .btn:active {
    background: #F1C40E;
}

.pay .nowpay .btn .last {
    position: absolute;
    left: -50px;
    top: 50%;
    transform: translate(0, -50%);
}

.pay .nowpay .btn .last a {
    text-decoration: none;
    color: #000;
}




/*酒店详情*/

.hoteldetail .info {
    padding: 15px;
    background: #fff;
}

.hoteldetail .info .title {
    color: #F3CB30;
    font-size: 1.3rem;
}

.hoteldetail .info .title .icons {
    float: right;
    position: relative;
    font-size: 0;
}

.hoteldetail .info .title .icons img {
    width: 1.3rem;
    margin-top: 2px;
    margin-right: 2px;
}

.hoteldetail .info .point {
    margin-top: 10px;
    font-size: 0.9rem;
    color: #686868;
}

.hoteldetail .gallery {
    width: 95%;
    margin: 15px auto;
}

.hoteldetail .gallery .show img {
    width: 100%;
    border-radius: 10px;
}

.hoteldetail .gallery .imgs {
    overflow: hidden;
}

.hoteldetail .gallery .imgs .box {
    width: 33.3%;
    float: left;
    padding: 3px;
    height: 80px;
    box-sizing: border-box;
}

.hoteldetail .gallery .imgs .box:first-child {
    padding-left: 0px;
}

.hoteldetail .gallery .imgs .box:last-child {
    padding-right: 0px;
}

.hoteldetail .gallery .imgs .box img {
    width: 100%;
    height: 80px;
    border-radius: 10px;
    object-fit: cover;
}

.hoteldetail .gallery .score {
    margin-top: 10px;
    overflow: hidden;
    position: relative;
}

.hoteldetail .gallery .score .stars {
    float: right;
    margin-right: 5px;
    position: absolute;
    right: 75px;
    top: 50%;
    transform: translate(0, -40%);
}

.hoteldetail .gallery .score .stars img {
    width: 20px;
}

.hoteldetail .gallery .score .s {
    float: right;
}

.hoteldetail .gallery .score .s span {
    font-size: 1.5rem;
    color: #F3CB30;
}

.hoteldetail .gallery .num {
    text-align: right;
    margin-top: 5px;
}

.hoteldetail .navbar .item {
    position: relative;
    width: 25%;
    float: left;
    padding: 15px 0px 15px 0px;
    box-sizing: border-box;
    margin: 10px 0 10px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    text-align: center;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.hoteldetail .navbar .item::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 70%;
    background: #eee;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.hoteldetail .navbar .item.active a {
    color: #f3cb2f;
    position: relative;
}

.hoteldetail .navbar .item.active::before {
    position: absolute;
    content: "";
    width: 70%;
    height: 2px;
    background: #f3cb2f;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

.hoteldetail .navbar {
    background: #fff;
    overflow: hidden;
    font-size: 0.8rem;
}

.hoteldetail .navbar a {
    text-decoration: none;
    color: #000;
}

.hoteldetail .date,
.hotelsub .date {
    overflow: hidden;
    margin-top: 7px;
    padding: 5px;
    box-sizing: border-box;
    /*text-align: center;*/
}

.hoteldetail .date .box,
.hotelsub .date .box {
    width: 50%;
    font-size: 0.8rem;
    float: left;
    padding: 5px;
    box-sizing: border-box;
}

.hoteldetail .date .box input,
.hotelsub .date .box input {
    border: 1px solid #ddd;
    padding: 5px;
    width: 50%;
    border-radius: 5px;
    background: #fff;
}

.hoteldetail .sure {
    margin-top: 7px;
    float: right;
    height: 35px;
    line-height: 35px;
}

.hoteldetail .sure .btn {
    float: right;
    height: 35px;
    padding: 0 20px 0 20px;
    line-height: 35px;
    background: #F3CB30;
    margin: 0 5px 0 10px;
    border-radius: 7px;
    color: #fff;
}

.hoteldetail .items .item {
    overflow: hidden;
    background: #fff;
    
    margin-top: 10px;
    margin-bottom: 10px;
}

.hoteldetail .items .item:first-child {
    border-top: 1px solid #ddd;
}

.hoteldetail .items .item .box {
    width: 130px;
    height: 130px;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.hoteldetail .items .item .box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 7px;
}

.hoteldetail .items .content {
    overflow: hidden;
    padding-right: 5px;
}

.hoteldetail .items .content .title {
    color: #F3CB30;
    margin-top: 10px;
    font-size: 1.3rem;
	float:left;
}

.hoteldetail .items .fanjian
{   overflow: hidden;
    padding-right: 5px;
}
.hoteldetail .items .fanjian li
{
    height: 35px;
    line-height: 35px;
	margin-bottom: 1rem;
}

.fangxing{ display:none}
.fangxing2{ display:block}
.on{ display:block}
.hoteldetail .items .fanjian li span{ width:100px; float:left}
.hoteldetail .items .fanjian li i{
    width: 100px;
    float: right;
    background: #F3CB30;
    color: #fff;
    height: 35px;
    line-height: 35px;
    border-radius: 7px;
    text-align:center;
    }
.hoteldetail .items .content .text {
    margin-top: 14px;
    font-size: 0.9rem;
}

.hoteldetail .items .content .text span {
    color: #F3CB30;
}

.hoteldetail .items .look {
    width: 100px;
 
    float: right;
    text-align: center;
    padding: 4px 7px 0 0;
    box-sizing: border-box;
    font-size: 0.9rem;
}

.hoteldetail .items .look .text {
    margin-top: 9px;
}

.hoteldetail .items .look .btn {
    margin-top: 10px;
    width: 100%;
    background: #F3CB30;
    color: #fff;
    height: 35px;
    line-height: 35px;
    border-radius: 7px;
}

.hoteldetail .items .look .btn:active {
    background: #F1C40E;
}

.hoteldetail .items .look .text img {
    width: 13px;
    margin-left: 5px;
}

.hoteldetail .btn:active {
    background: #F1C40E;
}

.hoteldetail .content .pretitle {
    padding: 15px 15px 5px 15px;
    font-size: 1.2rem;
    font-weight: bold;
}

.hoteldetail .content .precontent {
    padding: 0px 15px 15px 15px;
    font-size: 0.9rem;
    line-height: 26px;
    color: #5D5D5D;
    text-indent: 20px;
}

.hoteldetail .msg {
    margin-top: 20px;
}

.hoteldetail .msg .user {
    overflow: hidden;
    height: 150px;
    background: #fff;
    border-bottom: 1px solid #ddd;
}

.hoteldetail .msg .user .left {
    width: 100px;
    height: 150px;
    padding: 7px;
    box-sizing: border-box;
    float: left;
}

.hoteldetail .msg .user .left img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 50%;
    position: relative;
    left: 50%;
    transform: translate(-50%, 5%);
}

.hoteldetail .msg .user .left .name {
    text-align: center;
    margin-top: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 0.9rem;
}

.hoteldetail .msg .user .left .type {
    text-align: center;
    font-size: 0.9rem;
}

.hoteldetail .msg .user .right {
    overflow: hidden;
    position: relative;
    height: 150px;
    padding-left: 5px;
}

.hoteldetail .msg .user .score {
    margin-top: 10px;
    overflow: hidden;
    position: absolute;
    color: #999;
    bottom: 10px;
    width: 100%;
}

.hoteldetail .msg .user .score .stars {
    float: left;
    margin-right: 5px;
    position: absolute;
    top: 50%;
    transform: translate(0, -40%);
    font-size: 0;
}

.hoteldetail .msg .user .score .s {
    font-size: 0.9rem;
    padding-top: 5px;
    margin-left: 95px;
    display: inline-block;
}

.hoteldetail .msg .user .score .time {
    padding-top: 5px;
    padding-right: 10px;
    float: right;
    margin-right: 5px;
    font-size: 0.9rem;
}

.hoteldetail .msg .user .score .stars img {
    width: 17px;
}

.hoteldetail .msg .user .right .one {
    padding: 10px 0 10px 0;
    height: 35px;
    font-weight: bold;
    line-height: 35px;
}

.hoteldetail .msg .user .right .two {
    color: #999;
    padding: 0 10px 0 0px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 0.9rem;
}

.hoteldetail .msg .user .right .one .btn {
    float: right;
    height: 35px;
    padding: 0 15px 0 15px;
    background: #F3CB30;
    margin-right: 10px;
    border-radius: 7px;
    font-weight: normal;
    color: #fff;
}



/*酒店预订*/

.hotelsub .title span {
    font-size: 0.8rem;
    color: #7D7D7D;
}

.hotelsub .date .all {
    clear: both;
    text-align: left;
    padding-left: 20px;
    padding-top: 10px;
    font-size: 0.8rem;
}

.hotelsub .date .all span {
    color: #F3CB30;
}

.hotelsub .date .box img {
    width: 11px;
    right: 0;
    top: 0;
    position: absolute;
}

.hotelsub .date .box {
    padding-left: 20px;
    line-height: 30px;
}

.hotelsub .date {
    overflow: visible;
    background: #fff;
    padding-top: 10px;
    padding-bottom: 20px;
}

.hotelsub .write .info {
    background: #fff;
    padding: 20px 10px 20px 10px;
    font-size: 0;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}

.hotelsub .write .info .one {
    float: left;
    font-size: 1rem;
    margin-top: 6px;
    font-weight: bold;
}

.hotelsub .write .info input {
    width: 30%;
    padding: 7px;
    margin-left: 10px;
    margin-right: 10px;
    border: 1px solid #ddd;
    border-radius: 7px;
    float: left;
    outline: none;
}

.hotelsub .write .info a {
    font-size: 1rem;
    color: #F3CB30;
    display: block;
    margin-top: 6px;
    text-decoration: none;
}

.hotelsub .write .info .con {
    font-size: 1rem;
    color: #999;
    margin-top: 10px;
    line-height: 22px;
}

.hotelsub .write .info .a {
    overflow: hidden;
}

.hotelsub .write .info .btn {
    font-size: 1rem;
    float: right;
    background: #F3CB30;
    color: #fff;
    height: 33px;
    line-height: 33px;
    padding: 0 15px 0 15px;
    border-radius: 7px;
}

.hotelsub .write .info .two {
    font-size: 1rem;
    margin-top: 5px;
}

.hotelsub .write .info .two span {
    float: right;
}

.hotelsub .write .info .submit {
    margin-top: 20px;
}

.hotelsub .write .info .btn:active {
    background: #F1C40E;
}
.joingood .navbar{
			overflow: hidden;
		}
		.joingood .content {
			width: 95%;
			margin:0 auto;
		}
		.joingood .content .item{
			width: 100%;
			height: 170px;
		} 
		.joingood .content .item .left{
			float: left;
			width: 50%;
			height: 100%;
		} 
		.joingood .content .item .leftc{
			width: 100%;
			height: 100%;
			background: #999999;
			position: relative;
		}  
		.joingood .content .item .leftc.active{
			width: 100%;
			height: 100%;
			background: #F3CB2F;
			position: relative;
		} 
		.joingood .content .item .leftc .text{
			position: absolute;
			width: 100%;
			font-size: 0.7rem;
			color: #fff;
			z-index: 99;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
		}  
		.joingood .content .item .leftc .text div{
			width: 80%;
			margin: 0 auto;
		} 
		.joingood .content .item .leftc .text div:nth-child(1){
			font-size: 1rem;
		}
		.joingood .content .item .leftc .text div:nth-child(2){
			margin-top: 5px;
		}
		.joingood .content .item .leftc.active .text:after{
			content:'';
			position: absolute;
			background: #F3CB2F;
			width: 15px;
			height: 15px;
			top: 50%;
			right: 0;
			transform: rotateZ(45deg) translate(0,-50%);
		} 
		.joingood .content .item .right{
			overflow:hidden;
			width: 50%;
			height: 100%;
		} 
		.joingood .content .item .rightc{
			position: relative;
			height: 100%;
		} 
		.joingood .content .item .rightc img{
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			z-index: 0;
			object-fit: cover;
		}
		.joingood .content .item.i2 .right{
			float: left;
		} 
		.joingood .content .item.i2 .leftc.active .text:after{
			content:'';
			position: absolute;
			background: #F3CB2F;
			width: 15px;
			height: 15px;
			top: 50%;
			left: -11px;
			transform: rotateZ(45deg) translate(0,-50%);
		} 

.brand .content .detail{
			width: 100%;
			position: relative;
			padding: 15px;
			box-sizing: border-box;
			margin-bottom: 20px;
		}
		.brand .content .detail img{
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 100%;
			margin:0;
			z-index: 0;
			object-fit: cover;
		}
		.brand .content .detail .mask{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 0;
			background: rgba(241,204,61,0.9);
		}
		.brand .content .detail .texts{
			position: relative;
			font-size: 0.8rem;
			line-height: 20px;
			color: #fff;
			text-indent:2em;
			margin-bottom: 0;
		}
		.brand .content .texts{
			position: relative;
			font-size: 0.8rem;
			line-height: 20px;
			color: #666666;
			text-indent:2em;
			margin-bottom: 15px;
		}

.callback .banner{
			height: 230px;
		}
		.callback .banner .title{
			position: relative;
			top: 50px;
			font-size: 1.3rem;
			line-height: 20px;
			color: #F5D550;
			font-weight: bold;
			padding: 0 30px 0 30px;
			margin-bottom: 0;
			display: inline-block;
		}
		.callback .banner .title:after{
			content: 'ONLINE MESSAGE';
			position: absolute;
			font-size: 0.9rem;
			font-weight: normal;
			color: #fff;
			bottom: -25px;
			right: -50px;
		}
		.callback .banner img{
			position: absolute;
			height: 230px;
			width: 100%;
			margin:0;
			object-fit: cover;
		}
		.callback .banner .texts{
			position: relative;
			top: 90px;
			font-size: 0.85rem;
			line-height: 20px;
			color: #fff;
			padding: 0 30px 0 30px;
			margin-bottom: 0;
			margin-top: 15px;
		}
.joincost .content .box {
        font-size: 0;
        margin-bottom: 30px;
    }

    .joincost .content .box img {
        width: 100%;
        height: 220px;
        object-fit: cover;
    }

    .joincost .content .box .text {
        font-size: 0.9rem;
        text-align: center;
        color: #fff;
        width: 100%;
        height: 50px;
        background: #F3CB2F;
        padding: 0 8% 0 8%;
        box-sizing: border-box;
        position: relative;
    }

    .joincost .content .box .text div {
        position: relative;
        top: 50%;
        transform: translate(0,-50%);
    }
.joinflow .navbar{
			overflow: hidden;
		}
		.joinflow .content {
			width: 95%;
			margin:0 auto;
		}
		.joinflow .content .item{
			width: 100%;
			height: 170px;
		} 
		.joinflow .content .item .left{
			float: left;
			width: 50%;
			height: 100%;
			padding: 7px;
			box-sizing: border-box;
		} 
		.joinflow .content .item .leftc{
			width: 100%;
			height: 100%;
			background: #999999;
			position: relative;
		}  
		.joinflow .content .item .leftc.active{
			width: 100%;
			height: 100%;
			background: #F3CB2F;
			position: relative;
		} 
		.joinflow .content .item .leftc .text{
			position: absolute;
			width: 100%;
			font-size: 0.8rem;
			top: 50%;
			color: #fff;
			text-align: center;
			transform: translate(0,-50%);
		}  
		.joinflow .content .item .leftc.active .text:after{
			content:'';
			position: absolute;
			background: #F3CB2F;
			width: 10px;
			height: 10px;
			top: 50%;
			right: 0;
			transform: rotateZ(45deg) translate(0,-50%);
		} 
		.joinflow .content .item .right{
			overflow:hidden;
			width: 50%;
			height: 100%;
			padding: 7px;
			box-sizing: border-box;
		} 
		.joinflow .content .item .rightc{
			position: relative;
			height: 100%;
		} 
		.joinflow .content .item .rightc img{
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			z-index: 0;
			object-fit: cover;
		} 
		.joinflow .content .item .rightc .mask{
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 100%;
			z-index: 0;
			background: rgba(0,0,0,0.3);
		} 
		.joinflow .content .item .rightc .text{
			position: relative;
			width: 100%;
			font-size: 0.8rem;
			top: 50%;
			text-align: center;
			transform: translate(0,-50%);
			color: #fff;
		} 
		.joinflow .content .item.i2 .right{
			float: left;
		} 
		.joinflow .content .item.i2 .leftc.active .text:after{
			content:'';
			position: absolute;
			background: #F3CB2F;
			width: 10px;
			height: 10px;
			top: 50%;
			left: -8px;
			transform: rotateZ(45deg) translate(0,-50%);
		}

.talent .content .detail{
			width: 100%;
			position: relative;
			padding: 15px;
			box-sizing: border-box;
		}
		.talent .content .detail img{
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 100%;
			margin:0;
			z-index: 0;
			object-fit: cover;
		}
		.talent .content .detail .mask{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 0;
			background: rgba(241,204,61,0.9);
		}
		.talent .content .detail .texts{
			position: relative;
			font-size: 0.8rem;
			line-height: 20px;
			color: #fff;
		} 
		.tanc-box
		{
			position: fixed;
			width: 100%;
			max-width: 640px;
			height: 100%;
			top:0;
			background:rgba(26,18,16,.5);
			z-index:99;
			display:none;
		}
		.tanc-boxs
		{
			display:block;
		}
		.tanc-info
		{
			width: 80%;
			height: 91%;
			background-color: #fff;
			right: 0;
			top: 9%;
			position: fixed;
			max-width: 640px;
			padding:0 1rem;
		}
		.tanc-nav
		{
			width:100%;
		}
		.tanc-nav li
		{
			width: 30%;
			float: left;
			background-color: #f5f5f5;
			border-radius: .2rem;
			outline: none;
			font-size: .8rem;
			margin-right: 5%;
			height: 2rem;
			text-align: center;
			line-height: 2rem;
			margin-bottom:1rem;
		}
		/*.tanc-nav li:first-child
		{
			background-color:#f4cf02;
			color:#fff;
		}*/
		
		.tanc-nav li.on
		{
			background-color:#f4cf02;
			color:#fff;
		}
		
		.tanc-nav li:nth-child(3n)
		{
			margin-right:0;
		}
		.tank-btn
		{
			width:75%;
			left: 13%;
			position: absolute;
			bottom: 2rem;
		}
		.tank-btn button
		{
			width: 45%;
			height: 2.5rem;
			line-height: 2.5rem;
			background-color: #f5f5f5;
			font-size: 1rem;
			text-align: center;
			outline: none;
			border: none;
			border-radius: .2rem;
			float:left;
			border:1px solid #d2d2d2;
		}
		.tank-btn button:nth-child(2)
		{
			float:right;
			background-color:#f4cf02;
			color:#fff;
		}
.telbox
{
    position: fixed;
    top: 14rem;
    height:3rem;
    right: 0;
    z-index: 999999;
    background-color: #f3cb2f;
    padding-left: 10px;
}
.tel
{
    font-size: 14px;
    color: #fff;
    display: block;
    height: 3rem;
    line-height: 3rem;
    position: absolute;
    width: 10rem;
    right: -300%;
    background-color: #f3cb2f;
    transition: all .3s;
}
.telbox img
{
    width: 2rem;
    padding:8px 6px;
    display:block;
}
.tels
{
    transition: all .3s;
    right: 3.4rem;
}