@charset "utf-8";
/*手机主机样式*/
#content{
	background: url(../../images/h5/h5_i_bg.png) center no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    text-align: center;
    /* display: inline-block; */
}
#content>.inner{
	padding: .2rem;
}
#content .c_img{
	width: 100%;
   
}
 .btn{
    width: 2.8rem;
     height: .78rem;
    line-height: .78rem;
    border-radius: .88rem;
    border: 0;
    -webkit-appearance: none;
    margin: auto;
   font-size: .28rem;
    color: #fff;
}
.c_bootom{
	    width: 5.9rem;
    margin: 0 auto;
	padding: .2rem 0;
}
.c_bootom .one{
	  background-color: #4b84e6;
}
.c_bootom .two{
	   color: #4b84e6;
    background: rgba(252, 252, 252, 0.5);
}

#footer{
	
}
/* #footer{
	text-align: center;
	 position: fixed;
		bottom: 0;
		z-index: 100;
		width: 100%;
		max-width: 750px;
		min-width: 320px;
		    height: 2.3rem;
} */
#footer{
     text-align: center;
}
#footer img{
	    width: 3.86rem;
	    height: .78rem;
	    margin-top: .5rem;
}
#footer p{font-size: .22rem;/* line-height: 2.3rem; *//* height: .3rem; */margin-top: .3rem;/* margin-bottom: .55rem; */color: #808080;}

/*分享 图片指引*/

.layui-m-layercont img{
	width: 100%
}
.share-btn .layui-m-layercont{
	padding:0;	
}

/*关注公众号*/
  #fix_top{
                position: fixed;
                top: 5rem;
                right: 0;
                color: #666;
                z-index: 10;
                font-weight: bold;
      }
      
#fix_top>.inner{
    padding: .1rem;
    background: #fff;
    border-radius: .1rem 0 0 .1rem;
}

#fix_top .gzcode{
     display: inline-block;
     width: .2rem;
     background: #fff;
     font-size: .18rem;
}


.s-xguide-down{

    width:50px;

    height:50px;

    display:inline-block;

    position:fixed;

    bottom:80px;

    left:50%;

    background:url("../../images/h5/s_xman_guide_f3aebfe5.png")
no-repeat
-21px
-3px;

    _background:none;

    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../images/h5/s_xguide_down_ie_a343e020.png",enabled=true,sizingMethod="crop");

    border-radius:50%;

    -moz-border-radius:50%;

    -webkit-border-radius:50%;

    -o-border-radius:50%;

    opacity:.7;

    cursor:pointer

}

@keyframes
xguide_down{

    0%,100%{

        transform:scale(0.0);

        -moz-transform:scale(0.0);

        -o-transform:scale(0.0);

        -webkit-transform:scale(0.0);

        -ms-transform:scale(0.0);

        opacity:0

    }

    50%{

        transform:scale(1.0);

        -moz-transform:scale(1.0);

        -o-transform:scale(1.0);

        -webkit-transform:scale(1.0);

        -ms-transform:scale(1.0);

        opacity:1

    }

 

}

@-webkit-keyframes
xguide_down{

    0%,100%{

        -webkit-transform:scale(0.0);

        -moz-transform:scale(0.0);

        -o-transform:scale(0.0);

        -ms-transform:scale(0.0);

        transform:scale(0.0);

        opacity:0

    }

    50%{

        -webkit-transform:scale(1.0);

        -moz-transform:scale(1.0);

        -o-transform:scale(1.0);

        -ms-transform:scale(1.0);

        transform:scale(1.0);

        opacity:1

    }

 

}

@-moz-keyframes
xguide_down{

    0%,100%{

        -moz-transform:scale(0.0);

        -o-transform:scale(0.0);

        -webkit-transform:scale(0.0);

        -ms-transform:scale(0.0);

        transform:scale(0.0);

        opacity:0

    }

    50%{

        -moz-transform:scale(1.0);

        -o-transform:scale(1.0);

        -webkit-transform:scale(1.0);

        -ms-transform:scale(1.0);

        transform:scale(1.0);

        opacity:1

    }

 

}

@-o-keyframes
xguide_down{

    0%,100%{

        -o-transform:scale(0.0);

        -moz-transform:scale(0.0);

        -webkit-transform:scale(0.0);

        -ms-transform:scale(0.0);

        transform:scale(0.0);

        opacity:0

    }

    50%{

        -o-transform:scale(1.0);

        -moz-transform:scale(1.0);

        -webkit-transform:scale(1.0);

        -ms-transform:scale(1.0);

        transform:scale(1.0);

        opacity:1

    }

 

}

.s-xguide-down.trans{

    -webkit-animation:xguide_down
4.0s
infinite
ease-in-out;

    -moz-animation:xguide_down
4.0s
infinite
ease-in-out;

    -o-animation:xguide_down
4.0s
infinite
ease-in-out;

    animation:xguide_down
4.0s
infinite
ease-in-out

}

.s-xguide-down.arrow-1{

    animation-delay:-2.0s;

    -webkit-animation-delay:-2.0s;

    -moz-animation-delay:-2.0s;

    -o-animation-delay:-2.0s

}