.jingxiaoWrap { width: 100%; height: 760px; background: url(../images/jingxiaoBg.jpg) center no-repeat; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/jingxiaoBg.jpg', sizingMethod='scale'); overflow:hidden; } .jingxiaoWrap .jingxiaoContent { width: 455px; height: 380px; margin: 0 auto; margin-top:160px; } .jingxiaoWrap .jingxiaoContent .title { width: 320px; height: 114px; margin: 0 auto 40px; text-align:center; } .jingxiaoWrap .jingxiaoContent .title i { display: block; width: 60px; height: 52px; background: url(../images/icon-homeSearch.png) center no-repeat; margin: 0 auto 18px; } .jingxiaoWrap .jingxiaoContent .title span { font-size:28px; line-height: 34px; height: 34px; color: #fff; } .jingxiaoWrap .jingxiaoContent .lable { width: 100%; height: 55px; line-height: 55px; background: #fff; padding-left: 40px; position: relative; border-radius: 2px; margin-bottom: 42px; left:-10px; } .jingxiaoWrap .jingxiaoContent .lable i { display: block; width: 20px; height: 23px; background: url(../images/icon-oardtick.png) center no-repeat; background-size: 100%; position: absolute; left: 20px; top: 17px; } .jingxiaoWrap .jingxiaoContent .lable input { width: 100%; border: none; height: 40px; line-height:40px; } .jingxiaoWrap .jingxiaoContent .jxBtn { margin: 0 auto 34px; width: 180px; height: 55px; background: #28c157; color: #fff; font-size: 12px; text-align: center; line-height: 55px; position: relative; padding: 0; border-radius: 2px; font-size: 14px; cursor:pointer; } .jingxiaoWrap .jingxiaoContent .jxBtn:hover{ background:#198a3c;} .jingxiaoWrap .jingxiaoContent .jxBtn,.jingxiaoWrap .jingxiaoContent .jxBtn:hover{-moz-transition:all .3s linear; -webkit-transition:all .3s linear; transition:all .3s linear;} .jingxiaoWrap .jingxiaoContent .jxBtn i { display: block; width: 25px; height: 25px; background: url(../images/i-search.png) center no-repeat; left: 50px; top: 15px; position: absolute; } .jingxiaoWrap .jingxiaoContent .jxBtn span { padding-left: 16px; letter-spacing: 4px; } .jingxiaoWrap .jingxiaoContent .aWrap { text-align: center; } .jingxiaoWrap .jingxiaoContent .aWrap a { font-size: 12px; color: #fff; text-decoration: underline; display:inline-block; position:relative; z-index:9; } .jingxiaoWrap .jingxiaoContent .aWrap a:hover{ text-decoration:none;} .ma2Dialog { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; display: none; } .ma2Dialog .maPopWrap { z-index: 3; width: 900px; height: 600px; background: #fff; position: absolute; left: 50%; top: 50%; margin: -300px 0 0 -450px; } .ma2Dialog .maPopWrap .pad { padding-top: 40px; } .ma2Dialog .maPopWrap .pad .gongzhong { width: 800px; margin: 0 auto; position: relative; } .ma2Dialog .maPopWrap .pad .guanfang { width: 593px; margin: 0 auto; padding-top: 30px; text-align: center; } .ma2Dialog .maPopWrap .pad .guanfang img { font-size: 0; margin-bottom: 30px; } .ma2Dialog .maPopWrap .pad .guanfang p { text-align: center; color: #000; line-height: 20px; margin-bottom: 23px; } .ma2Dialog .maPopWrap .pad .guanfang em { color: #ff0000; } .ma2Dialog .maPopWrap .pad .p1 { position: absolute; font-size: 12px; color: #222; left: 68px; bottom: 20px; } .ma2Dialog .maPopWrap .pad .p2 { position: absolute; left: 358px; bottom: 20px; color:#222; } .ma2Dialog .maPopWrap .pad .p3 { position: absolute; right: 62px;color:#222; bottom: 20px; } .ma2Dialog .bgcolor { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../../img/product/bg.png) repeat; } /*新加弹窗start*/ #popup{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; display: none; } #popup .maPopWrap { z-index: 3; width: 480px; height: 300px; background: #fff; position: absolute; left: 50%; top: 50%; margin: -150px 0 0 -240px; } #popup .maPopWrap .pad { padding-top:74px; } #popup .maPopWrap .pad .icon{ width:40px; height: auto; margin: 0 auto 20px; } #popup .maPopWrap .pad .icon img{ width: 100%; height: auto; display: block; } #popup .maPopWrap .pad h1{ font-size:24px; color: #000; text-align: center; font-weight:600; letter-spacing:2px; margin-bottom: 30px; } #popup .maPopWrap .pad p{ font-size:14px; color: #000; text-align: center; letter-spacing:1px; padding: 0 20px; } #popup .maPopWrap .pad .gongzhong { width: 800px; margin: 0 auto; position: relative; } #popup .bgcolor { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/product/bg.png) repeat; } /*新加弹窗end*/ .lable{ position:relative; margin-bottom:12px; height:40px;} .lable .name{ margin-left:-40px; width:40px; font-size:13px; float:left; height:40px; line-height:40px;} .lable .inputText{width:308px; border:none; background:none; height:40px; line-height:40px;border-radius: 3px; text-indent:12px;font-size:13px; *float:left;} .tipTxt{ position:absolute; left:42px; top:0px; text-indent:12px; color:#aaa; z-index:0; cursor: text; height:55px; line-height:55px; font-size:13px; font-weight:normal;} .lable .error{ position:absolute; right:-130px; top:0; color:#f00; height:40px; line-height:40px;} .main{ padding-bottom:0;}