|
|
|
| |
|
| |
|
|
| |
|
| | |
|
|
| |
|
|
|
.a-w-100pc{width:100%}
.a-w-100pc .mcenter{margin:0 auto}
.a-w-100pc .w1000{width:1000px}
.a-w-100pc .bg{background-position:center center}
.a-w-100pc img{border:0;margin:0 auto;padding:0;width:100%}
.a-w-100pc .banner{height:812px}
.a-w-100pc .a{height:2526px}
.a-w-100pc .a_bg{background-image:url('//static.bhfweb.com/templates/zhuangti/img/zsjm20151117/a_bg.jpg')}
.a-w-100pc .b{height:3054px}
.a-w-100pc .b_bg{background-image:url('//static.bhfweb.com/templates/zhuangti/img/zsjm20151117/b_bg.jpg')}
.a-w-100pc .c{height:2134px}
.a-w-100pc .c_bg{background-image:url('//static.bhfweb.com/templates/zhuangti/img/zsjm20151117/c_bg.jpg')}
.a-w-100pc .d{height:1733px}
.a-w-100pc .d_bg{background-image:url('//static.bhfweb.com/templates/zhuangti/img/zsjm20151117/d_bg.jpg')}
.a-w-100pc .form{height:741px}
.a-w-100pc .form_bg{background-image:url('//static.bhfweb.com/templates/zhuangti/img/zsjm20151117/form_bg.jpg')}
div.huifang_div {
width:271px;height:31px;
}
div.huifang_div label.radio {
display:block;
float:left;
margin-top:7px;
margin-right:20px;
}
div.huifang_div label.radio input {
float:left;
margin-top:2px;
}
div.huifang_div label.radio span {
float:left;
}
.bottom-form{
width:60%;
margin:0 auto 20px auto;
}
.form-inline .form-group {
display: inline-block;
vertical-align: middle;
width: 40%;
margin-bottom: 20px;
text-align: center;
margin-left: 8%;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
font-size:2rem;
}
.form-inline .form-control {
display: inline-block;
width: 40%;
vertical-align: middle;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.bottom-submit{
width:200px;
margin:0 auto;
background-color:#CB0102;
font-size:1.6rem;
padding:6px 12px;
color:#FFF;
border-radius:8px;
cursor:pointer;
}
.bottom-left{
position:absolute;
width: 23%;
height: 44%;
left: 20%;
top: 20%;
font-size:1.4rem;
padding: 6px 12px;
}
.bottom-right{
position:absolute;
width: 21%;
height: 44%;
right: 20%;
top: 20%;
font-size:1.4rem;
padding: 6px 12px;
}
.bottom-a-left{
position:absolute;
width: 12%;
height: 63%;
right: 43%;
top: 19%;
}
.bottom-a-right{
position:absolute;
width: 11%;
height: 65%;
right: 8%;
top: 17%;
}
.fixed-input{
position: absolute;
width: 72%;
left: 6%;
margin-top:24%;
padding: 6px 12px;
display: inline;
border: 1px solid #aaa;
border-radius: 8px;
}
.fixed-submit{
position: absolute;
width: 82%;
left: 6%;
bottom:10%;
padding: 6px 12px;
display: inline;
border-radius: 8px;
font-size:1rem;
color:#FFF;
background-color:#CB0102;
cursor:pointer;
}
#fixed-a{
position:absolute;
right: 1%;
top: 1%;
width: 17%;
height: 6%;
}
.swiper-container {
width: 60%;
margin:0 auto;
height: 320px;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
height: 300px;
float: left;
}