body{font-size:12px;font-family:microsoft yahei,SimHei;background-color:#000;color:#333}
html{overflow-y:scroll;overflow-x:hidden}
a{text-decoration:none;cursor:pointer}
*{margin:0;padding:0}
a:hover{text-decoration:underline}
ul,ol,li{list-style:none}
em{font-style:normal}
.clear{clear:both;font:0}
img{border:none}
.blank5{height:5px;clear:both;font-size:1px;overflow:hidden}
.blank10{height:10px;clear:both;font-size:1px;overflow:hidden}
.blank20{clear:both;height:20px;overflow:hidden}
.color_red{color:#ff1d1d}
.fl{float:left}
.fr{float:right}
.pr{position:relative}
.wrapper{width:7.5rem;margin:0 auto;position:relative;box-sizing:border-box}
.c_fixed{ position:fixed; overflow:hidden;}
.pic-box img{ display:block; width:100%;}
.web2-bg{ width:7.5rem; height:1.83rem; background:url(../images/web2_03.jpg) no-repeat;
 background-size:100% 100%;}
.web3-bg{ width:7.5rem; height:11.62rem; background:url(../images/web3_03.jpg) no-repeat;
 background-size:100% 100%;}
.iframe-box{ width:6.6rem; height:11.6rem; margin:0 auto;background:#fff; border:2px solid #000; border-radius:4px; -webkit-overflow-scrolling: touch;  
    overflow-y: scroll;  }
.iframe-box iframe{ width:100%; height:100%; }


.pop-pic{ position:absolute; width:5.21rem; height:6.75rem; background:url(pop1.png) no-repeat; background-size:100% 100%;
top:50%; left:50%; margin-left:-2.6rem; margin-top:-3.37rem; z-index:10;}
.pop-pic input{    position: absolute;
    top: 1.81rem;
    left: .5rem;
    width: 4.1rem;
    height: 2.2rem;
    text-align: center;
    font-size: .5rem;
    color: #999;
    border: none;}
.pop-pic a{ width:100%; height:.9rem; text-indent:-9999px; position:absolute; top:4.67rem;}
.mark{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,.6);top:0;bottom:0;}

input[type='radio']{
   -webkit-appearance: none;
}
.web2-bg label{ display:block;width:5.3rem; height:.64rem; line-height:.64rem; margin:0 auto; font-size:.36rem; color:#fff; }
.web2-bg label:nth-child(2){ margin-top:.1rem;}
.web2-bg input[type='radio']{
	display:inline-block;
	 width: .43rem;
    height: .43rem;
    margin-right: 10px;
	background:url(radio.png) no-repeat;
	background-size:100% 100%;
	position: relative;
	top:5px;
}

.web2-bg input[type='radio']:checked{
	    
    top: 5px;
    background:url(radio_checked.png) no-repeat;
	background-size:100% 100%;
}

.form{
    height:3.38rem;
    position:relative;
}
.form .ele{
}
.form .ele input{
    width:3.49rem;
    height:.51rem;
    border:0;
    background:none;
    position:absolute;
    text-indent:.5em;
    outline:0;
}
.form .name input{
    left:3.17rem;
    top:.14rem;
}
.form .tel input{
    left:3.17rem;
    top:1.0rem;
}
.form .btn{
    position:absolute;
    width:2.64rem;
    height:.57rem;
    left:2.32rem;
    top:2.33rem;

}
.form .btn input{
    display:block;
    width:100%;
    height:100%;
    border:0;
    background:none;
    outline:0;
}


#ui-error-msg{display:none;position:fixed;top:50%;left:50%;margin-left:-75px;width:150px;line-height:30px;background-color:rgba(0,0,0,0.8);color:#fff;font-size:14px;text-align:center;border-radius:7px;word-break:break-all;z-index:1111;padding:10px}
#ui-error-msg.show{display:block}
.card{
    width:7.5rem;
    height:5.5rem;
    position:fixed;
    left:50%;
    top:50%;
    margin-left:-3.75rem;
    margin-top:-2.75rem;
    background:url('./ggk_01.png') 0 0 no-repeat;
    background-size:100%;
    visibility:hidden;
    z-index:-1;
}
.card.show{
    visibility:visible;
    z-index:9;
}
.card.s1{
    background-image:url('./ggk_02.png');
}
.card.s2{
    background-image:url('./ggk_03.png');
}
.card.s3{
    background-image:url('./ggk_04.png');
}
.mark{
    display:none;
}

#redux {
    z-index: 22;
    box-sizing: border-box;
    width: 100%;
    height:1.6rem;
    position:relative;
    z-index:999;
}
.card-result{
    font-size:.5rem;
    color:#ff9c00;
    width:3.8rem;
    height:1.6rem;
    text-align:center;
    line-height:1.6rem;
    position:absolute;
    left:0;
    top:0;
}
.card-container{
    position:absolute;
    left:1.8rem;
    top:2.54rem;
    background-color:#FFF;
    height:1.62rem;
    width:3.9rem;
}

.jiangpin{
	width:7.5rem;
	height:10.39rem;
	background:url(../images/web4_05.jpg);
	background-size:100% 100%;
	position:relative;
	}
.jiangpin .jiangpin-box{ position:absolute; top:1.2rem; left:.7rem; width:6rem; height:5.4rem;}
.jiangpin .my-jp{
	position:absolute; bottom:1.2rem; width:100%; font-weight:bold; font-size:.32rem; text-align:center; color:#333;}
 .sideBox{    padding: .1rem .2rem;
    height: 5.2rem;
    overflow: hidden;}
.sideBox ul li{height:.6rem; line-height:.6rem;overflow:hidden}
.sideBox ul li span{display:inline-block;margin:0 5px; font-size:.28rem;color:#333;height:.6rem; line-height:.6rem;overflow:hidden}
.sideBox ul li span.name{ width:20%;}
.sideBox ul li span.tel{ width:40%;}
.sideBox ul li span.price{width:20%;}