.menu_area,.all_bg{ background-color:#FFFFFF; width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:1000; display:none;}

.tip{ position:relative;}
.tip i,.tip2 i{position: absolute;
    width: 300px;
    top: 25px; display:none;
    left: 0px; font-style:normal;
    background-color: #FFFFFF;
    color: #6F6F6F;
    text-align: left;
    padding-left: 10px;
    border: 1px solid #E8E8E8;
    font-size: 16px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;}

.close_btn,.close_btn2
        {
            position: absolute;
            width: 30px;
            height: 30px;
            top: 0px;
            right: 20px;
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
        }
        .close_btn .icon-left,.close_btn2 .icon-left
        {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            height: 4px;
            width: 15px;
            top: 30px;
            background-color: #14cc70;
        }
        .close_btn .icon-left:before,.close_btn2 .icon-left:before
        {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 15px;
            height: 4px;
            background-color: #14cc70;
            content: "";
            top: -10px;
        }
        .close_btn .icon-left:after,.close_btn2 .icon-left:after
        {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 15px;
            height: 4px;
            background-color: #14cc70;
            content: "";
            top: 10px;
        }
        .close_btn .icon-left:hover,.close_btn2 .icon-left:hover
        {
            cursor: pointer;
        }
        .close_btn .icon-right,.close_btn2 .icon-right
        {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            height: 4px;
            width: 15px;
            top: 30px;
            background-color: #14cc70;
            left: 15px;
        }
        .close_btn .icon-right:before,.close_btn2 .icon-right:before
        {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 15px;
            height: 4px;
            background-color: #14cc70;
            content: "";
            top: -10px;
        }
        .close_btn .icon-right:after,.close_btn2 .icon-right:after
        {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 15px;
            height: 4px;
            background-color: #14cc70;
            content: "";
            top: 10px;
        }
        .close_btn .icon-right:hover,.close_btn2 .icon-right:hover
        {
            cursor: pointer;
        }
        .close_btn.open .icon-left,.close_btn2.open .icon-left
        {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            background: transparent;
        }
        .close_btn.open .icon-left:before,.close_btn2.open .icon-left:before
        {
            -webkit-transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px);
            transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px);
        }
        .close_btn.open .icon-left:after,.close_btn2.open .icon-left:after
        {
            -webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px);
            transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px);
        }
        .close_btn.open .icon-right,.close_btn2.open .icon-right
        {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            background: transparent;
        }
        .close_btn.open .icon-right:before,.close_btn2.open .icon-right:before
        {
            -webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px);
            transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px);
        }
        .close_btn.open .icon-right:after,.close_btn2.open .icon-right:after
        {
            -webkit-transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px);
            transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px);
        }
		
.close_btn2 .icon-left,.close_btn2 .icon-left:before,.close_btn2 .icon-left:after,.close_btn2 .icon-right,.close_btn2 .icon-right:before,.close_btn2 .icon-right:after{ background-color:#14cc70;
}	
@media only screen and (max-device-width: 480px){
	body{ width:100%;  overflow:hidden;}
	.logo img{    width: 150%;}
	.box{    min-height: initial;
    width: 100%; max-width:320px;}
	.show_box{ padding:0px 20px;}
	.left{ width:100%; height:50%;min-height:440px;    position: static;}
	.show_img>img{ width:70%;}
	.show_img{    text-align: center;}
	.right{ width:100%; height:40%;    position: static;padding-top: 60px;padding-bottom:0px;}
	
	.close_btn2,.close_btn{
    position: fixed;}	
	.close_btn2 .icon-left,.close_btn2 .icon-left:before,.close_btn2 .icon-left:after,.close_btn2 .icon-right,.close_btn2 .icon-right:before,.close_btn2 .icon-right:after{ background-color:#FFFFFF;}

}
@media (device-width:375px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone 6 */
body{ width:100%;  overflow:hidden;}
	.logo img{    width: 150%;}
	.box{    min-height: initial;
    width: 100%; max-width:320px;}
	.show_box{ padding:0px 20px;}
	.left{ width:100%; height:50%;min-height:440px;    position: static;}
	.show_img>img{ width:70%;}
	.show_img{    text-align: center;}
	.right{ width:100%; height:40%;    position: static;padding-top: 60px;padding-bottom:0px;}
	
	.close_btn2,.close_btn{
    position: fixed;}	
	.close_btn2 .icon-left,.close_btn2 .icon-left:before,.close_btn2 .icon-left:after,.close_btn2 .icon-right,.close_btn2 .icon-right:before,.close_btn2 .icon-right:after{ background-color:#FFFFFF;}

}