@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; border:none;}
body, button, input, select, textarea { font:12px/1.5 "Microsoft YaHei", Simsun; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:courier new, courier, monospace; }
small { font-size:12px; }
ul, ol, li { list-style:none; }
a { text-decoration:none; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
a {outline:none;}
.clear {clear:both;}

/*css sprites*/
.section .subTitle,
.floatBox .floatHead,
.floatBox .returnTop {background:url("http://tpn.gzl.com.cn/static/20180508_localTravel_PC/images/cssSprites.png") no-repeat;}

body {background:#3171e6;}
.indexHead {width:100%; height:645px; background:url("http://tpn.gzl.com.cn/static/20180508_localTravel_PC/images/indexHead.jpg") no-repeat 50% 0;}
.section {width:100%; padding:30px 0;}
.section .sectionTitle {width:100%; height:120px; margin:0 auto 20px;}
.section .subTitle {width:420px; height:67px; margin:0 auto 15px;}
.section .productList {width:1012px; margin:0 auto 40px;}
.section .productList li {position:relative; left:0; top:0; float:left; width:241px; height:290px; margin:0 6px 10px; background:#fff; border-radius:8px; overflow:hidden; transition:250ms top;}
.section .productList li:hover {top:-3px;}
.section .productList li a {display:block; width:100%; height:100%;}
.section .productList li .photo {width:241px; height:161px; margin-bottom:5px; position:relative;}
.section .productList li .photo img {display:block; width:100%; height:161px;}
.section .productList li .photo .tag {position:absolute; left:5px; top:5px; float:left; height:20px; padding:0 12px; margin-bottom:3px; font-size:14px; line-height:20px; color:#fff; border-radius:10px; background:#f9408b;}
.section .productList li .photo .discount {float:left; height:20px; padding:0 12px; font-size:14px; line-height:20px; color:#fff; border-radius:10px; background:#ff6088;}
.section .productList li .photo .date {position:absolute; left:0; bottom:0; width:231px; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 5px; background:url("http://tpn.gzl.com.cn/static/20180212_springBigSale_PC/images/dateBg.png"); font-size:13px; line-height:26px; color:#fff;}
.section .productList li h2 {height:40px; overflow:hidden; margin-bottom:3px; padding:0 5px; font-size:15px; line-height:20px; color:#333;}
.section .productList li .feature {height:36px; overflow:hidden; margin-bottom:5px; padding:0 5px; font-size:13px; line-height:18px; color:#a48ad6;}
.section .productList li .price {position:absolute; left:10px; bottom:50px; height:28px; overflow:hidden; font:26px/28px "Microsoft YaHei", Simsun; color:#ef2673;}
.section .productList li .price span {font-size:14px;}
.section .productList li .button {position:absolute; left:5px; bottom:5px; width:229px; height:36px; background:#ff4992; border-radius:18px; font-size:18px; line-height:36px; text-align:center; color:#fff; transition:250ms opacity;}
.section .productList li .soldOut {background:#999;}
.section .productList li:hover .button {opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80);}
.adArea {width:100%; padding:20px 0 10px;}
.adArea a {width:1000px; height:229px; display:block; margin:0 auto; background:url("http://tpn.gzl.com.cn/static/20180508_localTravel_PC/images/ad_area.jpg") no-repeat;}

/*float box*/
.floatBox {position:absolute; left:50%; top:170px; margin-left:520px;}
.floatBox .floatHead {position:relative; left:5px; top:0; width:139px; height:74px; background-position:-421px 0;}
.floatBox .floatMain {width:150px; padding:5px 0 1px; margin-bottom:5px; background:#fff; border-radius:10px;}
.floatBox .floatMain h2 {font-size:14px; text-align:center; margin-bottom:5px;}
.floatBox .floatMain ul {padding:0 5px;}
.floatBox .floatMain ul li {width:140px; padding:10px 0; margin-bottom:5px; font-size:15px; line-height:20px; text-align:center; color:#fff; border-radius:6px; cursor:pointer; transition:250ms opacity;}
.floatBox .floatMain ul li:hover {opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80);}
.floatBox .floatMain1 h2 {color:#5c2cab;}
.floatBox .floatMain1 ul li {background:#5c2cab;}
.floatBox .floatMain2 h2 {color:#4643bc;}
.floatBox .floatMain2 ul li {background:#4643bc;}
.floatBox .floatMain3 h2 {color:#3171e6;}
.floatBox .floatMain3 ul li {background:#3171e6;}
.floatBox ul li.currentButton {background:#54c6ff;}
.floatBox .bigButton {width:150px; height:40px; font-size:15px;}
.floatBox .returnTop {width:68px; height:68px; margin:0 auto; background-position:-421px -75px; cursor:pointer;}
.floatBox .returnTop:hover {opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80);}

/*section1*/
.section1 {background:#5c2cab; position:relative;}
.section1 .sectionTitle {border-bottom:1px #865fc7 solid; background:url("http://tpn.gzl.com.cn/static/20180508_localTravel_PC/images/section1_title.jpg") no-repeat 50% 0;}
.section1 .subTitle1 {background-position:0 0;}
.section1 .subTitle2 {background-position:0 -68px;}
.section1 .subTitle3 {background-position:0 -136px;}

/*section2*/
.section2 {background:#4643bc;}
.section2 .sectionTitle {border-bottom:1px #6461d6 solid; background:url("http://tpn.gzl.com.cn/static/20180508_localTravel_PC/images/section2_title.jpg") no-repeat 50% 0;}
.section2 .subTitle1 {background-position:0 -204px;}
.section2 .subTitle2 {background-position:0 -272px;}
.section2 .subTitle3 {background-position:0 -340px;}
.section2 .subTitle4 {background-position:0 -408px;}
.section2 .subTitle5 {background-position:0 -476px;}

/*section3*/
.section3 {background:#3171e6; padding-bottom:0;}
.section3 .sectionTitle {border-bottom:1px #5c90f1 solid; background:url("http://tpn.gzl.com.cn/static/20180508_localTravel_PC/images/section3_title.jpg") no-repeat 50% 0;}


.explain {font-size:14px; text-align:center; color:#84b0ff; padding:10px 0 20px;}

/* login */
.login-box-wrapper{
  width: 100%;
  height: 100%;
  background: #fff url('http://tpn.gzl.com.cn/static/20180508_localTravel_PC/images/login_bg.png') no-repeat bottom center;
  background-size: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
.login-warpper{
  width: 350px;
  position: fixed;
  top: 30%;
  left: 50%;
  margin: -184px -175px;
}
.login_logo{
  display: block;
  margin:6% auto 50px;
}
.login-box,
.fotgetPsw-box {
  width: 350px;
  /* position: fixed;
  top: 50%;
  left: 50%;
  margin: -184px -175px;
  padding: 0; */
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 1px 1px 50px rgba(0,0,0,.3)
}

.login-box-title,
.fotgetPsw-title {
  padding: 0 80px 0 20px;
  height: 42px;
  line-height: 42px;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  background-color: #F8F8F8;
  border-radius: 2px 2px 0 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.login-err{
  height: 24px;
}
.login-err-tip{
  margin: 0px 40px;
  height: 24px;
  line-height: 30px;
  font-size: 12px;
  color: #d82628;
}

.login-bg {
  width: 350px;
  height: 250px;
  margin: 0 auto;
}

.login-inputs {
  margin: 0 40px
}
.input-item {
  margin-bottom: 10px
}
.input-item label{
  display: block;
}
.valid-img img{
  cursor: pointer;
}

input {
  background-size: 40px;
  padding-left: 10px;
  height: 44px;
  vertical-align: top;
  border: none;
  outline: 0;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #ddd
}

input.valid {
  width: 150px;
  margin-right: 10px;
  vertical-align: text-bottom;
}

.sign-up-btn {
  padding: 0 40px;
  display: block;
  color: #466094;
  height: 25px;
  line-height: 25px;
}

.sign-up-btn .sign-up-l {
  display: inline-block;
  cursor: pointer;
}

.login-box-btn,
.fotgetPsw-btn{
  text-align: right;
  padding: 0 15px 12px;
  pointer-events: auto;
  user-select: none;
  -webkit-user-select: none;
}
.login-box-btn a,
.fotgetPsw-btn a{
  display: inline-block;
  height: 28px;
  line-height: 28px;
  margin: 5px 5px 0;
  padding: 0 15px;
  border: 1px solid #dedede;
  background-color: #fff;
  color: #333;
  border-radius: 2px;
  font-weight: 400;
  cursor: pointer;
  text-decoration: none;
}
.login-box-btn .login-box-btn0,
.fotgetPsw-btn .fotgetPsw-btn0{
  border-color: #1E9FFF;
  border: none;
  background-color: #D82628;
  color: #fff;
}


/* 忘记密码 */
.fotgetPsw-box{
  margin: -80px -175px;
  display: none;
}
.fotgetPsw-content{
  margin:20px 40px;
}
.fotgetPsw-content input{
  display: block;
  width: 100%;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  text-indent: 10px;
  border: 1px solid #ddd;
}