.idxfooter .icp/*全局*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; z-index: 1; } 
body { min-width: 1530px; margin: 0 auto; background-color: #fff; font-family:"微软雅黑"; font-size:16px; color:#282727; position: relative; } 
ul,li { list-style:none; margin:0; padding:0; } 
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; } 
img { border:none; border:0; vertical-align:middle; max-width: 100%; max-height: 100%; } 
a { text-decoration:none; outline:none; color:#313131; font-size: 16px; } 
p { margin:0; padding:0; } 
i,em { font-style:normal; } 
.cl:after,.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.cl,.clearfix { *zoom:1; } 
.fl { float:left; } 
.fr { float:right; } 

.w1300 { width: 1300px; margin: 0 auto; } 
.mw1300 { min-width: 1300px; } 

.w1530 { width: 1530px; margin: 0 auto; } 
.w1440 { width: 1440px; margin: 0 auto; overflow:hidden; } 

.w1h { width: 100%; margin: 0 auto; } 
.h1h { height: 100%; } 
.mh300 { min-height: 300px; } 

.pdt40 { padding: 40px 0; } 
.pdt50 { padding: 50px 0; } 
.orh { overflow: hidden; } 


/* /全局 */
.wrap { max-width: 100%; min-width: 1530px; max-height: 915px; height: 915px; position: relative; margin: 0 auto; } 

/* 标题 */
.tit-1 { width: 1300px; margin: 0 auto; margin-bottom: 50px; } 
.tit-1 img { width: 266px; display: block; margin: 0 auto; } 

/* 按钮 */
.btn-1 { display: block; width: 210px; height: 55px; margin: 0 auto; margin-top: 40px; line-height: 55px; cursor: pointer; border: 1px solid #009944; border-radius: 30px; text-align: center; font-size: 18px; color: #009944; } 
.btn-1:hover { background-color:#009944; color: white; } 

/* 列表 */
.list { margin-bottom: 50px; } 
.list a { display: block; font-size: 18px; white-space: nowrap; color: #000000; padding: 25px 0; border-bottom: 1px solid #dfdede; padding-left: 40px; background: url(../images/list.jpg) no-repeat 20px center; } 
.list a .fl { width: 1050px; overflow: hidden; text-overflow: ellipsis; } 
.list a .fr { color: #7f7f7f; width: 110px; text-align: right; } 
.list a:hover .fl { color: #009944; } 


.list-1 { margin-bottom: 40px; } 
.list-1 ul { border-top: 1px solid #dfdede; } 
.list-1 li { border-bottom: 1px solid #dfdede; } 
.list-1 li a { display: block; padding: 15px 0; } 
.list-1 li a .time { float: left; margin: 20px 0; font-size: 14px; color: #7d7d7d; padding-left: 45px; padding-right: 40px; padding-top: 10px; height:70px; border-right: 1px solid #dfdede; } 
.list-1 li a .time span { display: block; font-size: 26px; margin-bottom: 5px; } 
.list-1 li a .time span.blue { color: #00a0e9; } 
.list-1 li a .txt { width: 965px; margin: 20px 0; padding-left: 60px; float: left; } 
.list-1 li a .txt.w800 { width: 800px; } 
.list-1 li a .txt h1 { font-size: 20px; color: #151414; } 
.list-1 li a .txt p { font-size: 16px; color: #a09e9e; line-height: 25px; margin-top: 10px; } 
.list-1 li a .iconfont { margin-left: 30px; font-size: 30px; padding-top: 30px; color: #ccc9c9; float: left; } 
.list-1 li a .img { width: 200px; height: 130px; float: left; margin-left: 50px; overflow: hidden; } 
.list-1 li a .img img { width: 100%; height: 100%; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 

.list-1 li a,.list li a>* { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 
.list-1 li a:hover { background-color: #ecf8f2; } 
.list-1 li a:hover .time,.list-1 li a:hover .time span.blue { color: #009944; } 
.list-1 li a:hover .txt h1 { font-weight: bold; color: #009944; } 
.list-1 li a:hover .txt p { color: #a7beb2; } 
.list-1 li a:hover .iconfont { color: #009944; margin-left: 60px; } 
.list-1 li a:hover .img img { transform: scale(1.1); } 

/* 图片列表 */
.imgcon { width: 1330px; margin-bottom: 30px; } 
.imgcon .el { float: left; margin-bottom: 15px; margin-right: 20px; } 
.imgcon .el>a { width: 400px; height: 300px; padding: 10px; display: block; cursor: pointer; } 
.imgcon .el>a .img { width: 100%; height: 250px; overflow: hidden; } 
.imgcon .el>a .img img { width: 100%; height: 100%; } 
.imgcon .el>a p { padding:0 10px; padding-right: 20px; height: 50px; line-height: 50px; font-size: 18px; color: #020202; position: relative; } 
.imgcon .el>a p .iconfont { position: absolute; right: 0; top: 0; color:#dedede; } 
.imgcon .el>a * { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 
.imgcon .el:hover { background-color: #00a0e9; box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000); transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 
.imgcon .el:hover p,.imgcon .el>a:hover p .iconfont { color: white; } 
.imgcon .el:hover img { transform: scale(1.05); } 


/* 商品 */
.proimg { width: 1330px; margin-bottom: 30px; } 
.proimg .el { float: left; width: 400px; height: 437px; padding: 10px; margin-bottom: 15px; margin-right: 20px; } 
.proimg.gui .el { height: 487px; } 
.proimg .el>a { display: block; cursor: pointer; } 
.proimg .el>a .img { width: 400px; height: 350px; overflow: hidden; } 
.proimg.gui .el>a .img { width: 400px; height: 400px; } 
.proimg .el>a .img img { width: 100%; height: 100%; } 
.proimg .el .txt { padding: 10px 0; } 
.proimg .el .txt .fl { font-size: 18px; cursor: pointer; padding-left: 10px; line-height: 30px; color: #020202; width: 250px; white-space: normal; word-break: break-all; } 
.proimg .el .txt .fr { width: 120px; text-align: center; } 
.proimg .el .txt .fr span.price { font-size: 24px; color: #e10000; } 
.proimg .el span.btn { display: block; margin: 0 auto; margin-top: 5px; width: 100px; height: 30px; line-height: 30px; text-align: center; color: white; background-color: #ff8800; border-radius: 30px; } 

.proimg .el .topa { line-height:35px; } 
.proimg .el .topa .left { float: left; width:150px; font-size:20px; font-weight:bold; } 
.proimg .el .topa .right { float: right; width:230px; text-align:right; color:#23ac38 } 
.proimg .el .btma { margin-top:10px; font-size:18px; } 


.proimg .el:hover span.btn { background-color:#009944; } 

.proimg .el>a * { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 
.proimg .el:hover { box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 
.proimg .el:hover p { color: white; } s
.proimg .el:hover img { transform: scale(1.05); } 

/* 商品 */
.foodimg { width: 1330px; margin-bottom: 30px; } 
.foodimg .el { float: left; width: 625px; height: 540px; padding: 10px; margin-bottom: 15px; margin-right: 20px; } 
.foodimg .el>a { display: block; cursor: pointer; } 
.foodimg .el>a .img { width: 100%; height: 400px; overflow: hidden; } 
.foodimg .el>a .img img { width: 100%; height: 100%; } 
.foodimg .el .txt { padding: 10px 0; } 
.foodimg .el .txt .tit { font-size: 20px; cursor: pointer; padding-left: 10px; line-height: 30px; color: #020202; width: 100%; white-space: normal; word-break: break-all; } 
.foodimg .el .txt .tips { width: 100%; text-align: left; margin-top: 10px; padding-left: 10px; } 
.foodimg .el .txt .tips div { line-height: 30px; padding-left: 40px; font-size: 18px; background-size: 30px; background-position: left center; background-repeat: no-repeat; } 
.foodimg .el .txt .tips .add { margin-bottom: 10px; background-image: url(../images/ad.png); } 
.foodimg .el .txt .tips .mob { background-image: url(../images/ph.png); } 
.foodimg .el span.btn { display: block; margin: 0 auto; margin-top: 5px; width: 100px; height: 30px; line-height: 30px; text-align: center; color: white; background-color: #ff8800; border-radius: 30px; } 
.foodimg .el:hover span.btn { background-color:#009944; } 

.foodimg .el>a * { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 
.foodimg .el:hover { box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 
.foodimg .el:hover p { color: white; } s
.foodimg .el:hover img { transform: scale(1.05); } 

/* 分页 */
.page { font-size: 0; text-align: center; } 
.page a { font-size: 18px; cursor: pointer; margin-right: 10px; color: #565555; padding: 0 15px; height: 40px; text-align: center; line-height: 40px; border: 1px solid #d0e1d6; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.page a.on,.page a:hover { background-color: #009944 !important; color: white !important; } 
.page a.none { cursor: not-allowed; color: #a19c9c !important; } 
.page a.none:hover { background-color: transparent !important; color: #a19c9c !important; } 

/* 头部 */

.header { z-index: 9998; position: fixed; top: 0; left: 0; width: 100%; min-width: 1530px; height: 95px; font-size: 18px; color: #ffffff; background-color: rgba(0, 0, 0, .7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000); } 
.header .w1530 { height: 100%; } 

.logo { padding: 8px 0; } 
.logo img { display: block; float: left; } 
.logo .txt { float: left; font-size: 14px; color: #ffffff; padding-left: 20px; margin-left: 15px; border-left: 2px solid #818d94; letter-spacing: 1px; } 
.logo .txt p { line-height: 25px; } 
/* 底部 */
.idxfooter { position: fixed; height: 55px; line-height: 55px; background-color: rgba(0, 0, 0, .7); width: 100%; min-width: 1530px; bottom: 0; left: 0; z-index: 9998; font-size: 16px; color: #ffffff; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000); } 
.idxfooter a { font-size: 16px; color: #ffffff; cursor: pointer; } 
.idxfooter a:hover { color: #23ac38; transition: color 0.3s ease; -moz-transition: color 0.3s ease; -webkit-transition: color 0.3s ease; -o-transition: color 0.3s ease; } 
.idxfooter .num { font-size: 24px; } 
.idxfooter .num span { width: 28px; font-size: 28px; margin-right: 10px; vertical-align: top; display: inline-block; *display: inline; *zoom: 1; } 
.idxfooter .state { width: 680px; text-align: center; } 
.idxfooter .fnav { padding: 20px 0; width: 180px; } 
.idxfooter .fnav a { display: block; float: left; line-height: 15px; padding-right: 12px; margin-right: 12px; border-right: 2px solid white; } 
.idxfooter .icp { width: 260px; } 

/* 底部 */
.footer { height: 230px; background-color: #2d2d2d; } 
.footer .top { padding: 27px 0; border-bottom: 1px solid #575757; } 
.footer .top .bnav { width: 1000px; padding: 7px 0; } 
.footer .top .bnav a { padding-left: 30px; font-size: 18px; line-height: 20px; color: #ffffff; text-align: center; margin-left: 30px; border-left: 1px solid #575757; display: inline-block; *display: inline; *zoom: 1; vertical-align:middle; } 
.footer .top .bnav a:hover { color: #23ac38; font-weight: bold; } 

.footer .top .flink { white-space: nowrap; position: relative; width:190px; padding: 0 20px; cursor: pointer; font-size: 18px; height: 40px; line-height: 40px; background-color: #424242; color: white; } 
.footer .top .flink span.txt { width: 169px; display: inline-block; *display: inline; *zoom: 1; } 
.footer .top .flink ul { display: block; height: 0; transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease;; left: 0; background-color: #424242; overflow: auto; position: absolute; top: 40px; width: 100%; } 
.footer .top .flink ul li { display: block; padding: 0 20px; border-top: 1px solid #7c7777; height: 40px; font-size: 18px; color: white; } 
.footer .top .flink ul li a { display: block; font-size: 18px; color: white; } 
.footer .top .flink ul li:hover { background-color: #23ac38; } 
.footer .top .flink ul::-webkit-scrollbar { width: 5px; } 
.footer .top .flink ul::-webkit-scrollbar-track { background-color: white; } 
.footer .top .flink ul::-webkit-scrollbar-thumb { background-color: #7c7777; } 

.footer .top .flink .iconfont { display: inline-block; *display: inline; *zoom: 1; transition: .2s all linear; } 
.footer .top .flink:hover span.iconfont { transform: rotateX(180deg); transition: .3s all linear; } 
.footer .top .flink:hover ul { height: 150px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 

.footer .top a:first-child { border-left: none; padding-left: none; margin-left: 0; } 
.footer .bottom { padding: 25px 0; } 
.footer .bottom p { font-size: 18px; color: #818181; line-height: 35px; } 
.footer .bottom p a { font-size: 18px; color: #818181; } 
.footer .bottom .fr img ,.footer .bottom .fr span { float:left; display:block; padding-left: 10px; width: 85px; height: 85px; } 


.footer a:hover,.footer .bottom p a:hover,.footer .bottom .fr a:hover { color: #23ac38; } 


/* 导航 */
.navs { height: 100%; margin-left: 50px; position: relative; } 
.navs>div { float: left; } 
.navs>div .icon { height: 95px; overflow: hidden; } 
.navs>div .icon>a { display: block; height: 95px; line-height: 95px; font-size: 18px; color: #ffffff; padding:0 27px; text-align: center; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 
.navs .el0.on .icon a,.navs .el0:hover .icon>a { background: url(../images/nav0.png) no-repeat center 10px; line-height: normal; background-color: #23ac38; background-color: #23ac38; height: 35px; padding-top: 60px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 
.navs .el1.on .icon a,.navs .el1:hover .icon>a { background: url(../images/nav1.png) no-repeat center 10px; line-height: normal; background-color: #23ac38; background-color: #23ac38; height: 35px; padding-top: 60px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 
.navs .el2.on .icon a,.navs .el2:hover .icon>a { background: url(../images/nav2.png) no-repeat center 10px; line-height: normal; background-color: #23ac38; background-color: #23ac38; height: 35px; padding-top: 60px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 
.navs .el3.on .icon a,.navs .el3:hover .icon>a { background: url(../images/nav3.png) no-repeat center 10px; line-height: normal; background-color: #23ac38; background-color: #23ac38; height: 35px; padding-top: 60px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 
.navs .el4.on .icon a,.navs .el4:hover .icon>a { background: url(../images/nav4.png) no-repeat center 10px; line-height: normal; background-color: #23ac38; background-color: #23ac38; height: 35px; padding-top: 60px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 
.navs .el5.on .icon a,.navs .el5:hover .icon>a { background: url(../images/nav5.png) no-repeat center 10px; line-height: normal; background-color: #23ac38; background-color: #23ac38; height: 35px; padding-top: 60px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 
.navs .el6.on .icon a,.navs .el6:hover .icon>a { background: url(../images/nav6.png) no-repeat center 10px; line-height: normal; background-color: #23ac38; background-color: #23ac38; height: 35px; padding-top: 60px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 


.navs .navcon { width: 800px; height: 210px; padding: 15px 20px; display: none; position: absolute; left: 95px; top: 95px; background-color: white; border-bottom: 0px solid #19a86c; } 
.navs .navcon>.fl { width: 320px; height: 210px; padding-right: 20px; border-right: 1px solid #dadada; } 
.navs .navcon .t { font-size: 20px; color: #000000; } 
.navs .navcon .con { font-size: 16px; color: #898989; line-height: 36px; height: 180px; margin-top: 10px; } 
.navs .navcon>.fr { width: 430px; padding-left: 25px; } 
.navs .navcon>.fr .subnavwrap { float: left; height: 210px; overflow-x: hidden; overflow-y: auto; scrollbar-width: none; /* Firefox */-ms-overflow-style: none; /* IE 10+ */ } 
.navs .navcon>.fr .subnavwrap::-webkit-scrollbar { display: none; } 
.navs .navcon>.fr .subnav { width: 145px; height:210px; overflow: hidden; display: table-cell; vertical-align: middle; } 
.navs .navcon>.fr .subnav a { display: inline-block; *display: inline; *zoom: 1; width: 145px; text-align: center; height: 35px; font-size: 18px; color: #282828; line-height: 35px; } 
.navs .navcon>.fr .subnav a:hover,.navs .navcon>.fr .subnav a.on { background-color: #00a0e9; color: #ffffff; } 
.navs .navcon>.fr .img { float: right; width: 240px; height: 200px; margin-top:7px; background-repeat: no-repeat; background-position: center; background-size: cover; } 


.navs>div:hover .navcon { display: block; border-bottom: 4px solid #19a86c; } 

/* 内页栏目 */
.ban { width: 100%; height: 450px; background-repeat: no-repeat; background-position: center top; background-size: cover; } 

/* 内页子导航 */
.lap { height: 70px; line-height: 70px; border-bottom: 2px solid #eaeaea; } 
.leftnav { float: left; white-space: nowrap; font-size: 18px; color: #282828; width: 910px; overflow: hidden; } 
.leftnav a { display: inline-block; *display: inline; *zoom: 1; padding: 0 10px; vertical-align: middle; height: 67px; line-height: 67px; border-bottom: 3px solid transparent; font-size: 18px; color: #282828; margin-left: 50px; } 
.leftnav a.first { margin-left: 0; } 
.leftnav a:hover,.leftnav a.on { border-bottom: 3px solid #00a0e9; } 
.pos { float: right; font-size: 16px; color: #bab9b9; } 
.pos a { font-size: 16px; color: #bab9b9; } 
.pos .iconfont { font-size: 25px; vertical-align: middle; margin-right: 2px; } 
.pos a[href]:hover { color: #23ac38 } 

/* 顶部登录 */
.login { height: 100%; line-height: 95px; padding-left: 20px; width: 185px; position: relative; } 
.login>span { display: block; float: left; font-size: 30px; margin-right: 10px; } 
.login a { display: block; float: left; font-size: 16px; color: #fff; cursor: pointer; } 
.login a.name { max-width: 95px; } 
.login a:hover,.login .lgshop span.iconfont:hover { color: #23ac38 } 
.login a.bt span { height: 15px; width: 2px; margin: 0 8px; margin-bottom: 3px; background: white; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.login .lgshop span.iconfont { font-size: 32px; color: #fff; position: absolute; top: 0; right: 10px; } 
.login .lgshop span.num { position: absolute; top: 25px; right: 0; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 12px; color: white; background-color: #e10000; border-radius: 100%; } 


/* 顶部语言切换 */
.lang { width: 58px; height: 25px; padding: 35px 0; text-align: center; cursor: pointer; } 
.lang span { display: block; float: right; padding: 6px 0; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 
.lang ul { float: left; height: 28px; overflow: hidden; transition: height 0.2s ease; -moz-transition: height 0.2s ease; -webkit-transition: height 0.2s ease; -o-transition: height 0.2s ease; } 
.lang ul li { display: block; margin-bottom: 5px; } 
.lang:hover ul { height: 140px; transition: height 0.4s ease; -moz-transition: height 0.4s ease; -webkit-transition: height 0.4s ease; -o-transition: height 0.4s ease; } 
.lang:hover span { transform: rotate(180deg); transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 

/* 搜索 */
.search { float: left; height: 100%; padding-left: 10px; display: flex; flex-direction: column; justify-content: center; position: relative; } 
.search a { font-size: 35px; font-weight: normal; color: white; display:block; cursor: pointer; } 
.search a:hover { color: #009944; } 

/* 主体 */
.main.idx { height: 915px } 

.idx-banner { position: relative; min-width: 1530px; height: 100%; height: 910px; overflow: hidden; } 

/* 首页主体幻灯 */
.banner { z-index: 99; min-width: 1530px; width: 100%; height: 100%; } 
.banner .bd { width: 100%; height: 100%; } 
.banner .bd ul { width: 100%; height: 100%; } 
.banner .bd ul li { width: 100%; height: 100%; background-attachment:unset; background-position: center; background-size: cover; background-repeat: no-repeat; background-color: #007e59; } 

.banner .hd { position: absolute; z-index: 9999999; width: 100%; left: 0; bottom: 55px; text-align: center; } 
.banner .hd ul { } 
.banner .hd ul li { width: 15px; height: 15px; background-color: #fff; border-radius: 100%; margin-right: 15px; display: inline-block; *display: inline; *zoom: 1; cursor: pointer; vertical-align: middle; } 
.banner .hd ul li.on { background-color: #23ac38; } 

.idx-info { padding-top: 55px; } 
.idx-info .fl { max-width: 615px; overflow: hidden; } 
.idx-info .info-top { background-color: #23ac38; color: #ffffff; } 
.idx-info .info-top .tit { margin-bottom:10px; font-size: 23px; color: #faffae; font-weight: bold; text-align: center; line-height:normal; } 
.idx-info .info-top .left { font-size: 20px; line-height:30px; float: left; width: 225px; height: 210px; padding: 30px 0; padding-left: 40px; padding-right: 20px; border-right: 1px solid #1e9230; } 
.idx-info .info-top .left .el { font-size: 20px; margin-top: 10px; } 
.idx-info .info-top .left .el div { font-size: 16px; margin-bottom: 5px; } 
.idx-info .info-top .right { font-size: 16px; line-height:36px; float: right; width: 268px; height: 210px; padding: 30px 0; padding-left: 40px; padding-right: 20px; } 
.idx-info .info-top .right .el { font-size: 16px; } 
.idx-info .info-btm { padding: 10px 20px; height: 90px; width: 575px; background-color: #00a0e9; } 
.idx-info .fr { width: 800px; height: 380px; overflow: hidden; } 

.idx-scenery { padding-top: 55px; } 
.idx-scenery .title { text-align: center; margin-bottom: 45px; } 
.idx-scenery .scenery-box { width: 110%; } 
.idx-scenery .scenery-box .el { overflow: hidden; position: relative; float: left; width: 280px; height: 540px; margin-right: 13px; } 
.idx-scenery .scenery-box .el a { display: block; width: 100%; height: 100%; } 
.idx-scenery .scenery-box .el .img { background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height:100%; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 
.idx-scenery .scenery-box .el .tit { position: absolute; left: 0; bottom: 30px; width: 100%; color: #fff; font-size: 24px; text-align: center; } 
.idx-scenery .scenery-box .el:hover .img { transform: scale(1.1); transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 


.idx-footer { padding-top: 370px; background:url(../images/idx-footer.jpg) no-repeat top center #008cd8; } 
.idx_flink { height: 60px; border-bottom: 1px solid #66bae8; } 
.idx_flink * { display:block; float: left; color: #fff; font-size: 16px; margin-right:25px; } 
.idx_flink a:hover { color: #23ac38; } 
.fnavcode { padding: 35px 0; border-bottom: 1px solid #66bae8; position: relative; } 
.fnav { max-width: 900px; } 
.fnav .el { float: left; margin-right: 55px; } 
.fnav .el a { font-size: 16px; color: #fff; } 
.fnav .el .subfnav { margin-top: 20px; } 
.fnav .el .subfnav .subel { margin-top: 15px; } 
.fnav .el .subfnav .subel a { font-size: 14px; color: #b3e2fc; } 

.fnav .el a:hover,.fnav .el .subfnav .subel a:hover { color: #23ac38; } 

.fcode { max-width: 500px; right: 0; position: absolute; height: 160px; top: 50%; margin-top: -93px; } 
.fcode .el { float: left; text-align: center; margin-left: 30px; color: white; font-size: 14px; } 
.fcode .el .img { margin-bottom: 15px; background-color: white; width: 125px; height: 125px; line-height: 125px; text-align: center; } 
.fcode .el .img img { width: 105px; height: 105px; } 
.fcode .el .img div { padding:10px 0; } 

.fcon { padding: 45px 0; } 
.fcon * { color: #b3e2fc; font-size: 16px; } 
.fcon a:hover { color: #23ac38; } 


/* 主页漂浮导航 */
.fltnav { position: fixed; width: 70px; right: 100px; top: 225px; z-index:9999999999; text-align: right; white-space: pre-wrap; word-break: break-all; font-size: 0; } 
.fltnav a { display: block; overflow: hidden; color: #fff; width: 70px; height: 50px; padding: 10px 0; margin-bottom: 2px; white-space: nowrap; transition: width .2s linear; -moz-transition: width .2s linear; -webkit-transition:width .2s linear; -o-transition: width .2s linear; } 
.fltnav a .txt { display: block; color: white; text-align: center; font-size: 12px; white-space: nowrap; transition: opacity .1s linear; -moz-transition: opacity .1s linear; -webkit-transition:opacity .1s linear; -o-transition: opacity .1s linear; } 
.fltnav a .iconfont { display: block; margin: 0 auto; font-size: 34px; text-align: center; height: 30px; margin-bottom: 5px; transform: rotate(0deg); transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 

.fltnav a:hover .iconfont { transform: rotate(360deg); transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 

.fltnav a.el0 { background-color: #00c3e5; } 
.fltnav a.el1 { background-color:#3ad952; } 
.fltnav a.el1 .iconfont { font-size: 36px; } 
.fltnav a.el2 { background-color:#feae15; } 
.fltnav a.el2 .iconfont { font-size: 30px; } 
.fltnav a.el3 { background-color:#0099ff; } 
.fltnav a.el3 .iconfont { font-size: 36px; } 
.fltnav a.el4 { background-color: #e73d3d; } 
.fltnav a.el4 .iconfont { font-size: 32px; } 
.fltnav a.el5 { background-color: #a73d3d; } 
.fltnav a.el5 .iconfont { font-size: 32px; } 


/* 首页视频 */
.video { position: absolute; left: 100px; top: 655px; cursor: pointer; width: 220px; z-index:99999; } 
.video .btn { font-size: 60px; color: white; position: absolute; left: 83px; top: 30px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 
.video:hover .btn { transform: rotate(360deg); transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 
.video video { width: 220px; border: 1px solid white; } 

.layui-layer-setwin .layui-layer-close2 { z-index: 999999; } 


/* 内页 */
.main { min-height: 500px; background-color: white; } 


/* 走进万绿湖 */
.abo-1 { padding: 60px 0; background: url('../images/abo1bg.png') no-repeat bottom center white; } 
.abo-1 .con { } 
.abo-1 .btn-1 { margin: 0; margin-top: 40px; } 
.abo-1 .con .fl { width: 595px; height: 492px; } 
.abo-1 .con .fl img { width: 100%; height: 100%; } 
.abo-1 .con .fr { width: 660px; } 
.abo-1 .con .fr .txt { font-size: 18px; color: #000000; line-height: 40px; } 

.abo-2 { background-color: #f2faf5; padding:60px 0; } 
.abo-2 .con { height: 450px; width: 1300px; padding-left: 55px; display: flex; flex-direction: row; justify-content: center; } 
.abo-2 .con a { display: block; transform: skewX(-20deg); -moz-transform: skewX(-20deg); -o-transform: skewX(-20deg); -webkit-transform: skewX(-20deg); width: 165px; cursor: pointer; height: 390px; overflow: hidden; text-align: left; position: relative; float: left; } 
.abo-2 .con a.top { } 
.abo-2 .con a img { transform: skewX(20deg); -moz-transform: skewX(20deg); -o-transform: skewX(20deg); -webkit-transform: skewX(20deg); height: 360px; max-width: none; max-height:none; position: absolute; top: 0; left:-40%; } 
.abo-2 .con a p { transform: skewX(20deg); -moz-transform: skewX(20deg); -o-transform: skewX(20deg); -webkit-transform: skewX(20deg); position: absolute; left: 0; width: 100%; white-space: nowrap; bottom: 0; font-size: 18px; color: #000000; text-align: center; } 

.abo-2 .con a:hover p { color: #009944; } 

.abo-2 .con a.el1 img { left:-220px; top:0; } 
.abo-2 .con a.el2 img { left: -365px; top: 0; } 
.abo-2 .con a.el3 img { left: -200px; top:0; } 
.abo-2 .con a.el4 img { left: -260px; top:0; } 
.abo-2 .con a.el5 img { left: -200px; top:0; } 
.abo-2 .con a.el6 img { left: -100px; top:0; } 
.abo-2 .con a.el7 img { left: -180px; top:0; } 

.abo-2 .con a.el1 { margin-top: 45px; margin-right: 32px; } 
.abo-2 .con a.el3 { margin-top: 45px; margin-right: 32px; } 
.abo-2 .con a.el5 { margin-top: 45px; margin-right: 32px; } 
.abo-2 .con a.el7 { margin-top: 45px; margin-right: 32px; } 





.abo-3 { padding: 60px 0; background: url('../images/abo3bg.png') no-repeat bottom center white; overflow: hidden; } 
.abo-3 .con { width: 1350px; } 
.abo-3 .con a { width: 630px; height: 130px; padding : 30px 0; border-bottom: 1px solid #c5c5c5; display: block; float: left; margin-right: 40px; } 
.abo-3 .con a .img { display: block; float: left; width: 185px; height: 130px; overflow: hidden; } 
.abo-3 .con a .img img { width: 185px; height: 130px; transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; } 
.abo-3 .con a .txt { width: 425px; float: right; } 
.abo-3 .con a .txt h1 { font-size: 22px; color: #000000; font-weight: bold; margin-top: 5px; } 
.abo-3 .con a .txt p { font-size: 16px; color: #a09e9e; margin-top: 10px; line-height: 28px; } 
.abo-3 .con a .txt span { display: block; font-size: 16px; color: #a09e9e; margin-top: 5px; } 
.abo-3 .con a:hover img { transform: scale(1.1); transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 
.abo-3 .con a:hover { background-color: rgba(97, 206, 209,.1); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#1961ced1,endColorstr=#1961ced1); } 
.abo-3 .con a:hover .txt h1 { color: #23ac38; } 


.abo-4 { padding: 60px 0; background-color: #f2faf5; } 
.abo-4 .con { overflow: hidden; } 
.abo-4 .con a { overflow: hidden; } 
.abo-4 .con a img { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 
.abo-4 .con a:hover img { transform: scale(1.08); transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 
.abo-4 .con .fl,.abo-4 .con .fl a,.abo-4 .con .fl a img { width: 420px; height: 480px; } 
.abo-4 .con .fl a { display: block; } 
.abo-4 .con .fr { width: 880px; } 
.abo-4 .con .fr a { display: block; float: left; width: 430px; height: 235px; margin-left: 10px; margin-bottom: 10px; } 
.abo-4 .con .fr a img { width: 100%; height: 100%; } 


/* 订票 */
.book { } 
.book .el * { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 
.book .el { width: 100%; height: 445px; margin-bottom: 50px; } 
.book .el .txt { width: 320px; height: 345px; padding: 50px; float: left; } 
.book .el .txt .t { font-size: 25px; color: #fffefe; width: 136px; height: 110px; padding-top: 25px; margin: 0 auto; text-align: center; } 
.book .el .txt .t span { font-size: 36px; font-weight: bolder; display: block; margin-bottom: 5px; } 
.book .el .img { float: left; width: 880px; height: 100%; overflow: hidden; } 
.book .el .img img { width: 100%; height: 100%; } 
.book .el p { font-size: 16px; color: #fffefe; line-height: 30px; margin: 35px 0; } 
.book .el a { display: block; text-align: center; margin: 0 auto; font-size: 18px; color: #ffffff; width: 178px; height: 46px; line-height: 46px; border: 1px solid #ffffff; border-radius: 30px; } 
.book .el a:hover { background: white; } 
.book .el:hover img { transform: scale(1.1); } 

.book .el.el1 .txt { background-color: #009944; } 
.book .el.el1 .t { background: url(../images/book1.jpg) no-repeat center; } 
.book .el.el1 a:hover { color:#009944; } 
.book .el.el2 .txt { background-color: #00a0e9; } 
.book .el.el2 .t { background: url(../images/book2.jpg) no-repeat center; } 
.book .el.el2 a:hover { color:#00a0e9; } 
.book .el.el3 .txt { background-color: #ff7b1f; } 
.book .el.el3 .t { background: url(../images/book3.jpg) no-repeat center; } 
.book .el.el3 a:hover { color:#ff7b1f; } 


/* 咨询 */
.consult { background: #eaf6fb; padding: 30px 50px; } 
.consult input { height: 21px; } 
.consult input,.consult textarea { font-size: 18px; color: #000; } 
.consult input::placeholder,.consult textarea::placeholder { color: #bfbebe; } 
.consult .top { } 
.consult .top input { width: 310px; padding: 15px; padding-left: 55px; margin-right:24px; outline: none; border: none; } 
.consult .top input.last { margin-right: 0; } 
.consult .top input#name { background: url(../images/name.png) no-repeat 18px center #fff; } 
.consult .top input#mobile { background: url(../images/phone.png) no-repeat 18px center #fff; } 
.consult .top input#mail { background: url(../images/mail.png) no-repeat 18px center #fff; } 

.consult .mid { margin: 30px 0; } 
.consult .mid textarea { width: 1158px; line-height: 30px; height: 105px; padding: 20px; resize: none; outline: none; border: none; } 
.consult .mid textarea::-webkit-scrollbar { width: 10px; } 
.consult .mid textarea::-webkit-scrollbar-track { background: #bfbebe; } 
.consult .mid textarea::-webkit-scrollbar-thumb { background: #00a0e9; } 
.consult .btm { } 
.consult .btm input { width: 930px; padding: 15px; padding-left: 55px; margin-right:24px; outline: none; border: none; background: url(../images/code.png) no-repeat 18px center #fff; } 
.consult .btm img { width: 160px; height: 49px; } 
.consult .btn { margin: 0 auto; border-radius: 30px; margin-top: 35px; width: 275px; height: 60px; line-height: 60px; font-size: 26px; color: #fff; background-color: #009944; text-align: center; cursor: pointer; } 
.consult .btn:hover { background-color: #00a0e9; } 

/* 回复 */
.comment { background-color: #eaf6fb; padding: 35px 40px; margin-top: 35px; } 
.comment .el { margin-bottom: 30px; } 
.comment .wcon { margin-bottom: 20px; } 
.comment .tit { background-color: #00a0e9; padding: 0 35px; height: 50px; line-height: 50px; font-size: 16px; color: #fff; } 
.comment .con { padding: 0 15px; font-size: 18px; background: white; color: #010101; line-height: 30px; } 
.comment .con .top { font-size: 18px; font-weight: bold; padding: 16px 0; padding-left: 110px; border-bottom: 1px solid #eeeeee; background: url(../images/msg.png) no-repeat 10px 14px; word-break: break-all; } 
.comment .con .btm { font-size: 16px; padding: 16px 0; padding-left: 110px; background: url(../images/reply.png) no-repeat 10px 13px; min-height: 30px; word-break: break-all; } 
.comment .page a { background: white; } 


/* 公司简介 */
.coc-1 { padding: 60px 0; background: url('../images/cocbg1.jpg') no-repeat bottom center white; } 
.coc-1 .con { font-size: 18px; color: #000000; line-height: 45px; } 
.coc-1 .con img { margin-right: 35px; margin-bottom: 20px; width: 550px; height: 330px; display: block; float: left; } 
.coc-1 .con p { font-size: 18px; color: #000000; line-height: 45px; } 

.coc-2 { padding: 60px 0 15px 0; background: #f2faf5; } 
.coc-2 .con { width: 1350px; } 
.coc-2 .con .el { width: 630px; height: 170px; background: white; float: left; margin-right: 45px; margin-bottom: 45px; } 
.coc-2 .con .el .img { width: 270px; height: 100%; overflow: hidden; float: left; } 
.coc-2 .con .el .img img { width: 100%; height: 100%; } 
.coc-2 .con .el .txt { padding: 35px 25px; width: 310px; height: 100px; float: right; } 
.coc-2 .con .el .txt h1 { font-size: 26px; color: #00a0e9; font-weight: bolder; margin-bottom: 5px; } 
.coc-2 .con .el .txt p { font-size: 18px; color: #000000; line-height: 30px; } 

.coc-3 { padding: 60px 0; background: url('../images/cocbg2.jpg') no-repeat bottom center white; } 
.coc-3 .con { } 
.coc-3 .con .hd { width: 100%; padding-bottom: 38px; border-bottom: 1px solid #dddddd; position: relative; } 
.coc-3 .con .hd .yeardot { width: 1200px; overflow: hidden; margin:0 50px; } 
.coc-3 .con .hd ul { white-space: nowrap; font-size: 0; position: relative; margin: 0; padding: 0; overflow: hidden; transition: .3s all linear; } 
.coc-3 .con .hd ul li { width: 180px; height: 100px; position: relative; font-size: 22px; cursor: pointer; background: url(../images/honnorbg.png) no-repeat center 80px; color: #000000; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.coc-3 .con .hd ul li div { text-align: center; height: 52px; padding-bottom: 10px; } 
.coc-3 .con .hd ul li div>span { display:table-cell; vertical-align:bottom; width: 180px; height: 52px; text-align: center; } 
.coc-3 .con .hd ul li>span { display: block; position: absolute; bottom: 0; left: 70px; margin: 0 auto; width: 38px; height: 38px; background: url(../images/honnor.png) no-repeat center; background-size: 38px; } 
.coc-3 .con .hd ul li.on { font-weight: bolder; font-size: 40px; color: #00a0e9; text-align: center; } 
.coc-3 .con .hd ul li.on>span { background: url(../images/honnoron.png) no-repeat center; } 
.coc-3 .con .hd .prev,.coc-3 .con .hd .next { font-size: 60px; color:#dedede; position: absolute; top: 47px; cursor: pointer; } 
.coc-3 .con .hd .prev { left: -15px; } 
.coc-3 .con .hd .next { right: -15px; } 
.coc-3 .con .bd { width: 800px; margin: 0 auto; margin-top: 40px; overflow: hidden; } 
.coc-3 .con .bd ul { } 
.coc-3 .con .bd ul li { display: block; margin: 0 auto; width: 800px; padding: 50px 0; background: white; text-align: center; } 
.coc-3 .con .bd ul li h1 { font-size: 30px; color: #00a0e9; font-weight: bolder; line-height: 50px; } 
.coc-3 .con .bd ul li p { font-size: 18px; color: #646665; line-height: 40px; display: inline; } 


/* 文化 */
.cul-1 { padding: 60px 0; background: url('../images/cul1bg.jpg') no-repeat bottom center white; } 
.cul-1 .con { width: 1340px; } 
.cul-1 .con a { margin-right: 20px; margin-bottom: 20px; width: 360px; height: 130px; padding: 30px; border: 1px solid #71cdf7; border-bottom: 8px solid #71cdf7; display: block; float: left; background-color: white; } 
.cul-1 .con a .time { font-size: 16px; color: #aeaeae; } 
.cul-1 .con a .t { margin: 15px 0 20px 0; font-weight: bolder; font-size: 20px; color: #000000; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.cul-1 .con a .c { font-size: 16px; color: #a09e9e; line-height: 25px; } 
.cul-1 .con a:hover { background-color: #d5ffe8; } 
.cul-1 .con a:hover .t { color: #009944; } 


.cul-2 { padding: 60px 0; background-color: #f2faf5; } 
.cul-2 .con { width: 1330px; } 
.cul-2 .con a { width: 310px; height: 380px; margin-right: 20px; display: block; float: left; } 
.cul-2 .con a .img { width: 100%; height: 250px; overflow: hidden; } 
.cul-2 .con a .img img { width: 100%; height: 100%; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 
.cul-2 .con a .txt { padding: 20px 25px; background-color: white; } 
.cul-2 .con a .txt .t { font-size: 20px; line-height: 30px; color: #000000; font-weight: bolder; height: 60px; } 
.cul-2 .con a .txt .time { font-size: 16px; color: #aeaeae; margin-top: 5px; } 
.cul-2 .con a:hover .t { color: #00a0e9; } 
.cul-2 .con a:hover img { transform: scale(1.08); transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 


.cul-3 { padding: 60px 0; background: url('../images/cul4bg.jpg') no-repeat bottom center white; } 
.cul-3 .con { } 
.cul-3 .con a { padding:20px 30px; display: block; background-color: #ecf8fe; margin-bottom: 25px; } 
.cul-3 .con a .img { width: 345px; height: 180px; overflow: hidden; float: left; } 
.cul-3 .con a .img img { width: 100%; height: 100%; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 
.cul-3 .con a .txt { float: right; width: 860px; } 
.cul-3 .con a .tit { padding: 20px 0; } 
.cul-3 .con a .txt .tit .t { float: left; width: 680px; font-size: 20px; color: #000000; font-weight: bold; } 
.cul-3 .con a .txt .tit .time { float: right; width: 95px; text-align: right; font-size: 16px; color: #a1b7c2; } 
.cul-3 .con a .txt .c { font-size: 16px; color: #a1b7c2; line-height: 30px; } 
.cul-3 .con a .txt .more { font-size: 16px; color: #00a0e9; margin-top: 25px; } 
.cul-3 .con a:hover img { transform: scale(1.1); transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 
.cul-3 .con a:hover .more { color: #009944; } 


.cul-4 { padding: 60px 0; background-color: #f2faf5; } 
.cul-4 .con { width: 1330px; } 
.cul-4 .con a { display: block; width: 420px; height: 360px; position: relative; overflow: hidden; float: left; margin-right: 20px; } 
.cul-4 .con a img { width: 100%; height: 100%; } 
.cul-4 .con a p { background-color: rgba(0, 160, 253, .4); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#6600a0fd,endColorstr=#6600a0fd); width: 100%; height: 50px; line-height: 50px; font-size: 18px; color: #fffefe; text-align: center; position: absolute; left: 0; bottom: -50px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 
.cul-4 .con a:hover img { transform: scale(1.1); transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 
.cul-4 .con a:hover p { bottom: 0; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 

/* 用户 */
.member { background-color: #fefefe; padding: 50px 0; } 
.member .con { background-color: #eaf6fb; padding: 50px 36px; } 
.member .con .el.repwd { width: 560px; margin: 0 auto; margin-top: 15px; } 
.member .con .el.repwd.code input { width: 220px; margin-right: 10px; } 
.member .con .el.repwd.code img { width: 140px; height: 51px; } 
.member .con .el,.member .con .tarea { margin-top: 15px; } 
.member .con input { width: 375px; padding: 15px 25px; background-color: white; outline: none; font-size: 18px; color: #000; border: none; } 
.member .con textarea { padding:15px 25px; width: 1068px; height: 120px; resize: none; font-size: 18px; color: #000; outline: none; background-color: white; border: none; } 
.member .con textarea::-webkit-scrollbar { width: 10px; } 
.member .con textarea::-webkit-scrollbar-track { background: #bfbebe; } 
.member .con textarea::-webkit-scrollbar-thumb { background: #00a0e9; } 
.member .con input::-webkit-input-placeholder,.member .con textarea::-webkit-input-placeholder { color: #888888; } 
.member .tit { font-size: 18px; color: #333333; width: 110px; text-align: left; float: left; } 
.member .tit span { display: table-cell; vertical-align: middle; width: 110px; height: 51px; text-align: left; } 



.member .avatar { } 
.member .avatar #filePicker { margin-top: 20px; } 
.member .avatar .hide { display: none; } 
.member .avatar .info { display: none; } 
.member .avatar .close { position: absolute; top: 2px; right: 3px; background-color: rgb(0, 0, 0); color: white; border-radius: 100%; width: 21px; height: 21px; text-align: center; } 
.member .avatar .imgs { float: left; } 
.member .avatar .imgs .img { width: 103px; height: 96px; float: left; position: relative; } 
.member .avatar .imgs .img img { width: 103px !important; height: 96px !important; } 
.member .avatar .txt { width: 900px; padding-top: 15px; float: left; padding-left: 25px; } 
.member .avatar .txt .c { font-size: 16px; color: #999999; } 


.member .btns { margin: 0 auto; border-radius: 30px; margin-top: 35px; width: 275px; height: 60px; line-height: 60px; font-size: 26px; color: #fff; background-color: #009944; text-align: center; cursor: pointer; } 
.member .btns:hover { background-color: #00a0e9; } 


/* 用户订单 */
.userorder { background-color:white; padding: 50px 0; } 
.userorder .table { width: 100%; text-align: center; margin-bottom: 50px; } 
.userorder .table span,.userorder .table a { font-size: 20px; text-align: center; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-right: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.userorder .table .tit { padding: 0 13px; font-size: 0; text-align: left; background-color: #eaf6fb; border: 1px solid #d9dce0; height: 75px; line-height: 75px; color: #333333; font-weight: bold; } 
.userorder .table .sp1 { width: 210px; text-align: left; } 
.userorder .table .sp2 { width: 180px; } 
.userorder .table .sp3 { width: 160px; } 
.userorder .table .sp4 { width: 100px; } 
.userorder .table .sp5 { width:210px; } 
.userorder .table .sp6 { width: 200px; } 
.userorder .table .sp7 { width: 140px; } 
.userorder .table .sp8 { width: 140px; } 

.userorder .table a { cursor: pointer; width: 110px; height: 35px; line-height: 35px; border-radius:30px; font-size: 16px; color: #ffffff; text-align: center; background-color: #009944; } 
.userorder .table a:hover { background-color:#00a0e9; } 

.userorder .table .con { text-align: left; font-size: 0; } 
.userorder .table .con .eltit { height: 65px; line-height: 65px; } 
.userorder .table .con .eltit span { font-size: 18px; color: #454545; text-align: center; } 
.userorder .table .con .eltit span.sp1 { padding-left: 15px; text-align: left; } 
.userorder .table .con .eltit span.sp2 { } 
.userorder .table .con .eltit span.sp3 { color: #e10000; font-weight: bold; } 
.userorder .table .con .el { border-bottom:1px solid #d9dce0; } 
.userorder .table .con .el:hover,.userorder .table .con .el.on { background-color: #ecf8f2; } 
.userorder .table .el:hover .eltit .sp2 { font-weight: bold; color: #009944; } 

.userorder .table .con .el span.btn { cursor: pointer; } 
.userorder .table .con .el span.btn:hover { color: #00a0e9; } 

.userorder .table .con .el .top { border-bottom: 2px solid #b1b1b1; font-size: 16px; padding-bottom: 10px; margin-bottom: 10px; } 

.userorder .table .con .el .subcon { display: none; margin: 0 50px; padding: 10px 0; border-top:1px solid #009944; font-size: 16px; } 
.userorder .table .con .el .subcon span { font-weight: bold; font-size: 16px; } 
.userorder .table .con .el .subcon>div.top>div { float: left; width: 580px; text-align: left; line-height: 30px; margin-right: 20px; } 

.userorder .table .expressqrcode { color: white !important; background-color: #ff8800; width: 200px; border-radius: 40px; height: 40px; cursor: pointer; line-height: 40px; } 
.userorder .table .punchcode { color: white !important; background-color: #009944; width: 200px; height: 40px; cursor: pointer; line-height: 40px; } 


.userorder .table .con .el .subcon .btm { } 
.userorder .table .con .el .subcon .btm .hd { margin-bottom: 5px; } 

.userorder .table .con .el .subcon .btm .bd { line-height: 28px; } 

.userorder .table .con .el .subcon .btm>div>div { float: left; } 
.userorder .table .con .el .subcon .btm>div>div.d1 { width: 550px; } 
.userorder .table .con .el .subcon .btm>div>div.d2 { width: 200px; } 
.userorder .table .con .el .subcon .btm>div>div.d3 { width: 230px; } 
.userorder .table .con .el .subcon .btm>div>div.d4 { width: 180px; } 

/* 游玩 */
.play-1 { padding: 60px 0; background: url('../images/play1bg.jpg') no-repeat bottom center white; } 
.play-1 .con .list { margin-bottom: 0; } 
.play-1 .con .list a { padding: 18px 0; padding-left:40px; } 
.play-1 .con .list a .fl { width: 475px; } 
.play-1 .con .list a .fr { width: 115px; } 
.play-1 .con>.fl { width: 630px; height: 305px; } 
.play-1 .con>.fl img { width: 100%; height: 100%; } 

.play-2 { padding: 60px 0; background:#f2faf5; } 
.play-2 .con { } 
.play-2 .con .fl { width: 340px; height: 575px; background: url(../images/play2tit.png) no-repeat center; position: relative; } 
.play-2 .con .fl .tit { color: white; text-align: center; } 
.play-2 .con .fl .tit h1 { font-size: 40px; font-weight: bold; margin-bottom: 15px; margin-top: 110px; } 
.play-2 .con .fl .tit p { font-size: 18px; } 
.play-2 .con .fl .tit div { width: 125px; height: 2px; background: white; margin: 20px auto; } 
.play-2 .con .fl a { width: 175px; height: 45px; border-radius: 30px; position: absolute; background: white; left: 80px; bottom: 40px; line-height: 45px; border: 1px solid #009944; font-size: 18px; color: #009944; text-align: center; } 
.play-2 .con .fl a:hover { background:#00a0e9; color: white; } 

.play-2 .con .fr { width: 960px; } 
.play-2 .con .fr a { width: 305px; height: 280px; position: relative; overflow: hidden; display: block; float: left; margin-left: 15px; margin-bottom: 15px; } 
.play-2 .con .fr a img { width: 100%; height: 100%; } 
.play-2 .con .fr a p { width: 100%; height: 50px; line-height: 50px; text-align: center; color: white; background-color: rgba(0, 0, 0, .5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); position: absolute; left: 0; bottom: 0; } 

.play-2 .con .fr a:hover p { background-color: rgba(0, 160, 253, .4); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#6600a0fd,endColorstr=#6600a0fd); } 
.play-2 .con .fr a:hover img { transform: scale(1.05); } 


.play-3 { padding: 60px 0; background: url('../images/play3bg.jpg') no-repeat bottom center white; } 
.play-3 .con { } 
.play-3 .con a { position: relative; display: block; overflow: hidden; } 
.play-3 .con img { width: 100%; height: 100%; } 
.play-3 .con p { width: 100%; height: 50px; line-height: 50px; text-align: center; color: white; background-color: rgba(0, 0, 0, .5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); position: absolute; left: 0; bottom: -50px; } 
.play-3 .con .fl { } 
.play-3 .con .fl a { width: 444px; height: 516px; } 
.play-3 .con .img2 { float: left; margin-left: 13px; } 
.play-3 .con .img2 a { width: 313px; height: 516px; } 
.play-3 .con .fr { width: 530px; } 
.play-3 .con .fr .top a { width: 250px; height: 253px; float: left; margin-left: 14px; margin-bottom: 13px; } 
.play-3 .con .fr .btm a { width: 515px; height: 250px; margin-left: 14px; } 


.play-3 .con a:hover p { bottom: 0; } 



.play-4 { padding: 60px 0; background:#f2faf5; } 
.play-4 .fl img,.play-4 .fl { width: 515px; height: 485px; overflow: hidden; } 
.play-4 .fr { padding: 35px 30px; width: 725px; height: 415px; background-color: #00a0e9; overflow: hidden; } 
.play-4 .fr .hd { } 
.play-4 .fr .hd ul { } 
.play-4 .fr .hd li { width: 145px; height: 50px; line-height: 50px; margin-right: 20px; cursor: pointer; border: 1px solid white; border-radius: 5px; font-size: 18px; color: #ffffff; text-align: center; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.play-4 .fr .hd li.on { background-color: white; color: #00a0e9; } 
.play-4 .fr .bd { height: 340px; margin-top: 20px; width: 100%; overflow-x: hidden; overflow-y: auto; } 
.play-4 .fr .bd::-webkit-scrollbar { width: 10px; } 
.play-4 .fr .bd::-webkit-scrollbar-track { background-color: white; } 
.play-4 .fr .bd::-webkit-scrollbar-thumb { background-color:#7dd5fd; } 

.play-4 .fr .bd li p { padding: 0 10px; font-size: 16px; color: #7dd5fd; line-height: 30px; } 
.play-4 .fr .bd li p strong { font-size: 18px; color: #ffffff; line-height: 30px; } 


.play-5 { padding: 60px 0; background: url('../images/play5bg.jpg') no-repeat bottom center white; } 
.play-5 .con { } 
.play-5 .con a { width: 100%; overflow: hidden; display: block; position: relative; } 
.play-5 .con p { width: 100%; height: 50px; line-height: 50px; text-align: center; color: white; background-color: rgba(0, 0, 0, .5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); position: absolute; left: 0; bottom: -50px; } 
.play-5 .con a img { width: 100%; height: 100%; } 
.play-5 .con .fl,.play-5 .con .fr { width: 350px; height: 500px; } 
.play-5 .con .fl a,.play-5 .con .fr a { height: 240px; margin-bottom: 20px; } 
.play-5 .con .mid { float: left; width: 570px; height:500px; margin: 0 15px; } 
.play-5 .con .mid a { height: 500px; } 
.play-5 .con a:hover p { bottom: 0; } 

.play-6 { padding: 60px 0; background: #f2faf5; } 
.play-6 .con { width: 1330px; } 
.play-6 .con a { width: 310px; height: 290px; margin-right: 20px; display: block; float: left; position: relative; } 
.play-6 .con a img { width: 100%; height: 100%; } 
.play-6 .con a p { width: 100%; height: 50px; line-height: 50px; text-align: center; color: white; background-color: rgba(0, 160, 253, .4); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#6600a0fd,endColorstr=#6600a0fd); position: absolute; left: 0; bottom: 0; } 


/* 酒店 */
.hotel { padding: 60px 0; background: #ffffff; } 
.hotel .con { margin-bottom: 50px; } 
.hotel .con .el { cursor: pointer; margin-bottom: 30px; } 
.hotel .con .el .img { width: 400px; height: 312px; overflow: hidden; float: left; } 
.hotel .con .el .img img { width: 100%; height: 100%; } 
.hotel .con .el .txt { float: left; border: 1px solid #dfdede; background: url(../images/hotel.jpg) no-repeat right bottom white; border-left: none; width: 815px; height: 260px; padding: 25px 40px; } 
.hotel .con .el .txt .tit { } 
.hotel .con .el .txt .tit .t { font-size: 30px; color: #1c1c1c; text-align: left; float: left; } 
.hotel .con .el .txt .tit .pi { font-size: 30px; color: #e10000; float: right; } 
.hotel .con .el .txt .tit .pi span { font-size: 16px; } 
.hotel .con .el .txt .c { font-size: 16px; color: #a09e9e; line-height: 27px; height: 55px; } 
.hotel .con .el .txt .msg { margin-top: 35px; } 
.hotel .con .el .txt .msg p { padding-left:40px; font-size: 16px; color: #707070; line-height: 40px; } 
.hotel .con .el .txt .msg p.ad { background: url(../images/ad.png) no-repeat left center; } 
.hotel .con .el .txt .msg p.ph { background: url(../images/ph.png) no-repeat left center; } 
.hotel .con .el .txt .btn { width: 140px; height: 35px; border: 1px solid #e0e0e0; border-radius: 30px; display: block; margin-top: 20px; text-align: center; line-height: 35px; } 

.hotel .con * { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 

.hotel .con .el:hover .txt { background: url(../images/hotelon.jpg) no-repeat right bottom #ecf8f2; border-color: transparent; } 
.hotel .con .el:hover .txt .t { font-weight: bold; color: #009944; } 
.hotel .con .el:hover .txt .btn { background: #009944; color: white; } 
.hotel .con .el:hover .img { padding: 20px 0 20px 25px; width: 375px; height: 272px; background: #ecf8f2; } 
.hotel .con .el:hover .img img { width: 375px; height: 272px; } 

/* 酒店预订 */
.hotelorder { background: #ffffff; } 
.hotelorder .el { cursor: pointer; margin-bottom: 30px; padding: 25px; border: 1px solid #dfdede; } 
.hotelorder .el .img { width: 300px; height: 210px; overflow: hidden; float: left; } 
.hotelorder .el .img img { width: 100%; height: 100%; } 
.hotelorder .el .txt { float: right; position: relative; background: transparent; width: 910px; height: 210px; } 
.hotelorder .el .txt .tit { } 
.hotelorder .el .txt .tit .t { font-size: 26px; color: #000000; text-align: left; float: left; font-weight: bolder; } 
.hotelorder .el .txt .tit .pi { font-size: 30px; color: #e10000; float: right; font-weight: bold; } 
.hotelorder .el .txt .tit .pi span { font-size: 16px; font-weight: normal; } 
.hotelorder .el .txt .tit .pi span.sp { color: #9f9f9c; font-weight: normal; } 
.hotelorder .el .txt .c { width: 710px; font-size: 16px; color: #a09e9e; line-height: 27px; height: 55px; margin-top: 10px; } 
.hotelorder .el .txt .msg { margin-top: 15px; } 
.hotelorder .el .txt .msg p { padding-left:40px; font-size: 16px; color: #707070; line-height: 40px; } 
.hotelorder .el .txt .msg p.ad { background: url(../images/ad.png) no-repeat left center; } 
.hotelorder .el .txt .msg p.ph { background: url(../images/ph.png) no-repeat left center; } 
.hotelorder .el .txt .btn { position: absolute; right: 0; top: 50px; color: white; background-color:#009944; width: 120px; height: 40px; border: 1px solid #e0e0e0; border-radius: 30px; display: block; text-align: center; line-height: 40px; } 
.hotelorder .el:hover { background-color: #ecf8f2; } 
.hotelorder .el:hover .txt .tit .t { color: #009b4c; } 

.hotelorder .el * { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 


/* 文章 */
.article { min-height: 500px; padding: 50px 0 20px 0; } 
.article .title { text-align: center; font-size: 40px; line-height: 60px; color: #000000; font-weight: bolder; padding-bottom:20px; border-bottom: 2px solid #e5e5e5; } 
.article .title p { font-size: 40px; line-height: 60px; color: #000000; margin-bottom: 20px; } 
.article .title .msg { font-weight: normal; font-size: 18px; color: #898989; line-height: normal; } 
.article .title .msg span { margin-left: 10px; } 
.article .title .msg span:hover,.article .title .msg span.on { color: #009944; cursor: pointer; } 
.article .con { padding-top: 45px; } 
.article .con { font-size: 18px; color: #000000; line-height: 40px; } 
.article .con p { font-size: 18px; color: #000000; line-height: 40px; } 
.article .con h1 { font-size: 30px; color: #000000; font-weight: bolder; } 
.article .con strong { font-size: 26px; } 


.pn { width:1220px; background:#f7f7f7; overflow:hidden; margin:0 auto; padding:25px 40px; margin-bottom: 50px; } 
.pn .fl>div { width:1000px; height:40px; line-height: 40px; } 
.pn .fl span { font-size: 18px; color: #000000; font-weight: bold; } 
.pn .fl a { font-size: 18px; color: #3f3f3f; } 
.pn .fl a:hover { color:#009944 } 
.pn a.fr { float: right; display:block; width:140px; height:45px; background:#009944; font-size:18px; color:#fff; text-align:center; line-height:45px; margin-top: 20px; } 
.pn a.fr:hover { background-color: #00a0e9; } 
.pn span.time { font-size: 18px; color: #3f3f3f; font-weight: normal; margin-left: 20px; } 


/* 导游 */
.guidesel { font-weight: bold; padding: 20px; margin: 20px 0; font-size: 20px; background-color: #ceead2;; } 
.guidesel a { font-weight: normal; font-size: 18px; cursor: pointer; } 
.guidesel a:hover,.guidesel a.on { color: #23ac38; font-weight: bold; } 

.guidershow { margin: 30px 0; margin-top: 50px; } 
.guidershow .cont { margin-bottom: 30px; } 
.guidershow .cont .cont-tit { padding: 0 30px; font-size: 20px; height: 50px; line-height: 50px; background-color: #59b699; color: #fff; } 
.guidershow .cont .con { padding: 30px; font-size: 30px; line-height: 55px; } 
.guidershow .cont .img { float: left; height:400px; width: 550px; text-align: center; } 
.guidershow .cont .img img { height: 100%; max-width: 100%; } 
.guidershow .cont .acon { float: right; margin-left: 30px; width: 700px; } 
.guidershow .cont .acon .tit { margin-top: 20px; font-size: 40px; margin-bottom: 25px; font-weight: bold; } 
.guidershow .cont .acon .p { font-size: 20px; margin-bottom: 15px; color: #666; } 
.guidershow .cont .con .add { margin-top: 30px; } 
.guidershow .cont .con .add,.guidershow .cont .con .tel { font-size: 22px; color:#009944; } 
.guidershow .cont .acon .qr { margin-top: 20px; } 
.guidershow .cont .acon .qr #guideqr { float: left; width: 100px; height: 100px; padding: 10px; border: 1px solid #e5e5e5; } 
.guidershow .cont .acon .qr .qrtxt { float: left; margin-top: 70px; font-size: 18px; color: #666; margin-left: 20px; } 


/* 招聘 */
.recruit { } 
.recruit .el { margin-bottom: 30px; } 
.recruit .el .head { width:100%; height:80px; line-height: 80px; background:#f7f7f7; font-size: 0; } 
.recruit .el .head div { color:#606060; display: inline-block; *display: inline; *zoom: 1; font-size: 18px; } 
.recruit .el .head div span { font-weight:bold; } 
.recruit .el .head div.h1 { width:305px; margin-right: 20px; padding-left: 35px; } 
.recruit .el .head div.h2 { width: 280px; margin-right: 20px; } 
.recruit .el .head div.h3 { width: 250px; margin-right: 20px; } 
.recruit .el .head div.h4 { width: 250px; margin-right: 20px; } 
.recruit .el .head .btn { width:100px; text-align:center; background:#e0e0e0; color:#464545; cursor:pointer; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 
.recruit .el .con { display:none; padding:35px; background-color: #ffffff; } 
.recruit .el .con p { font-size: 16px; color: #494949; line-height: 55px; } 
.recruit .el .con h1 { font-size: 18px; color: #00a0e9; font-weight: bold; } 

/* 联系我们 */
.contact { } 
.contact .map { width: 100%; height: 500px; } 
.contact .con { margin-top: 30px; width: 1370px; } 
.contact .con .el { float: left; text-align: center; padding: 20px; width: 278px; height: 120px; margin-right: 21px; font-size: 18px; border: 1px solid #cac9c9; } 
.contact .con .el .iconfont { font-size: 55px; margin-bottom: 10px; color: #00a0e9; display: block; } 
.contact .con .el img { width: 77px; height: 77px; margin-top: 20px; vertical-align: middle; } 
.contact .con .el img.ctr { margin: 0 10px; margin-top: 20px; } 


/*搜索列表*/
.zy_nr { width: 1300px; margin: 30px auto 50px auto; } 
.zy_nr .pagebox { margin-bottom: 30px; } 
.zy_nr .list li a .fl { width:840px; } 
.zy_nr .list li.nodata { color: #009944; font-size: 35px; text-align: center; padding: 20px; } 
.zy_nr em { color: #009944; } 
.searchT,.searT1 { font-size:28px; font-weight:bold; color:#00a0e9; } 
.searchT i,.searT1 i { width:28px; height:28px; display:block; float:left; background-position:-405px -76px; } 
.searchT { margin-top:45px; } 
.searchT i { margin:10px 16px 0 460px; } 
.searT1 { width:330px; float:left; line-height:100px; } 
.searT1 i { margin:37px 16px 0 50px; } 

.searchC { margin-top:65px; } 
.searchC .searchC1 { width:636px; margin:0 auto; } 
.searchC .searchC1 input { background-color:#f6f6f6; } 
.searT { overflow: hidden; } 
.searT2 { width: 830px; float: left; margin-top:28px; background-color:#ffffff; border-radius:25px; overflow: hidden; } 
.searT2 input { width:660px; height:48px; border:none; outline:none; font-family:"Microsoft yahei"; font-size:18px; color:#bdbdbd; padding-left:20px; float: left; } 

.searT2 .btn { float: right; width:136px; height:48px; line-height: 48px; text-align: center; background-color:#00a0e9; border:none; font-family:"Microsoft yahei"; border-radius:25px; font-size:18px; color:#fff; outline:none; margin-left:-100px; cursor:pointer; } 
.searT2 .btn:hover { background-color: #007e59; } 
.searchC2 { padding:25px 45px; background-color:#fbfbfb; margin-top:30px; } 
.searchC2 dl { } 
.searchC2 dl dt { font-weight:bold; color:#00a0e9; padding-left:30px; margin-bottom:30px; } 
.searchC2 dl dd { margin-top:15px; } 
.searchC2 dl dd label { margin-right:10px; } 
.searchC2 dl dd span { width:94px; display:block; float:left; text-align:right; margin-right:20px; font-weight:bold; } 
.searchC2 dl dd select { width:236px; height:38px; border:1px solid #d3d3d3; font-family:"Microsoft yahei"; color:#a9a9a9; font-size:16px; outline:none; } 
.searchC2 dl dd input[type="radio"] { width:15px; height:15px; margin-right:7px; } 
.searchC2 dl dd input[type="text"] { width:190px; height:36px; border:1px solid #d3d3d3; outline:none; font-family:"Microsoft yahei"; padding-left:5px; } 
.searchC2 dl dd input.laydate-icon { vertical-align: middle!important; } 

.searT { height:104px; background-color:#f1f1f1; } 

.search_cont { border:1px solid #e0e0e0; width: calc(100% - 2px); } 
.search_contL { width:240px; padding-bottom:50px; } 
.search_contL1 { height:47px; line-height:47px; background:url(../images/list_time.png) no-repeat 63px center; padding-left:90px; font-weight:bold; color:#515151; border-bottom:1px solid #e0e0e0; } 
.search_contL2 { } 
.search_contL2 dl { text-align:center; } 
.search_contL2 dl dd { cursor: pointer; height:47px; line-height:47px; border-bottom:1px solid #e0e0e0; } 
.search_contL2 dl dd.on { color:#00a0e9; } 

.search_contR { width:1056px; border-left:1px solid #e0e0e0; } 
.search_contR1 { height:47px; line-height:47px; border-bottom:1px solid #e0e0e0; padding-left:30px; } 
.search_contR1 font { color:#007e59; } 
.search_contR1 em { font-weight:bold; color:#00a0e9; margin-left:40px; } 
.search_contR1 label { padding:0 25px; } 
.search_contR1 label input { width:15px; height:15px; outline:none; margin-right:8px; } 

.search_contR2 { width: 1017px; min-height: 400px; height: auto!important; height: 400px; float: right; margin-right: 20px; } 
.search_contR2 .list { margin-bottom: 30px; width: 99%; } 




/* 用户登录注册 */
.area { position: relative; border-radius: 10px; display: none; width: 360px; padding: 0 45px; padding-bottom: 35px; margin: 0 auto; background-color: white; } 
.area#register { padding-bottom: 0; } 
.area .tit { padding: 25px 0; text-align: center; font-size: 24px; color: #23ac38; } 
.area .tit img { width: 135px; } 
.area input { height: 45px; line-height: 45px; margin-bottom: 20px; padding: 0 40px; width: 278px; font-size: 16px; display: block; border: 1px solid #dddddd; outline: none; color: #000; } 
.area input::placeholder { color: #b3b3b3; } 
.area input.codeimg { width: 145px; float: left; background: url(../images/code1.png) no-repeat 14px center; } 
.area input.mbcode { width: 158px; background: url(../images/mail1.png) no-repeat 12px center; float: left; } 
.area .embed { width: 118px; height: 45px; line-height: 45px; text-align: center; font-size: 16px; color: #00a0e9; background-color: #fafafa; cursor: pointer; border: 1px solid #dddddd; border-left: none; float: right; } 
.area .embed:hover { background-color: #d8d8d8; } 
.area .codearea { width: 100%; } 
.area .codearea .img { width: 120px; height: 44px; border: 1px solid #dddddd; float: right; display: block; } 

.area #rgpassword { margin-bottom: 10px !important; } 
.area .confirm { margin-bottom: 10px; } 
.area input[type="checkbox"] { display: inline; margin-bottom: 0; vertical-align: middle; margin-right: 10px; width: 18px; height: 18px; border-radius: 0; background-color: #e5e5e5; cursor: pointer; } 
.area .confirm label { display: inline; font-size: 16px; color: #b3b3b3; cursor: pointer; vertical-align: middle; } 
.area .confirm label span { color: #23ac38; } 

.area .rglg { text-align: center; padding: 20px 0; font-size: 16px; color: #8a8a8a; } 
.area .rglg span { color: #00a0e9; cursor: pointer; } 
.area .rglg span:hover { color: #23ac38; } 

.area .btn { display: block; transition: .3s all linear; background: url(../images/loginbtn.png) no-repeat center; width: 360px; height: 45px; line-height: 45px; font-size: 18px; color: white; text-align: center; } 

.area .btn:hover { opacity: .8; cursor: pointer; transition: .3s all linear; } 


.area input.mobile { background: url(../images/mb.png) no-repeat 14px center; } 
.area input.pwd { background: url(../images/pwd.png) no-repeat 14px center; } 

.area .lgtype { text-align: center; font-size: 0; margin: 20px 0; } 

.area .typebtn.mb { margin-right: 20px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; background: url(../images/mobile.png) no-repeat center; width: 40px; height: 40px; cursor: pointer; } 
.area .typebtn.wx { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; background: url(../images/wx.png) no-repeat center; width: 40px; height: 40px; cursor: pointer; } 
.area .typebtn.ac { margin-right: 20px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; background: url(../images/account.png) no-repeat center; width: 40px; height: 40px; cursor: pointer; } 

.area .rgfp { font-size: 16px; color: #8a8a8a; } 
.area .typebtn.rg { float: left; } 
.area .typebtn.fp { float: right; } 
.area .typebtn.fp:hover,.area .typebtn.rg:hover { color: #23ac38; cursor: pointer; } 


.area#wxlogin { padding-bottom: 0; } 
.area#wxlogin .typebtn.ac { margin-right: 0; } 
.area#wxlogin .lgtype { margin-bottom: 0; z-index: 9999999; } 
.area .wxqr { width: 300px; height: 270px; margin: 0 auto; overflow: hidden; } 
.area .wxqr .tit { padding-top: 25px; padding-bottom: 10px; } 
.area .wxqr img { width: 100%; height: 100%; } 

.area#findpwd .btn { margin-bottom: 20px; } 

.area .close { top: 10px; right: 10px; cursor: pointer; width: 28px; height: 28px; background: url(../images/close.png) no-repeat center; position: absolute; transition: .2s all ease; } 
.area .close:hover { transform: rotate(180deg); transition: .3s all linear; } 

.lgarg { width: 100%; height: 100%; position: fixed; padding-top: 230px; z-index: 9999; background-color: rgba(0, 0, 0, .7); } 




.term { display:none; width:1045px; height:635px; padding:20px; overflow-x:hidden; overflow-y:auto; word-break:break-all; white-space:normal; } 
.term p { font-size: 20px; line-height: 35px; } 


.ticket { } 
.ticket .el { border: 1px solid #dfdede; padding: 20px; margin-bottom: 25px; } 
.ticket .el .top { margin-bottom: 20px; } 
.ticket .el .top .fl { width: 210px; height: 140px; overflow: hidden; } 
.ticket .el .top .fl img { width: 100%; height: 100%; } 
.ticket .el .top .fr { width: 1030px; position: relative; } 
.ticket .el .top .fr .tit { font-size: 20px; color: #000000; font-weight: bolder; margin-bottom: 25px; } 
.ticket .el .top .fr .price { position: absolute; top: 0; right: 0; } 
.ticket .el .top .fr .price p { font-size: 30px; color: #e10000; font-weight: bold; } 
.ticket .el .top .fr .price p span { font-size: 16px; color: #9f9f9c; font-weight: normal; padding-left: 5px; } 
.ticket .el .top .fr .price p span.l { color: #e10000; } 
.ticket .el .top .fr .price a { font-size: 16px; background-color: #009944; margin: 0 auto; margin-top: 10px; color: #ffffff; text-align: center; border-radius: 30px; display: block; width: 120px; height: 40px; line-height: 40px; } 
.ticket .el .top .fr .price a:hover { background-color: #ff8800; } 
.ticket .el .top .fr .txt { font-size: 14px; color: #3e3e3e; line-height: 31px; white-space: nowrap; } 
.ticket .el .top .fr .txt span { color: #b1b1b1; } 

.ticket .el .con { } 
.ticket .el .con .head { font-size: 16px; color: #b1b1b1; border-bottom: 1px solid #e2e2e2; } 
.ticket .el .con .head span { height: 35px; line-height: 35px; font-size: 16px; color: #b1b1b1; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; } 
.ticket .el .con .head span.sp0 { margin-right: 570px; text-align: left; margin-bottom: -2px; font-size: 20px; color: #009b4c; border-bottom: 3px solid #009b4c; } 
.ticket .el .con .head span.sp1 { width: 410px; margin-right: 40px; text-align: left; } 
.ticket .el .con .head span.sp2 { width: 80px; margin-right: 20px; text-align: center; } 
.ticket .el .con .head span.sp3 { width: 80px; margin-right: 0; text-align: right; } 

.ticket .el .con .bd { } 
.ticket .el .con .bd .e { height: 65px; line-height: 65px; border-bottom: 1px dashed #e2e2e2; } 
.ticket .el .con .bd .e span,.ticket .el .con .bd .e a { vertical-align: middle; font-size: 18px; display: inline-block; *display: inline; *zoom: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.ticket .el .con .bd .e span strong { color: #9fa19f; font-weight: normal; } 
.ticket .el .con .bd .e span.sp1 { width: 590px; margin-right: 20px; } 
.ticket .el .con .bd .e span.sp2 { width: 436px; margin-right: 30px; color: #e10000; } 
.ticket .el .con .bd .e span.sp2 strong { font-size: 14px; padding-left: 5px; } 
.ticket .el .con .bd .e span.sp3 { width: 80px; margin-right: 20px; } 
.ticket .el .con .bd .e span.sp3 img { width: 23px; height: 23px; } 
.ticket .el .con .bd .e span.sp3 img.on { margin-right: 10px; } 
.ticket .el .con .bd .e a { width: 65px; height: 32px; line-height: 32px; color: #ffffff; text-align: center; background-color: #ff8800; border-radius: 30px; } 
.ticket .el .con .bd .e a:hover { background-color: #009944; } 


.ticketshow { } 
.ticketshow .tit { font-size: 40px; color: #000000; font-weight: bold; text-align: center; line-height: 60px; margin-bottom: 20px; } 
.ticketshow .locate { background-color: #f7f7f7; white-space: nowrap; } 
.ticketshow .locate a { font-size: 20px; color: #242424; padding:0 30px; margin: 20px 0; border-right: 1px solid #d2d2d2; text-align: center; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.ticketshow .locate a.on { color: white; background-color: #00a0e9; height: 60px; line-height: 60px; margin: 0; } 

.ticketshow .tk { padding: 20px; border: 1px solid #dfdede; border-top: 0; margin-bottom: 30px; } 
.ticketshow .tk .head { font-size: 16px; color: #b1b1b1; background-color: #f3f3f3; } 
.ticketshow .tk .head span { height: 35px; line-height: 35px; font-size: 16px; color: #b1b1b1; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; } 
.ticketshow .tk .head span.sp0 { width: 570px; margin-left: 20px; margin-right: 60px; text-align: left; } 
.ticketshow .tk .head span.sp4 { width: 340px; margin-left: 20px; margin-right: 60px; text-align: left; } 
.ticketshow .tk .head span.sp1 { width: 350px; margin-right: 40px; text-align: left; } 
.ticketshow .tk .head span.sp2 { width: 80px; margin-right: 15px; text-align: center; } 
.ticketshow .tk .head span.sp3 { width: 80px; margin-right: 0; text-align: right; } 
.ticketshow .tk .head span.sp5 { width: 100px; margin-right: 20px; text-align: center; } 
.ticketshow .tk .head span.sp6 { width: 160px; margin-right: 10px; text-align: center; } 
.ticketshow .tk .head span.sp7 { width: 125px; margin-right: 0px; text-align: center; } 
.ticketshow .tk .head span.sp8 { width: 320px; margin-right: 0px; text-align: center; } 
.ticketshow .tk .e { height: 60px; line-height: 60px; padding: 0 20px; border-bottom: 1px dashed #e2e2e2; } 
.ticketshow .tk .e span,.tk .e a { vertical-align: middle; font-size: 18px; display: inline-block; *display: inline; *zoom: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.ticketshow .tk .e span strong { color: #9fa19f; font-weight: normal; } 
.ticketshow .tk .e span.sp1 { width: 585px; margin-right: 20px; } 
.ticketshow .tk .e span.sp2 { width: 400px; margin-right: 30px; color: #e10000; } 
.ticketshow .tk .e span.sp2 strong { font-size: 14px; padding-left: 5px; } 
.ticketshow .tk .e span.sp3 { width: 80px; margin-right: 20px; } 
.ticketshow .tk .e span.sp3 img { width: 23px; height: 23px; } 
.ticketshow .tk .e span.sp3 img.on { margin-right: 10px; } 
.ticketshow .tk .e span.sp4 { width:340px; margin-right: 60px; text-align: left; } 
.ticketshow .tk .e span.sp5 { width: 110px; margin-right: 20px; text-align: center; } 
.ticketshow .tk .e span.sp6 { width: 160px; margin-right: 40px; text-align: center; color: #e10000; font-size: 24px; } 
.ticketshow .tk .e span.sp7 { width: 125px; margin-right: 0px; text-align: center; } 
.ticketshow .tk .e span.sp8 { width: 320px; margin-right: 0px; text-align: center; } 
.ticketshow .tk .e a { width: 65px; height: 32px; line-height: 32px; color: #ffffff; text-align: center; background-color: #ff8800; border-radius: 30px; } 
.ticketshow .tk .e a:hover { background-color: #009944; } 


.ticketshow .ctn { font-size: 18px; color: #000000; line-height: 45px; } 


.ticketshow .tit1 { text-align: center; font-size: 18px; color: #666666; background: url(../images/tks.png) no-repeat center; height: 50px; line-height: 50px; margin-bottom: 20px; } 
.ticketshow .tit1 img { width: 44px; height: 44px; margin-right: 10px; } 


.ticketshow .map { width: 100%; overflow: hidden; } 


.progress { background: url(../images/progress.png) no-repeat center 22px; width: 100%; margin: 40px 0; } 
.progress div { margin-left: 535px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 72px; } 
.progress div.first { margin-left: 0; } 
.progress div.last { margin-left:1150px; } 
.progress div p { font-size: 18px; color: #545454; margin-top: 10px; } 
.progress div span { margin: 0 auto; font-size: 18px; background: url(../images/prge1.png) no-repeat center; color: #ffffff; text-align: center; width: 40px; height: 40px; line-height: 40px; display: block; } 
.progress div.on span { background: url(../images/prge2.png) no-repeat center; } 
.progress div.on p { color: #009b4c; } 


.nologinmsg { height: 50px; margin-bottom: 30px; line-height: 50px; color: #928871; font-size: 16px; padding: 0 20px; padding-left: 55px; background: url(../images/nologinmsg.png) no-repeat 20px center; background-color: #fffaee; border: 1px solid #ffcc66; } 
.nologinmsg a { color: #009b4c; } 
.nologinmsg a:hover { font-weight: bolder; } 


/* 订单 */
.order { position: relative; margin-bottom: 150px; } 

.order .btn { left: 315px; bottom: -90px; width: 280px; height: 60px; line-height: 60px; border-radius: 40px; cursor: pointer; font-size: 26px; color: white; background-color: #009944; position: absolute; text-align: center; } 



.orderform { float: left; width: 905px; padding: 25px; border: 1px solid #dfdede; background-color: #ffffff; position: relative; } 




.orderform .headtit { background-color: #f5f5f5; height: 45px; line-height: 45px; font-size: 20px; color: #000000; font-weight: bold; } 
.orderform .headtit img { width: 46px; height: 46px; margin-right: 18px; } 

.orderform .con { padding: 40px 0; } 

.orderform .orderlist { } 
.orderform em { color: red; padding-right: 3px; } 
.orderform .orderlist .el { border-top: 1px dotted #ccc; margin-top: 20px; padding-top: 20px; padding-left: 60px; position: relative; } 
.orderform .orderlist .el.first { border: none; margin-top: 0; padding-top: 0; } 
.orderform .orderlist .el .title { font-size: 20px; color: #000000; } 
.orderform .orderlist .el .title span.txt { width: 760px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.orderform .orderlist .el .title span.iconfont { font-size: 16px; vertical-align: middle; cursor: pointer; color: #bebebe; padding-left: 8px; display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; } 
.orderform .orderlist .el .title span.conbtn.on { transform: rotateX(180deg); transition: .3s all linear; } 
.orderform .orderlist .el .content { display: block; padding: 10px 20px; background-color: #f5f5f5; margin-top: 30px; } 
.orderform .orderlist .el .tktnum span { display: block; float: left; line-height: 35px; } 
.orderform .orderlist .el .minus,.orderform .orderlist .el .plus { width: 40px; color: #b8b8b8; height: 40px; cursor: pointer; border: 1px solid #cccccc; font-size: 32px; text-align: center; font-weight: bolder; } 
.orderform .orderlist .el .minus:hover,.orderform .orderlist .el .plus:hover { border-color: #928871; } 
.orderform .orderlist .el .plus { color: #12a259; } 
.orderform .orderlist .el .minus { } 

.orderform .orderlist .el .tktnum { margin: 15px 0; } 
.orderform .orderlist .el .tktnum .max { font-size: 14px; color: #999; margin-left: 20px; } 
.orderform .orderlist .el .tktnum input.quantity { display: block; float: left; width: 50px; height: 40px; font-size: 20px; outline: none; border: 1px solid #cccccc; border-right: none; border-left: none; color: #000000; text-align: center; } 

.orderform .t { font-size: 18px; margin-right: 10px; color: #747774; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.orderform .t span { display: table-cell; width: 120px; text-align: left; vertical-align: middle; height: 42px; } 


.orderform .c { display: inline-block; *display: inline; *zoom: 1; font-size: 17px; vertical-align: middle; } 

.region { display: inline-block; *display: inline; *zoom: 1; font-size: 0; vertical-align: middle; } 
.region select { height: 45px; line-height: 45px; margin-right: 10px; border: 1px solid #cccccc; padding: 0 10px; color: #000; text-align: center; font-size: 17px; width: 200px; } 

.orderform .el input[type="radio"] { width: 20px; height: 20px; cursor: pointer; margin-right: 10px; } 

.orderform .el input#epr2 { margin-left: 40px; } 



.orderform .orderlist .el .tktprice { font-size: 24px; color: #e10000; margin: 15px 0; } 
.orderform .orderlist .el .tktprice span { font-size: 18px; padding-right: 5px; } 
.orderform .orderlist .el .tktprice span.sp2 { font-weight: bold; font-size:24px; } 

.orderform .orderlist .el .tkdate { margin-bottom: 20px; } 

.orderform .orderlist .el .hoteltip { display: none; position: absolute; right: 350px; top: 140px; font-size: 18px; color: #747774 }; .orderform .orderlist .el .hoteltip span { color: #e10000; } 


.orderform .orderlist .date { padding-left: 60px; font-size: 0; border-top: 1px dotted #ccc; margin-top: 20px; padding-top: 20px; } 
.orderform .orderlist .date>span { font-size: 14px; color: red; margin-left: 20px; vertical-align: middle; } 
.orderform .orderlist input.time { background: url(../images/date.png) no-repeat 245px center; } 
.orderform input { vertical-align: middle; padding: 0 10px; border: 1px solid #cccccc; color: #000; width: 260px; height: 45px; line-height: 45px; font-size: 17px; outline: none; } 
.orderform select { vertical-align: middle; padding: 0 10px; border: 1px solid #cccccc; color: #000; width: 280px; height: 45px; line-height: 45px; font-size: 17px; outline: none; } 


.orderamount { width: 310px; border: 1px solid #00a0e9; } 

.orderamount .sum { background-color: #bde2f5; font-size: 18px; color: #333333; height: 65px; padding: 0 15px; } 
.orderamount .sum .fl { line-height: 65px; } 
.orderamount .sum span { font-size: 30px; color: #e10000; font-weight: bold; line-height: 65px; } 
.orderamount .sum strong { padding-left: 30px; font-size: 18px; color: #e10000; font-weight: normal; } 

.orderamount .overview .tit { font-size: 18px; color: #00a0e9; margin-bottom: 15px; } 

.orderamount .overview .goods { padding: 15px; background-color: #eff9fe; } 

.orderamount .overview .el { margin-bottom: 10px; border-bottom: 1px dashed #00a0e9; padding-bottom: 10px; font-size: 16px; color: #5b5b5b; vertical-align: middle; white-space: nowrap; } 
.orderamount .overview .el .top .fl { width: 220px; } 
.orderamount .overview .el .btm { margin-top: 10px; } 
.orderamount .o verview .el .btm .time { display: block; margin-top: 2px; width: 180px; float: left; font-size: 16px; color: #5b5b5b; } 

.orderamount .overview .el .txt { vertical-align: middle; color: #000000; font-size: 16px; white-space:normal; word-break: break-all; overflow: hidden; text-overflow: ellipsis; } 
.orderamount .overview .el .num,.orderamount .overview .el .price,.orderamount .overview .el .amount { font-size: 16px; color: #5b5b5b; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.orderamount .overview .el strong { font-weight: normal; color: #5b5b5b; font-size: 16px; vertical-align: middle; } 

.orderform .orderuser { padding-left: 60px; white-space: nowrap; } 
.orderform .orderuser .el { margin-bottom: 20px; font-size: 0; } 
.orderform .orderuser input.mbcode { width: 150px; } 
.orderform .embed { width: 105px; height: 45px; font-size: 16px; line-height: 45px; border: 1px solid #cccccc; background-color: #ecf8f2; color: #009b4c; text-align: center; display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; cursor: pointer; } 
.orderform .orderuser .el .msg { font-size: 14px; color: #999; margin-left: 20px; } 

.orderform .coupons { padding-left: 60px; font-size: 18px; color: #747774; } 

.orderform .coupons a { color: #12a259; font-size: 18px; margin-right: 5px; } 


.orderform .coupons .e { margin-bottom: 30px; float: left; margin-right: 40px; } 
.orderform .coupons .e.on { background-color: #12a259; color: white; } 
.orderform .coupons .e label { padding: 20px; cursor: pointer; border: 1px solid #5b5b5b; display:block; width: 330px; } 
.orderform .coupons .e input[type="radio"] { display: none; width: 20px; height: 20px; } 
.orderform .coupons .e span { display: block; } 
.orderform .coupons .e span.l { font-size: 18px; margin-bottom: 20px; } 


/* 在线支付 */
.onlinepay { border: 1px solid #dfdede; padding-bottom: 20px; margin-bottom: 30px; } 
.onlinepay .head { padding: 0 35px; height: 70px; line-height: 70px; border-bottom: 1px solid #dfdede; } 
.onlinepay .head .fl>div { display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; } 
.onlinepay .head .fl>div.d1 { margin-right: 90px; color: #333333; font-size: 18px; } 
.onlinepay .head .fl>div.d1 span { margin-left: 20px; color: #e10000; font-size: 28px; vertical-align: middle; } 
.onlinepay .head .fl>div em { font-size: 18px; } 
.onlinepay .head .fl>div.d2 { color: #898989; font-size: 16px; } 
.onlinepay .head .fl>div.d2 span { color:#e10000; font-weight: bold; padding: 0 5px; } 
.onlinepay .head .fr { font-size: 16px; color: #7f7f7f; cursor: pointer; } 
.onlinepay .head .fr span.iconfont { font-size: 14px; margin-left: 10px; transition: .3s all linear; } 
.onlinepay .head .fr span.iconfont.on { transform: rotateX(180deg); transition: .3s all linear; } 

.onlinepay .orderstate .txt { padding: 30px; } 
.onlinepay .orderstate .txt.pro { padding:10px 30px; } 
.onlinepay .orderstate .txt div { float: left; width: 600px; margin-right: 10px; font-size: 18px; color: #3e3e3e; text-align: left; line-height: 40px; vertical-align: middle; } 
.onlinepay .orderstate .txt span { color: #b1b1b1; width: 100px; margin-right: 20px; display: inline-block; *display: inline; *zoom: 1; vertical-align:middle; } 
.onlinepay .orderstate .txt div.l { width: 800px; } 
.onlinepay .orderstate .txt div.r { width: 400px; } 

.onlinepay .paycon { margin: 0 25px; padding: 40px 0; background-color: white; text-align: center; font-size: 24px; color: #403f3f; } 
.onlinepay .paycon p { font-size: 24px; color: #403f3f; margin-bottom: 40px; } 

.onlinepay .paycon .paychoose { } 
.onlinepay .paycon .paychoose span { font-size: 18px; color: #403f3f; } 
.onlinepay .paycon .paychoose input[type="radio"] { vertical-align: middle; background-color: #12a259; margin-right: 18px; cursor: pointer; padding: 6px; width: 20px; height: 20px; border: 1px solid #bcbcbc; border-radius: 100%; } 
.onlinepay .paycon .paychoose label { cursor: pointer; margin-right: 30px; vertical-align: middle; } 
.onlinepay .paycon .paychoose .paybtn { margin: 0 auto; margin-top: 35px; cursor: pointer; border-radius: 50px; width: 167px; height: 50px; line-height: 50px; background-color: #e10000; color: #ffffff; font-size: 20px; } 
.onlinepay .paycon .paychoose .paybtn:hover { background-color: #12a259; } 

.onlinepay.rf { } 
.onlinepay.rf .btn { margin: 0 auto; margin-top: 35px; text-align: center; cursor: pointer; border-radius: 50px; width: 167px; height: 50px; line-height: 50px; background-color: #e10000; color: #ffffff; font-size: 20px; } 
.onlinepay.rf .btn:hover { background-color: #12a259; } 



/* 支付成功 */
.ordercomplete { border: 1px solid #dfdede; padding: 0 20px; margin-bottom: 30px; } 
.ordercomplete>.head { padding: 50px 0; text-align: center; } 
.ordercomplete>.head .tit { font-size: 30px; color: #000000; margin-bottom: 10px; margin-top: 20px; } 
.ordercomplete>.head p { font-size: 16px; color: #b5b5b5; } 
.ordercomplete .con { margin-bottom: 30px; } 
.ordercomplete .con .top { background-color: #f3f3f3; padding: 0 20px; height: 40px; line-height: 40px; } 


.ordercomplete .tk { padding: 20px; border-top: 0; margin-bottom: 30px; font-size: 24px; } 
.ordercomplete .tk { font-size: 16px; color: #b1b1b1; } 
.ordercomplete .tk .head { background-color: #f3f3f3; font-size: 16px; color: #b1b1b1; } 
.ordercomplete .tk span { height: 35px; line-height: 35px; font-size: 16px; color: #b1b1b1; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; } 
.ordercomplete .tk span.sp1 { width: 480px; margin-left: 20px; margin-right: 20px; text-align: left; } 
.ordercomplete .tk span.sp2 { width: 100px; margin-right: 20px; text-align: center; } 
.ordercomplete .tk span.sp3 { width: 150px; margin-right: 10px; text-align: center; } 
.ordercomplete .tk span.sp4 { margin-left: 20px; width: 200px; margin-right: 0px; text-align: center; } 
.ordercomplete .tk span.sp5 { margin-left: 20px; width: 200px; margin-right: 0px; text-align: center; } 
.ordercomplete .tk span.sp5 { margin-left: 20px; width: 650px; margin-right: 0px; text-align: left; } 



.ordercomplete .tk .e { height: 60px; line-height: 60px; border-bottom: 1px dashed #e2e2e2; } 
.ordercomplete .tk .e span { vertical-align: middle; color: #000000; font-size: 18px; display: inline-block; *display: inline; *zoom: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.ordercomplete .tk .e span strong { color: #9fa19f; font-weight: normal; } 
.ordercomplete .tk .e span.sp1,.ordercomplete .tk .e span.sp5 { color: #009b4c; font-weight: bold; } 
.ordercomplete .tk .e span.sp4 { color: #e10000; } 





.article .title.goods { border: none; } 

.goodsmsg { background-color: #f7f7f7; } 
.goodsmsg .fl { text-align: center; padding: 0 30px; font-size: 20px; color: #ffffff; background-color: #00a0e9; height: 60px; line-height: 60px; } 
.goodsmsg .fr span { font-size: 18px; color: #747774; } 
.goodsmsg .fr { padding: 10px 0; margin-right: 20px; } 
.goodsmsg .fr * { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.goodsmsg .fr .num { border: 1px solid #cccccc; font-size: 0; width: 135px; white-space: nowrap; background-color: white; margin-right: 20px; } 
.goodsmsg .fr input { outline: none; border: 1px solid #cccccc; background-color: transparent; text-align: center; width: 50px; height: 40px; line-height: 40px; font-size: 18px; color: #000000; border-top: none; border-bottom: none; } 
.goodsmsg .fr .num .minus,.goodsmsg .fr .num .plus { cursor: pointer; width: 40px; text-align: center; height: 40px; line-height: 35px; font-size: 35px; color: #b4b4b4; } 
.goodsmsg .fr .num .minus { font-size: 50px; line-height: 32px; } 

.goodsmsg .fr a { width: 130px; margin-right: 10px; height: 40px; cursor: pointer; line-height: 40px; text-align: center; border: 1px solid #ff8800; border-radius: 40px; background-color: white; color: #ff8800; font-size: 16px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.goodsmsg .fr a:hover { border-color: #009944; color: #009944; } 
.goodsmsg .fr .cartbtn { cursor: pointer; width: 110px; font-size: 16px; height: 40px; padding-left: 20px; line-height: 40px; color: white; border-radius: 30px; text-align: center; background: url(../images/shopcart.png) no-repeat 15px center #ff8800; } 
.goodsmsg .fr .cartbtn:hover { background-color: #009944; } 
 .goodsmsg .fr .num .minus:hover,.goodsmsg .fr .num .plus:hover { color: #009944; } 

 .goodsmsg.on { margin-bottom: 10px; } 
 .goodsmsg.on .fr { float: left; line-height: 40px; margin-left: 15px; font-size: 20px; } 


.shopcart { margin-bottom: 30px; text-align: left; } 
.shopcart .topbar { height: 65px; line-height: 65px; padding: 0 30px; white-space: nowrap; font-size: 0; } 
.shopcart .topbar div { display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; text-align: left; font-size: 18px; color: #787878; } 
.shopcart .topbar div.sp0 { width: 150px; margin-right:20px; } 
.shopcart .topbar div.sp1 { width:460px; margin-right:15px; } 
.shopcart .topbar div.sp2 { width:190px; margin-right: 25px; } 
.shopcart .topbar div.sp3 { width: 160px; margin-right:25px; } 
.shopcart .topbar div.sp4 { width: 110; margin-right:65px; } 
.shopcart .topbar div.sp5 { width: 60px; } 
.shopcart .topbar input { outline: none; width: 16px; height: 16px; border: 1px solid #c5c5c5; margin-right: 10px; vertical-align: baseline; } 


.shopcart .con { border: 1px solid #cccccc; border-bottom: none; } 
.shopcart .con .el { padding: 20px 25px; border-bottom: 1px solid #cccccc; font-size: 0; white-space: nowrap; } 
.shopcart .con .el>*,.shopcart .con .el .num>* { display: inline-block; vertical-align: middle; *display: inline; *zoom: 1; } 
.shopcart .con .el .sel { width: 20px; height: 20px; margin-right: 10px; } 
.shopcart .con .el .sel input { width: 16px; height: 16px; border: 1px solid #c5c5c5; vertical-align: middle; } 
.shopcart .con .el .img { width: 125px; height: 110px; } 
.shopcart .con .el .img img { width: 100%; height: 100%; } 
.shopcart .con .el .txt { margin-left: 15px; width: 415px; margin-right:20px; height: 110px; white-space: normal; word-break: break-all; } 
.shopcart .con .el .txt .t { font-size: 18px; color: #000000; height: 65px; margin-bottom: 20px; line-height: 30px; } 
.shopcart .con .el .txt .c img { padding: 0 10px; } 
.shopcart .con .el .price { width: 150px; font-size: 18px; margin-right: 65px; color: #000000; text-align: center; } 
.shopcart .con .el .sum { font-size: 18px; color: #e10000; width: 150px; margin-right: 10px; text-align: center; } 
.shopcart .con .el .del { width: 70px; cursor: pointer; text-align: center; } 

.shopcart .con .el .num { margin-right: 50px; border: 1px solid #cccccc; font-size: 0; width: 135px; white-space: nowrap; background-color: white; } 
.shopcart .con .el input { outline: none; border: 1px solid #cccccc; background-color: transparent; text-align: center; width: 50px; height: 40px; line-height: 40px; font-size: 18px; color: #000000; border-top: none; border-bottom: none; } 
.shopcart .con .el .num .minus,.shopcart .con .num .plus { cursor: pointer; width: 40px; text-align: center; height: 40px; line-height: 35px; font-size: 35px; color: #b4b4b4; } 
.shopcart .con .el .num .minus { font-size: 50px; line-height: 32px; } 
.shopcart .con .el .num .minus:hover,.shopcart .con .num .plus:hover { color: #009944; } 


.shopcart .btmbar { line-height: 63px; margin-top: 30px; padding-left: 25px; background-color: #f6ecec; font-size: 0; white-space: nowrap; } 
.shopcart .btmbar .fl>*,.shopcart .btmbar .fr>* { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; text-align: left; font-size: 16px; color: #787878; } 
.shopcart .btmbar .fr { max-width: 830px; } 
.shopcart .btmbar input[type="checkbox"] { outline: none; width: 16px; height: 16px; border: 1px solid #c5c5c5; margin-right: 10px; vertical-align:middle; } 
.shopcart .btmbar .sel { margin-right: 50px; } 
.shopcart .btmbar .dels { cursor: pointer; } 
.shopcart .btmbar .dels:hover { color: #e10000; } 
.shopcart .btmbar .seled { font-size: 18px; color: #414141; margin-right: 25px; } 
.shopcart .btmbar .seled span { font-size: 24px; color: #e10000; padding: 0 10px; font-weight: bolder; } 
.shopcart .btmbar .sum { font-size: 18px; color: #414141; margin-right: 38px; line-height: 60px; } 
.shopcart .btmbar .sum span { font-size: 30px; color: #e10000; font-weight: bolder; margin-right: 5px; } 
.shopcart .btmbar .sum em { font-size: 18px; font-weight: normal; color: #e10000; } 
.shopcart .btmbar .btn { width: 200px; height: 65px; line-height: 65px; background-color: #e10000; font-size: 24px; color: #ffffff; text-align: center; vertical-align: top; cursor: pointer; } 



.payqrcode { width: 450px; height: 400px; text-align: center; padding: 30px 0; position:relative; } 
.payqrcode .t { font-size: 24px; font-weight: bold; margin-bottom: 20px; } 
.payqrcode .code { padding:20px; width:260px; height:260px; text-align:center; margin:0 auto; border:1px solid #282727; } 
.payqrcode .msg { margin-top: 30px; font-size:20px; } 
.payqrcode .msg img { width: 140px; display: inline-block; *display: inline; *zoom:1 } 
.payqrcode .close { width:70px; height: 70px; font-size: 30px; color:black; position:absolute; right: 0; top: 0; text-align: center; line-height: 70px; font-size: 46px; cursor:pointer } 



.mapandlink { display: none; position: fixed; top: 0; left: 0; z-index: 999999; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000); text-align: center; } 
.mapandlink .w1530 { margin-top: 200px; } 
.mapandlink .title { font-size: 30px; color: white; position: relative; } 
.mapandlink .con { margin-top: 30px; height: 100%; } 
.mapandlink .con ul li { float: left; width: 210px; height: 100%; padding: 40px 0; min-height: 210px; } 
.mapandlink .con ul li:hover { background-color: rgba(0, 0, 0, .6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000); } 
.mapandlink .con ul li:hover a.t { border-bottom: 1px solid #00a0e2; color: #009c93; } 
.mapandlink .con a { font-size: 16px; color: white; display: block; height: 40px; line-height: 40px; margin: 0 40px; margin-bottom: 20px; } 
.mapandlink .con.flk a { display: block; width: 226px; float: left; border: none; } 
.mapandlink .con a:hover { color: #23ac38; border: 1px solid #009b7b; border-top: none; border-bottom: none; } 
.mapandlink .con.flk a:hover { background-color:#009b7b; border: none; color: white; } 
.mapandlink .con a.t { margin: 0 20px; font-size: 20px; height: 50px; margin-bottom: 15px; border-bottom: 1px solid transparent; } 
.mapandlink .con a.t:hover { border: none; } 
.mapandlink .cs { font-size: 50px; position: absolute; top: -72px; right: 128px; cursor: pointer; } 
.mapandlink .cs:hover { color:#12a259; } 


.backtip { width:400px; min-height:250px; position:fixed; bottom:-250px; right:20px; z-index:99999999999; } 
.backtip .title { height: 50px; line-height:50px; text-align: center; font-size: 18px; color: white; background: #23ac38; position:relative; } 
.backtip .title span { position: absolute; top: 0px; right: 20px; font-size: 30px; color:white; cursor: pointer; } 
.backtip .title span:hover { color:#0099ff; } 
.backtip .con { background: white; padding: 20px 25px; line-height:35px; min-height: 180px; border:1px solid #23ac38; font-size:17px; color:#000; } 
.backtip .con div { margin-top: 30px; } 

.qrcode img { max-width: 180px; } 

/*留言搜索列表*/
.messlist2 { margin: 20px auto; background:#eaf6fb; overflow: hidden; } 
.messlist2 h2 { line-height: 30px; font-size: 16px; text-indent: 2em; margin: 20px; } 
.messlist2 form { margin: 20px 20px 30px 20px; height: 40px; line-height: 40px; } 
.messlist2 form label { margin-right: 25px; font-size: 16px; } 
.messlist2 form input { display: inline-block; width: 200px; height: 38px; border: solid 1px #CCCCCC; padding: 0 15px; border-radius: 5px; } 
.messlist2 form .btn { display: inline-block; height: 38px; text-align: center; cursor: pointer; user-select: none; border: solid 1px #CCCCCC; padding: 0 15px; border-radius: 5px; width: 100px; background: #009944; color: #FFFfff; border: 0; font-size: 16px; } 

.messshow1 { } 
.messshow1_ti { font-size: 16px; height: 40px; line-height: 40px; border-bottom: solid 1px #00a0e9; font-weight: bold; text-indent: 10px; } 
.messshow1_table { display: none; margin: 40px 0; width: 100%; } 
.messshow1_table table { width: 100%; border-top: solid 1px #CCCCCC; border-left: solid 1px #CCCCCC; } 
.messshow1_table table td { border-bottom: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; text-align: center; height: 50px; line-height: 40px; font-size: 16px; }