<style>
.tc {
 text-align:center
}
.tl {
 text-align:left
}
.tr {
 text-align:right
}
.dis {
 display:block
}
.undis {
 display:none
}
.fl {
 float:left
}
.fr {
 float:right
}
.cl {
 clear:both
}
.fb {
 font-weight:700
}
.fnb {
 font-weight:200;
 margin-left:-1px
}
.hr_1,.hr_10 {
 font-size:1px;
 line-height:1px;
 clear:both
}
.hr_1 {
 height:1px
}
.hr_10 {
 height:10px
}
input[type=text]:focus,input[type=password]:focus,textarea:focus {
 outline:0
}
.clear {
 clear:both

}

.photo_bottom {
 z-index:9999999;
 position:fixed;
 min-width:1220px;
 bottom:0;
 left:0;
 width:100%;
 height:170px;
 font-family:microsoft yahei;
}
.photo_bg {
 position:absolute;
 z-index:-1;
 left:0;
 bottom:0;
 width:100%;
 height:160px;
 background:#000;
 filter:alpha(opacity=70);
 -khtml-opacity:.7;
 -moz-opacity:.7;
 opacity:.7
}
.photo_bottom .w1220 {
 width:1220px;
 margin:0 auto;
 height:160px;
 position:relative;
}
.photo_bottom form ul {
 float:left;
 margin-left:100px;
 list-style:none;
 width:700px;
 filter:alpha(opacity=90);
 -webkit-opacity:.9;
 -moz-opacity:.9;
 opacity:.9;
 color:#fff;

}
.photo_bottom form ul .w1220_title{
	text-align: center;
	font-size: 30px;
	margin:15px 0;
}
.photo_bottom form ul li {
 float:left;
 margin:0 17px;

}
.photo_bottom form ul li .form-item{
	font-size: 17px;
}
.photo_bottom form input {
 display:block;
 width:240px;
 height:16px;
 line-height:16px;
 padding:10px 0;
 border:0;
 outline:0;
 text-indent:10px;
 font-family:microsoft yahei;
 font-size:14px;
 color:#666;
 float: right;
}
.photo_bottom form label {
 display:block;
 height:35px;
 font-size:16px;
 color:#eee;
 float:left;
 margin-top:0;
 width:260px
}
.photo_bottom form label b {
 color:#f4d025;
 font-size:24px;
 font-weight:400
}
.photo_bottom form .photo_btn_on {
 width:140px
}
.photo_bottom form input.photo_btn {
 width:140px;
 color:#fff;
 background:#f00000;
 font-size:18px;
 text-indent:0;
 cursor:pointer
}
.photo_err i {
 
 width:14px;
 height:14px;
 display:inline-block;
 display:inline-block;
 vertical-align:middle;
 margin-right:5px;
 margin-top:-3px
}
.photo_err span {
}
.photo_err {
 font-size:12px;
 height:35px;
 line-height:35px;
 display:none
}
.photo_cosle {
 width:20px;
 height:20px;
 display:block;
 right:20px;
 top:40px;
 cursor:pointer;
 position:absolute;
 background: url(/templets/hstgb/images/photopic_colse.png);
}
.new_version {
 width:860px;
 height:150px;
 display:block;
 float:left;
 position:relative
}

.photo_bottom02 form ul li.marbott_0 {
 margin-bottom:0;
 margin-left: 230px;
 margin-top:10px;
}
.photo_bottom02 form ul li.err-tel-tip {
 margin:5px 20px!important
}
.photo_bottom02 form ul li.title_ti {
 color:#fff;
 font-size:16px;
 margin:15px 20px;
 height:auto
}
/*.photo_bottom02 form ul li input {
 width:260px;
 height:30px;

}*/
.photo_bottom02 form ul li input.in210 {
 width:170px
}
.photo_bottom02 form input.photo_btn {
 width:260px;
 border-radius:0;
 font-size:16px;
 height:36px;
}
.photo_bottom02 .photo_err i {
 vertical-align:top
}
.photo_bottom02 .photo_err {
 height:20px;
 line-height:8px
}
.photo_bottom .renma {
 float:left;
 margin-left:30px;
 padding-top:10px;
 font-size:14px;
 color:#fff;
 line-height:30px
}
.photo_bottom_kai {
 left:0;
 position:fixed;
 bottom:36px;
 left:-160px;
 width:160px;
 height:110px;
 z-index:9999;
 cursor:pointer;
 background: url(/templets/hstgb/images/dibuzuobian.png) center top;
}
.photo_bottom .zinbb {
 position:relative;
 z-index:-1
}
.photo_bottom .xiazaiht {
 width:240px;
 height:30px;
 z-index:999999999;
 background:red;
 filter:alpha(opacity=0);
 -khtml-opacity:0;
 -moz-opacity:0;
 opacity:0;
 position:absolute;
 display:block;
 top:114px;
 left:247px
}
.photo_bottom .zinbb {
 position:relative;
 z-index:-1
}
.photo_bottom .zinbb {
 position:relative;
 z-index:-1
}
.err-ico {
 display:inline-block;
 width:14px;
 height:14px;
 vertical-align:middle;
 margin-top:-2px
}
.err-tel {
 margin-left:-15px
}
.err-ico span {
 color:#ff6767
}
.self-design-tit {
 font-style:normal!important
}
.cur-city-wrap .has-line {
 display:inline-block;
 vertical-align:middle;
 margin-top:-1px
}
.popup-overlay {
 width:100%;
 height:100%;
 position:fixed;
 top:0;
 left:0;
 z-index:99998;
 background-color:rgba(0,0,0,.7);
 display:none
}
.popup-wrap {
 position:fixed;
 width:460px;
 height:140px;
 top:50%;
 left:50%;
 margin-top:-90px;
 margin-left:-230px;
 padding:20px;
 background-color:#fff;
 z-index:99999
}
.popup-top {
 position:relative;
 padding-bottom:30px;
 border-bottom:1px solid #e4e4e4;
 text-align:left;
 font-size:16px;
 color:#333
}
.popup-top .popup-close-btn {
 position:absolute;
 top:5px;
 right:5px;
 display:block;
 width:18px;
 height:18px;
 cursor:pointer
}
.popup-top .popup-close-btn:hover {
 background-position:0 -35px
}
.popup-tips {
 margin:30px 0;
 text-align:center;
 font-size:16px;
 font-weight:700
}
.popup-btns {
 width:301px;
 margin:0 auto;
 text-align:center
}
.popup-btn {
 width:140px;
 height:40px;
 margin-right:10px;
 text-align:center;
 font-size:14px;
 line-height:40px;
 border:0;
 background-color:#f2f2f2;
 color:#333;
 cursor:pointer
}
.popup-btn:hover {
 background-color:#e4e4e4
}
.popup-ok-btn {
 background-color:#37bcff;
 color:#fff
}
.popup-ok-btn:hover {
 background-color:#fb3e2f
}
.no-city-pop {
 display:none;
 position:fixed;
 width:600px;
 height:240px;
 top:50%;
 left:50%;
 margin-top:-120px;
 margin-left:-300px;
 background-color:#fff;
 z-index:999999
}
.top {
 text-align:right
}
.tip-wrap {
 margin:0 0 38px 70px
}
.tip-info {
 margin-left:10px
}
.tit {
 margin-top:5px;
 font-size:18px;
 color:#333
}
.explain {
 margin-top:10px;
 line-height:1.5;
 color:#666
}
.bot {
 text-align:center
}
.err-tel-tip .tip,.err-tips .tip {
 float:none!important;
 color:#ff9c00!important
}
.element.style {
 z-index:99999999;
 display:block
}
.popup-overlay {
 height:100%;
 position:fixed;
 top:0;
 left:0;
 z-index:99998;
 background-color:rgba(0,0,0,.7);
 display:none
}
.tuku_zxbj_l {
 float:left;
 height:100%;
 width:570px
}
.tuku_zxbj_l dl {
 width:100%;
 position:relative;
 height:100%
}
.tuku_zxbj_l dt {
 position:absolute;
 left:0;
 bottom:0;
 width:207px
}
.tuku_zxbj_l dt img {
 display:block
}
.tuku_zxbj_l dd {
 padding-top:20px
}
.tuku_zxbj_l h5 {
 font-size:40px;
 font-weight:700;
 color:#ff0;
 line-height:65px;
 position:relative
}
.tuku_zxbj_l dl {
 font-size:16px;
 color:#37bcff;
 line-height:30px
}
.tuku_zxbj_r {
 float:left;
 height:100%;
 width:320px;
 padding-left:15px
}
.right_erweima {
 width:110px;
 position:absolute;
 right:100px;
 top:30px;
 text-align:center;
 color:#fff
}
.right_erweima dl {
 line-height:normal
}
.right_erweima2,.right_erweima3{
  width: 305px;
  float: right;
  color: #fff;
  margin: 37px 0;
}
.right_erweima2 p,.right_erweima3 p{
  font-size: 24px;
  line-height: 1;
}
.right_erweima {
 width:120px;
 position:absolute;
 right:320px;
 top:30px;
 text-align:center;
 color:#fff
}
.right_erweima3{
	display: none;
}
.right_erweima2{
	display: block;
}


</style>