/* CSS Document */
body{margin:0px; padding:0px; font-family:"微软雅黑"; font-size:12px; }
ul,li,p,h1,h2,h3,h4,form,input{margin:0px; padding:0px;}
ul,li,input{list-style:none; outline:none;}
img{border:none;}
a{text-decoration:none;}
.l{float:left;}
.r{float:left;}
.c{clear:both;}
body{background: url(../images/zxbm_bg.jpg); background-repeat:no-repeat; background-position:center top; background-size:1920px;}
 
.side{width:360px; no-repeat left bottom;overflow:hidden; position:fixed; left:42%; top:50%; margin-top:-260px;}
.side li{ width:176px; float:left; border-radius:25px; height:52px; text-align:center; cursor:pointer;}
.side li:hover a{ color:#ee7800;}
.side .bkdli{ border:#FFFFFF solid 2px;}
.side li a{display:block; width:180px; margin-top:1px; height:40px; line-height:50px; font-size:28px; color:#fff;}
.side li .hsa{}
	
	
.container{width:600px; margin:0 auto; height:450px; position:fixed; left:42%; top:50%; margin-top:-200px;}
.content{height:450px; width:600px; border-radius:20px; overflow:hidden; position: relative;}

.content .column{width:600px; height:390px; padding-top:60px; background: url(../images/zxbm_bgc.png); position:absolute; left:0; top:0; border-radius:20px; overflow:hidden;
-webkit-transform:rotateY(0deg);
-moz-transform:rotateY(0deg);
-ms-transform:rotateY(0deg);
-o-transform:rotateY(0deg);
transform:rotateY(0deg);
-webkit-transition: -webkit-transform 0.6s; 
-moz-transition:-webkit-transform 0.6s; 
-ms-transition: -webkit-transform 0.6s; 
-o-transition: -webkit-transform 0.6s; 
transition: -webkit-transform 0.6s;
}
.content .column02{
-webkit-transform:rotateY(-90deg);
-moz-transform:rotateY(-90deg);
-ms-transform:rotateY(-90deg);
-o-transform:rotateY(-90deg);
transform:rotateY(-90deg);
-webkit-transition: -webkit-transform 0.6s; 
-moz-transition:-webkit-transform 0.6s; 
-ms-transition: -webkit-transform 0.6s; 
-o-transition: -webkit-transform 0.6s; 
transition: -webkit-transform 0.6s; opacity:0;
}


.content .column01{width:600px; height:390px; padding-top:60px; background: url(../images/zxbm_bgc02.png); position:absolute; left:0; bottom:0; border-radius:20px; overflow:hidden;
-webkit-transform:rotateY(90deg);
-moz-transform:rotateY(90deg);
-ms-transform:rotateY(90deg);
-o-transform:rotateY(90deg);
transform:rotateY(90deg);
-webkit-transition: -webkit-transform 0.6s; 
-moz-transition:-webkit-transform 0.6s; 
-ms-transition: -webkit-transform 0.6s; 
-o-transition: -webkit-transform 0.6s; 
transition: -webkit-transform 0.6s; opacity:0;
}
.content .column03{
-webkit-transform:rotateY(0deg);
-moz-transform:rotateY(0deg);
-ms-transform:rotateY(0deg);
-o-transform:rotateY(0deg);
transform:rotateY(0deg);
-webkit-transition: -webkit-transform 0.6s; 
-moz-transition:-webkit-transform 0.6s; 
-ms-transition: -webkit-transform 0.6s; 
-o-transition: -webkit-transform 0.6s; 
transition: -webkit-transform 0.6s; opacity:1;
}


.content .column .neme{height:35px; margin-bottom:55px;}
.content .column .neme .wirting{width:120px; text-align: left; padding-left:42px; height:35px; line-height:50px; font-size:24px; color:#FFFFFF;}
.content .column .neme .bdx{width:390px; height:50px;}
.content .column .neme .bdx input{width:390px; height:50px; background-color:#FFFFFF; border:none; outline:none; line-height:50px; border-radius:25px; padding-left:18px; font-size:18px; color:#999999;}
.content .column .neme .btx{height:35px; line-height:50px; padding-left:15px; color:red; font-size:20px;}
.content .column p.sp{text-indent:170px; color:#747474; line-height:24px; _line-height:20px;}
.content .column .neme .dx{padding-top:8px;}
.content .column .neme .xl{ height:35px;}
.content .column .neme #zy{ line-height:50px; height:50px; width:408px; text-align:center; font-size:20px; color:#ee7800; appearance:none; -moz-appearance:none; -webkit-appearance:none; border-radius:25px;}
.footer p{text-align:center; line-height:50px; color:#666;}
.content .column h3{font-size:18px; color:#333; text-align:center; margin-bottom:15px;}
.content .column p.sp2,.content .column p.sp3{width:700px; margin:0 auto; text-indent:2em; line-height:24px;}
.content .column p.sp2{font-size:14px; font-weight:bold; margin-top:5px;}
.content .column p.sp3{font-size:14px;}

.pay_ifrm{width:850px;height:675px; margin:0 auto; text-align:left; margin-left:-100px;}


.wenzi{width:730px; height:auto; text-align:center; color:rgb(241,123,36); font-family:"微软雅黑"; font-weight:bold; font-size:30px; float:left; margin-top:10px;}
.zxzxbox{ position:absolute; bottom:65px; right:30px;}


.column .form-name{width:120px !important; text-align: left; padding-left:42px; height:35px; line-height:50px; font-size:24px !important; color:#FFFFFF !important; display:none;}

.zfzxbox{
	display:block;
	position:absolute;
	bottom:-2px;
	right:226px;
	width:122px;
	height:43px;
	background-image:url(../images/zxbm_btn04.jpg);
}
.zfzxbox:hover{background-image:url(../images/zxbm_btn05.jpg);}
