@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;}

body { background-color:#f2e8a3;}
.indexHeader01 { width: 100%; height: 599px; background: url("http://www.oct-cts.com/images/nimgs/indexHeader01.jpg") no-repeat center top;position: relative;}
.indexHeader02 { width: 100%; height: 466px; background: url("http://tpn.gzl.com.cn/static/20190813_NationalDay_PC/images/indexHeader02.jpg") no-repeat center top;position: relative;}
.indexHeader03 { width: 100%; height: 259px; background: url("http://tpn.gzl.com.cn/static/20190813_NationalDay_PC/images/indexHeader03.jpg") no-repeat center top;position: relative;}
.indexHeader04 { width: 100%; height: 264px; background: url("http://tpn.gzl.com.cn/static/20190813_NationalDay_PC/images/indexHeader04.jpg") no-repeat center top;position: relative;}
			
.index_01 { width: 100%; height: auto; background: url("http://tpn.gzl.com.cn/static/20190813_NationalDay_PC/images/index_01.jpg") no-repeat center top;position: relative;background-color:#e4c4ff;}
.index_02 { width: 100%; height: auto; background: url("http://tpn.gzl.com.cn/static/20190813_NationalDay_PC/images/index_02.jpg") no-repeat center top;position: relative;background-color:#ffd44f;}
.index_03 { width: 100%; height: auto; background: url("http://tpn.gzl.com.cn/static/20190813_NationalDay_PC/images/index_03.jpg") no-repeat center top;position: relative;background-color:#c4d9ff;}
.index_04 { width: 100%; height: auto; background: url("http://tpn.gzl.com.cn/static/20190813_NationalDay_PC/images/index_04.jpg") no-repeat center top;position: relative;background-color:#f2e8a3;}

.section {width:100%;}
.section .sectionTitle {margin-bottom:20px;}
.section .buttonWraper { width: 1280px; margin: 0 auto; position: relative;}
.buttonWraper { width: 1280px; margin: 0 auto; position: relative;}

.button_01, .button_02, .button_03, .button_04{margin:0 auto;position: absolute;display: block;}
.button_01:hover, .button_02:hover, .button_03:hover, .button_04:hover{opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80); cursor:pointer;}
.button_01{top: 363px;left: 736px;width:298px; height:86px;background:url("http://tpn.gzl.com.cn/static/20190813_NationalDay_PC/images/cssSprites.png") 0 0 no-repeat;}
.button_02, .button_03, .button_04{width:150px;height:35px;background-color:#ff8706;border-radius: 17px; overflow: hidden;font-size: 16px; color: #fff; line-height: 34px; text-align: center;}
.button_02{top:208px;left:280px;}
.button_03{top:208px;left:616px;}
.button_04{top:208px;left:955px;}

/*领券优惠*/
.section1 .ticketWraper{ width: 1024px; margin: 0 auto;}
.section1 .ticket01, .section1 .ticket02{ width: 512px;height: 320px;float: left;display: block;cursor:pointer;}

/*弹出框*/
.S_popBox{ font-size:18px;width:520px;  background:#fff;  padding:30px 20px 20px 20px; color:#333; font-family: tahoma,arial,"Hiragino Sans GB","\4f53",sans-serif;
 -moz-border-radius:20px;/* Gecko browsers */-webkit-border-radius:20px;/* Webkit browsers */border-radius:20px;/* W3C syntax */}
 .S_popBox h2{ font-size:28px; line-height:30px;font-weight:bold; margin:10px 0 5px 0;color: #ed1e58}
  .S_popBox p{font-size:18px; margin-left:10px;}
.S_popBox span{ width:520px;top:86px;left:0; position:absolute; text-align:center;}
.S_popBox em{ font-weight: bold;color: #ed1e58;}
.S_popBox table{border-collapse: collapse;text-align: center;color: #333;display: block;position: relative;margin: 20px auto;width: 450px;}
.S_popBox tr{border: 1px solid #666666;}
.S_popBox th{border: 1px solid #666666;background-color: #dedede;}
.S_popBox td{border: 1px solid #666666;}
.S_popBox p{text-align: left}

.S_popBox .S_button{ line-height:47px;text-align:center; color:#fff;width:288px; height:49px; background-color: #ed1e58; position:relative; margin-top:30px; margin-left:106px;-moz-border-radius:12px;/* Gecko browsers */-webkit-border-radius:12px;/* Webkit browsers */border-radius:12px;/* W3C syntax */ cursor:pointer;font-size:24px;}
.S_popBox .S_button:hover{opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80); cursor:pointer;}
.S_popBox .S_close{width:12px; height:12px; background: url("http://tp.gzl.com.cn/static/20161122_springbigsale_PC/images/redbag/x.png"); position:absolute; top:15px; right:18px; }
.S_popMark{width: 100%; height: 100%; opacity:0;}

.section {width:100%;position: relative;}
.section .sectionTitle {margin-bottom:20px;}
.productWraper { width: 100%; margin: 0 auto; padding-top: 335px;}

/*Focus*/
.section .S_focus{width: 1280px; height: 400px; margin: 0 auto; position: relative;overflow: hidden;display: block;} 
.section .S_focus .S_focus_mb{width: 675px; height:352px; position: absolute; top:0px; right:40px;}
.section .S_focus.left .S_focus_mb{top:0px; left:40px;}
.section .S_focus .S_focus_mb img{width: 675px; height: 352px; position: absolute; top:25px; left:0px;}
.section .S_focus .S_focus_nav {position: absolute;bottom: 0px;width: 1280px;z-index: 3;}
.section .S_focus .S_focus_nav ul {position: absolute;right: 338px;bottom:40px;}
.section .S_focus.left .S_focus_nav ul {position: absolute;left:303px;bottom:40px;}
.section .S_focus .S_focus_nav li {float: left;width: 14px;height: 14px;border-radius: 14px;margin: 0 10px;background-position: 0 -51px;cursor: pointer;}
.section .S_focus .S_focus_nav li {width: 12px; height: 12px;border-radius:25px;border:2px solid #fff;}
.section .S_focus .S_focus_nav li.S_current{width: 12px;height:12px;background-color: #fff;}

/*productList01*/
.section .productList01 { position: absolute;width:480px;top: 100px;left: 32px;z-index: 999;}
.section .productList01.right {position: absolute;top: 100px;left: 480px;}
.section .productList01 li.route {width:480px; height:250px;overflow:hidden;margin: 0 0 0 137px;position:relative;}
.section .productList01.right li.route {width:480px; height:250px;overflow:hidden;margin: 0 0 0 137px;position:relative;}
.section .productList01 li.route:hover{opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
.section .productList01 li.route a { width:100%; height:100%; display:block;text-align: center;}
.section .productList01 li.route .label {font: 16px/17px "Microsoft YaHei", Simsun;padding:5px 5px 0;color:#fff;display: block;margin: 0 auto;height:24px;width: 100px; background-color:#ff8706;border-radius: 17px; overflow: hidden;}
.section .productList01 li.route .feature {font: 18px/25px "Microsoft YaHei", Simsun;height:58px; width: 300px; padding:10px 5px 0; overflow:hidden;color:#333;display: block;border-bottom: 1px dashed #333; margin: 0 auto;}

.section .productList01 li.route h2{font: 22px/29px "Microsoft YaHei", Simsun;font-weight: bold; height:60px; padding:5px 5px 0; overflow:hidden;color:#333;display: block;width: 370px;margin: 0 auto;}
.section .productList01 li.route h3{font: 14px/26px "Microsoft YaHei", Simsun;height:25px; padding:0 5px 0; overflow:hidden;color:#6f6b6b;display: block;}
.section .productList01 li.route p{font: 16px/26px "Microsoft YaHei", Simsun; padding:3px 5px 0; overflow:hidden;color:#333;display: block;}

.section .productList01 li.route .price {position:absolute;left:0px; bottom:0px; width:255px;font:40px/28px arial; color:#f46bb9;}
.section .productList01 li.route .price span {font-size:13px; font-family:"Microsoft YaHei", Simsun;}
.section .productList01 li.route .price i {font-size:13px; font-family:"Microsoft YaHei", Simsun;font-style:normal;}
.section .productList01 li.route .button {position:absolute; right:35px; bottom:5px; width:200px; height:38px; border-radius:0px 55px 55px 55px; overflow:hidden; background:#fd8f00 linear-gradient(45deg, #ff8b03, #ff2247); font-size:20px; color:#fff; line-height:34px; text-align:center;}
.section .productList01 li.route:hover .button {opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70);}
.section .productList01 li .hidden {visibility:hidden;}

/*productList02*/
.section .productList02 {position:relative; width:1024px; margin:0 auto;}
.section .productList02 li.route {float:left; width:236px; height:275px; border-radius:10px; overflow:hidden; margin:0 9px 20px; background:#fff; position:relative; border: 1px solid #fe6361;}
.section .productList02 li.route a {width:100%; height:100%; display:block;}
.section .productList02 li.route .photo {width:100%; height:157px; border-radius:0 10px 0 0; overflow:hidden; position:relative;}
.section .productList02 li.route .photo img {width:236px; height:157px; transition:350ms transform;}
.section .productList02 li.route:hover .photo img {transform:scale(1.1);}

.section .productList02 li.route .photo .date {position:absolute; left:0; bottom:0; width:100%; height:24px; background:#333; background:rgba(0, 0, 0, 0.8); font-size:13px; line-height:24px; color:#fff; text-indent:6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.section .productList02 li.route .photo .product .feature{position:absolute;left:0; bottom:0px;width: 96%;z-index: 10;display: block;background:#333; background:rgba(0, 0, 0, 0.8);display: block; padding: 0 5px 5px 5px;font: 14px/24px "Microsoft YaHei", SimSun;color: #fff;}
.section .productList02 li.route .photo .labelArea {position:absolute; left:6px; top:6px;}
.section .productList02 li.route .photo .tag {height:24px; float:left; clear:both; padding:0 10px; margin-bottom:6px; font-size:14px; font-weight:600; line-height:24px; color:#fff; border-radius:12px;}
.section .productList02 li.route .photo .discount {background:#eab026;}
.section .productList02 li.route .photo .tag1 {background:#ea9426;}
.section .productList02 li.route .photo .tag2 {background:#ea8226;}
.section .productList02 li.route h2 {width:226px; height:40px; padding:5px 5px 0; overflow:hidden; font-size:15px; line-height:20px; color:#333;}
.section .productList02 li.route h2 b {color:#f46bb9;}
.section .productList02 li.route .price {position:absolute; left:0; bottom:40px; width:220px; padding-left:6px; font:26px/28px arial; color:#f46bb9;}
.section .productList02 li.route .price span {font-size:13px; font-family:"Microsoft YaHei", Simsun;}
.section .productList02 li.route .price i {font-size:13px; font-family:"Microsoft YaHei", Simsun;font-style:normal;}
.section .productList02 li.route .button {position:absolute; left:5px; bottom:6px; width:226px; height:34px; border-radius:17px; overflow:hidden; background:#fd8f00 linear-gradient(45deg, #ff91a3, #fa5d49); font-size:20px; color:#fff; line-height:34px; text-align:center; transition:300ms opacity;}
.section .productList02 li.route:hover .button {opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70);}
.section .productList02 li .hidden {visibility:hidden;}
/*productList02三个产品*/
.section .productList02 li.route.special { float: left; width: 321px; height: 355px; border-radius: 10px; overflow: hidden; margin: 0 9px 20px; background: #fff; position: relative; border: 1px solid #fe6361; }
.section .productList02 li.route.special .photo { width: 100%; height: 215px; border-radius: 0 10px 0 0; overflow: hidden; position: relative; }
.section .productList02 li.route.special .photo img { width: 321px; height: 215px; transition: 350ms transform; }
.section .productList02 li.route.special .photo .product .feature { position: absolute; left: 0; bottom: 0px; width: 97%; z-index: 10; display: block; background: #333; background: rgba(0, 0, 0, 0.8); display: block; padding: 0 5px 5px 5px; font: 14px/24px "Microsoft YaHei", SimSun; color: #fff; }
.section .productList02 li.route.special h2 { width:311px; height: 40px; padding: 5px 5px 0; overflow: hidden; font-size: 15px; line-height: 20px; color: #333; }
.section .productList02 li.route.special .price { position: absolute; left: 0; bottom: 40px; width: 311px; padding-left: 6px; font: 26px/28px arial; color: #f46bb9; }
.section .productList02 li.route.special .button { position: absolute; left: 5px; bottom: 6px; width: 311px; height: 34px; border-radius: 17px; overflow: hidden; background: #fd8f00 linear-gradient(45deg, #ff91a3, #fa5d49); font-size: 20px; color: #fff; line-height: 34px; text-align: center; transition: 300ms opacity; }

/*float box*/
.floatBox {position:absolute; left:50%; top:30px; width:130px; margin-left:550px; z-index:999;}
.floatBox .floatHead {position:relative; left:-8px; top:0; width:145px; height:117px; background-position:0 -188px;}
.floatBox ul li {width:130px; padding:10px 0; margin-bottom:8px; border-radius:10px; font-size:18px; line-height:20px; text-align:center; color:#fff; background:#c99525; cursor:pointer; transition:250ms opacity;}
.floatBox ul li em {font-size:14px; line-height:20px;}
.floatBox ul li img.qr {margin: 0 auto;}
.floatBox ul li.currentButton {background:#ffde00; color:#333;}
.floatBox ul li:hover {opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70);}
.floatBox  .returnTop {width:100px; height:32px; margin:0 auto; font-size:16px; line-height:32px; text-align:center; color:#fff; border-radius:16px; cursor:pointer; background:#525252; transition:250ms background;}
.floatBox  .returnTop:hover {background:#666;}

.explain { text-align: center; color: #999; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); padding: 5px 0 5px 0; }
.insert { height: 0; overflow: hidden; display: block; margin: 0; }
/*blank*/
.clear { clear: both; font-size: 0; }
.none_05 { height: 5px; clear: both; font-size: 0; }
.none_10 { height: 10px; clear: both; font-size: 0; }
.none_15 { height: 15px; clear: both; font-size: 0; }
.none_20 { height: 20px; clear: both; font-size: 0; }
.none_25 { height: 25px; clear: both; font-size: 0; }
.none_30 { height: 30px; clear: both; font-size: 0; }