@charset "utf-8";
/* top */
.header { width:100%; height:90px; margin:0 auto; }
.header .header_box { width:1004px; height:90px; margin:0 auto; background:url(../images/header_bg.png) no-repeat 0% 100%; position:relative; }
.header .header_box h1 { display:block; width:425px; height:72px; position:absolute; top:10px; left:0; }
.header .header_box span { display:block; width:136px; height:46px; background:url(../images/kefu.png) no-repeat 50% 50%; position:absolute; top:20px; right:0; }
.header .header_box span strong { display:block; color:#f90; position:absolute; top:25px; left:30px; font-size:14px; }
.menu { width:100%; height:50px; margin:0 auto; background:#ff5c00; }
.menu .nav_box { width:1004px; height:50px; margin:0 auto; position:relative; }
.menu .nav_box ul { width:auto; height:50px; position:absolute; top:0; left:0; border-left:#ff7d33 solid 1px; }
.menu .nav_box ul li { width:109px; height:50px; line-height:50px; text-align:center; float:left; border-right:#ff7d33 solid 1px; }
.menu .nav_box ul li a { display:block; width:109px; height:50px; font-size:16px; color:#fff; -webkit-transition:all .35s linear;
-moz-transition:all .35s linear;
-ms-transition:all .35s linear;
-o-transition:all .35s linear;
transition:all .35s linear;
}
.menu .nav_box ul li a:hover { background:#ff7d33; color:#fff; }
.menu .nav_box span { width:200px; height:50px; background:#7fbe25 url(../images/ico01.png) no-repeat 30px 50%; position:absolute; top:0; right:0; line-height:50px; font-size:16px; color:#fff; text-indent:60px; }
.menu .nav_box span a { color:#fff; }

.banner {width: 100%; height:380px; margin:0 auto;}
    .header-banner {width: 100%;height:380px;position:relative; z-index:90;overflow:visible}
    .header-banner .header-banner-box{width: 100%;height:380px; overflow:hidden;}
    .header-banner .header-banner-box ul.JQ-slide-content{height:380px;overflow:hidden; position:relative;z-index:9998;}
    .header-banner .header-banner-box ul.JQ-slide-content li{width: 100%;height:380px; float:left;position: absolute; z-index:9999; background-position:50% 0; background-repeat:no-repeat;}
    .header-banner .header-banner-box ul.JQ-slide-content li a{width:1004px;height:380px; display:block; overflow:hidden; text-indent:-5000px; margin:0 auto;}

    .header-banner ul.JQ-slide-nav{width: auto;height:5px; position:absolute; bottom:10px; left:50%; margin-left:150px; z-index:9999}
    .header-banner ul.JQ-slide-nav li{ background:#ddd;width:30px; height:5px; display:inline-block; overflow:hidden; float:left; margin:0 5px; _margin:0 4px;text-indent:-5000px;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
    .header-banner ul.JQ-slide-nav li:hover{}
    .header-banner ul.JQ-slide-nav li.on{background:#FF5C00;}

.search{width:470px; height:380px; position:absolute; left:50%; top:140px; z-index:100; background:rgba(255,255,255,.9); margin-left:-502px;}
.search .search-box{ width:100%}
.search .search-box ul{ width:20%; margin-right:5%; float:left; height:380px; background:rgba(255,92,0,.8); overflow:hidden;}
.search .search-box ul li{ width:100%; height:40px; line-height:40px; text-align:center; border-left:#ff5c00 solid 2px; border-bottom:#ff7d33 solid 1px;float:left; font-size:16px; color:#fff;}
.search .search-box ul li.on{ border-left-color:#7FBE25;background:rgba(255,255,255,.8); color:#ff5c00;}
.search .search-from{ width:70%;padding-top:10%;height:300px; float:left;}
.search #menpiao-box,
.search #xianlu-box{ display:none;}
.list-search-from{ width:100%; border-bottom:#efefef solid 1px;}

.list{ width:100%;line-height:42px; padding-bottom:20px; height:42px;}
.list_box{ width:50%;line-height:42px; padding-bottom:20px; height:42px; float:left;}
.list_tit{ margin-right:5%; color:#000; font-size:14px;width:20%; text-align:right; float:left }
.list_con{ float:left; width:75%; position:relative;}
.list_con .code{ position:absolute; right:5px; top:5px; height:32px;}
.list_con_long{ float:left; width:100%;}
.list_con .inputbox { width:94.2%; height:40px; border:1px solid #c9c9c9; color:#999; font-size:14px; line-height:37px; padding-left:5%;background-color: #FFF;box-shadow: 0.5px 1px 1px #EAEAEA inset;border-radius: 3px;}
.dateSp { position:absolute; margin-left:-100px; margin-top:0; color:#999; font-size:14px; display:none;}
.list_btn_search { width:100%; line-height:32px; padding-bottom:20px; height:32px;}
.list_btn_search .search_btn{width: 132px;height: 46px;text-align: center;line-height:46px;background:#FF7800;font-size: 16px;color: #FFF;border: 0px none;float: right;cursor: pointer;border-radius: 3px;}
.list_btn_search .search_btn:hover{ background:#f60;}
.scenic_list { font-size:16px; height:30px; line-height:30px; color:#999 }
.scenic_keys a{ padding-right:20px; color:#666; line-height:30px; font-family:Arial, Helvetica, sans-serif;}
.mp_tit{width:100px; text-align:left; font-size:16px; margin:0;}
.mp_con{width:700px;}
.mp_but{width:200px; float:right;}
.mp_but .search_btn{width: 132px;height: 44px;text-align: center;line-height:44px;background:#FF7800;font-size: 16px;color: #FFF;border: 0px none;float: right;cursor: pointer;border-radius: 3px;}


.mylist{ width:100%;height:80px; border-bottom:#ccc dotted 1px; padding:10px;}
.mylist_img{ width:80px;height:80px;float:left; margin-right:20px;}
.mylist_img img{ width:70px;height:70px; padding:5px}
.mylist_con{ width:auto;}
.mylist_con h3{ line-height:30px; font-size:18px}
.mylist_con p{ line-height:26px; font-size:16px; color:#666;}
.mylist_con span{ line-height:26px; font-size:16px}
.mylist_con span a{ color:#F00}

.layout { width:1004px; margin:0 auto; margin-top:10px; }
.subclass { width:1004px; margin:0 auto; overflow:hidden;}
.subclass .hd { width:100%; height: 43px; line-height: 1.2; border-bottom:#FF5C00 solid 2px; margin-bottom: 10px;}
.subclass .hd h2 { color:#63afed; float: left; font-size: 18px; font-weight: 700; margin-right: 10px; margin-top: 14px; }
.subclass .hd a { color: #FF5C00; }
.subclass .hd .sub-tit { color: #9fadbb; float: left; margin-right: 10px; margin-top: 19px; }
.subclass .hd2 { width:100%; height: 43px; line-height: 1.2; border-bottom:#7fbe25 solid 2px; }
.subclass .hd2 h2 { color:#7fbe25; float: left; font-size: 18px; font-weight: 700; margin-right: 10px; margin-top: 14px; }
.subclass .hd2 a { color: #7fbe25; }
.subclass .bd { position: relative; margin-top: 10px; }
.subclass .bd_home { height: 410px; overflow: hidden;}
.subclass .bd .entrance { float: left; margin-right: 10px; overflow: hidden; width: 230px;}
.subclass .bd .entrance dl { margin-bottom: 7px; margin-top: -7px; }
.subclass .bd .entrance dl dt { font-size: 14px; font-weight: 700; line-height: 34px; padding: 4px 0 0; }
.subclass .bd .entrance dl dd { margin-left: -10px; padding-bottom: 1px; }
.subclass .bd .entrance dl dd span { border-left: 1px solid #ececec; float: left; line-height: 18px; margin:5px 0; padding: 0 10px; position: relative; }
.subclass .bd .entrance dl dd span a{ font-family:Arial, Helvetica, sans-serif;}
.subclass .entrance dd span .new { background: url(../images/new.png) repeat 0 0 rgba(0, 0, 0, 0); height: 9px; overflow: hidden; position: absolute; right: 3px; top: -6px; width: 9px; }
.product { left: 250px; position: absolute; top: 0; width: 740px; }
.product_list { float:left;width: 740px; margin-left:10px;}
.subclass .product-hd {padding: 5px 0 3px;line-height: 20px;}
.subclass .product-hd .product-hd-tit {float: left;margin-right: 15px; display:none;}
.subclass .product-hd .product-hd-tab {float: left;margin-right: 15px; display:none;}
.subclass .product-hd .product-hd-tab a{ padding:0 10px; color:#FF5C00;font-family:Arial, Helvetica, sans-serif;}
.subclass .product-hd .product-hd-more{float: right; text-align:right;}
.subclass .product-hd .product-hd-more a{}

.subclass .product-bd { position: relative; }
.subclass .product-list { float: left; margin: 0 0 0 -10px; width: 950px;}
.subclass .product-list .product-item { float: left; line-height: 0; margin: 10px 0 0 13px; overflow: hidden; position: relative; text-align: center; width: 240px; }
.subclass .product-item-img { height: 180px; overflow: hidden; }
.subclass .product-item-img img{ width:240px;height:180px; }
.subclass .product-item-img .product-item-pricebg { background:#7FBE25;color: #fff;font-weight: 700;height: 32px;left: 5px;line-height: 32px;position: absolute;text-align: center;top: 5px;width: 80px;z-index: 2; font-family:Arial, Helvetica, sans-serif;}
.subclass .product-item-img .product-item-price { bottom: 1px; height: 32px; position: absolute; right: 10px; text-align: right; width: 80px; z-index: 2; color:#FF5741; }
.subclass .product-item-img .product-item-price .pi-price { font-size: 18px; line-height: 32px; }
.pi-price i { font-family: arial; font-style: normal; font-weight: 400; padding-right: 4px; }
.subclass .product-item p { background: none repeat scroll 0 0 #fff; bottom: 2px; height: 30px; left: 2px; line-height: 30px; opacity: 0.9; padding: 0 10px; position: absolute; text-align: left; width: 216px; z-index: 1; }
.subclass .product-item-other{ position:absolute; display:block; width:30px; height:30px; top:1px; right:1px; background:#FC0; line-height:30px; text-align:center; font-size:18px; color:#fff;}
.subclass .product-item-other.cfan{ background:#090}
.subclass .product-item-other.cjian{ background:#F00}
.subclass .product-item-other.cji{ background:#F93}

.list_btn_search { width:100%; line-height:32px; padding-bottom:20px; height:32px;}
.list_btn_search .list_con{ width:100%;}
.list_btn_search .search_btn{ font-size:24px;}

.login{ width:100%; margin:0 auto;}
.login .hd-tit { width:904px; margin:0 auto;height: 43px; line-height: 1.2; border-bottom:#FF5C00 solid 2px; }
.login .hd-tit h2 { color:#63afed; float: left; font-size: 18px; font-weight: 700; margin-right: 10px; margin-top: 14px; }
.login .login-box{ width:904px; padding:20px 50px; margin:0 auto;}
.login .login-box .search_btn{ width:100%;}

.user{ width:1004px; margin:0 auto; padding-top:20px;}
.user h2 { width:171px; height:46px; line-height:46px; display:block;padding-left:50px; font-size:18px; background:#7fbe25 url(../images/ico01.png) no-repeat 20px 50%; color:#fff;}
.user-nav{ width:220px; float:left; position:relative; z-index:100;}
.user-nav ul{ width:220px;border-left:#e7e8e9 solid 1px;}
.user-nav ul li{background:#f7f8f9;width:220px; height:46px; line-height:46px; border-bottom:#e7e8e9 solid 1px;}
.user-nav ul li a{ width:170px; height:46px; line-height:46px; display:block;padding-left:50px; font-size:16px;}
.user-nav ul li.on a{ background:#fff; color:#ff5c00;}
.user .user-box{ width:763px; padding:0 0 20px 20px; margin:0 auto; float:left;border-left:#e7e8e9 solid 1px; position:relative; z-index:99; margin-left:-1px;}
.user .user-box .search_btn{ width:100%;}
.info-box{ width:763px; padding:0 0 20px 20px; margin:0 auto; float:left;border-left:#e7e8e9 solid 1px; position:relative; z-index:99; margin-left:-1px;}
.info-box h3{ font-size:26px; line-height:46px;}
.info-box .info{ line-height:40px; font-size:22px; padding:20px 0;}


.view_box{ width:760px;  float:left;}
.row_photo{ width:100%;}
.row_photo .img{ width:300px; height:200px; float:left; padding:20px 0;margin-right:20px;}
.row_photo .img img{ width:300px; height:200px;}
.row_photo .info{ width:440px; float:left;padding:10px 0; overflow:hidden;}
.row_photo .info h2{ line-height:40px; font-size:24px; font-weight:bold;}
.row_photo .info h2 span{ line-height:40px; font-size:14px; padding-left:5px; color:#ccc;}
.row_photo .info p{ line-height:26px; font-size:14px; padding-left:5px; color:#ccc;}
.row_photo .info ul{ width:450px; padding:20px 0 0 0;}
.row_photo .info ul li{ width:140px; height:120px; padding-right:10px; float:left;}
.row_photo .info ul li img{ width:140px; height:120px;}
.row_info{ width:100%; border-bottom:#ccc solid 2px; position:relative; margin-bottom:30px;}
.row_info ul{ width:100%; margin:0 auto;height: 43px; line-height: 1.2; border-bottom:#ccc solid 2px; }
.row_info ul li{height: 43px;color:#FF5C00; float: left; font-size: 18px; font-weight:normal; margin-right: 20px; line-height:45px;}
.row_info ul li.on{font-weight:bold;border-bottom:#FF5C00 solid 2px;}
.row_info .infos{ line-height:26px; font-size:14px; padding:10px 0; height:125px; overflow:hidden;}
.row_info .opener{height:100%;}
#mores{ width:80px; height:26px; line-height:26px; background:#fff; color:#FF7800; position:absolute; right:50%; margin-right:-40px; bottom:-28px; text-align:center; border:#ccc solid 2px; border-top:none;}
.row_order{width:100%;}
.row_order ul{width:100%;}
.row_order ul li{width:100%; border-bottom:#ccc dashed 1px; padding:10px 0;}
.row_order ul li h4{ font-size:18px; line-height:36px;}
.row_order ul li h4 span{ font-size:18px; color:#f00; padding-left:10px;}
.row_order ul li p{ font-size:14px; color:#999;}
.row_order ul li .orders{ display:block;width: 120px;height:32px;text-align: center;line-height:32px;background:#FF7800;font-size: 16px;color: #FFF;border: 0px none;float: right;cursor: pointer;border-radius: 3px; margin-top:20px;}
.row_order ul li .orders:hover{ background:#ff5c00;}

.row_order table{width:100%;table-layout:fixed;}
.row_order th{border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-weight:normal;text-align:left;line-height:30px;color:#4D4D4D;padding:8px; font-size:16px; background:#f8f8f8;}
.row_order td{padding:8px;vertical-align:top; border-bottom:#ccc dashed 1px;}
.row_order .last_room td {
  border-bottom: 1px solid #ccc;
  background: none;
}
.row_order .room_type {
  padding-left: 16px;
  width: 160px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: none;
  position:relative;
}
.row_order .room_type .tips{ background:#fffcdb; border:#fdf2de solid 1px; width:740px; height:100px; position:absolute; left:10px;top:70px; z-index:10; display:none;}
.row_order .room_type .tips .tips_photo{width:80px; height:80px; margin:10px; display:block; float:left;}
.row_order .room_type .tips .tips_photo img{width:80px; height:80px; border-radius:4px;}
.row_order .room_type .tips .tips_info{ margin:10px 40px 10px 10px;display:block; font-size:14px; line-height:20px;}
.row_order .room_type .tips i.closex{ display:block; font-style:normal; width:16px; height:16px; line-height:16px; text-align:center; position:absolute; top:5px; right:5px; font-size:18px;}
.row_order .child_name span {
  display: inline-block;
  vertical-align: middle;
  margin: 0 6px 2px 0;
}
.row_order .room_type .pic {
  float: left;
  width: 50px;
  height: 50px;
  margin-right: 6px;
  border-radius: 3px;
  overflow: hidden;
}
.row_order .room_unfold {
  float: left;
  width: 70px;
    color: #06c;
	 font-size:14px;
}
.row_order .old_price {
  display: inline-block;
  vertical-align: top;
  font: normal 18px Tahoma;
  color: #333;
}
.row_order .old_price i{
  display: inline-block;
  vertical-align:1px;
   font-size:14px;
   font-style:normal;
  color:#060;
}
.row_order .base_price {
  display: inline-block;
  vertical-align: top;
  font: normal 18px Tahoma;
  color: #F60;
}
.rt_origin_price {
  margin-left: 5px;
  border-bottom: 1px dashed #fff;
  color: #999;
  font: normal 12px/1.5 tahoma,arial;
  vertical-align: -2px;
  white-space: nowrap;
}
.rt_origin_price i {
  margin-left: 3px;
  border-bottom: 1px dashed #999;
  font-style: normal;
  cursor: default;
  vertical-align: text-bottom;
  padding-bottom: 1px;
}
.btn_buy {
  display: inline-block;
  width: 60px;
  height: 26px;
  border: solid 1px #e77c00;
  color: #fff;
  font-size: 12px;
  font-family: SimSun,Tahoma,Verdana,Arial,sans-serif;
  font-weight: bold;
  cursor: pointer;
  line-height: 26px;
  text-align: center;
  vertical-align: middle;
  letter-spacing: 0.4em;
  text-indent: 0.4em;
  box-shadow: 0 1px 0 rgba(95,50,0,0.7);
  border-radius: 3px;
  text-shadow: 1px 1px 0 #cf7000;
  background-color: #ffb000;
  outline: none;
}
.ico_vouch, .icon_prepay {
  display: inline-block;
  width: 25px;
  height: 23px;
  padding:0 5px;
  font-size:10px;
  background:#fff5ce;
  color:#e28500;
  line-height: 23px;
  overflow: hidden;
  vertical-align: middle;
}

/*日历*/
.calendar-box {
  background-color: #fff;
  width: 100%;
  overflow: hidden;
  padding-top: 4rem;
  margin-bottom: 8rem;
}
.calendar {
  width: 100%;
  margin: 0 auto;
}
.calendar caption {
  background-color: #fff;
  padding: 1rem 0;
  font-size:1.4rem;
}
.calendar th,
.calendar td {
  background-color: #fff;
  text-align: center;
  color: #A0A0A0;
  width: 4rem;
  height: 4rem;
  overflow: hidden;
  vertical-align: middle;
  border: 0.285rem solid #fff;
  font-size:1.2rem;
}
.calendar td {
  background-color: #F4F4F4;
  color: #AFB6C1;
  text-align: right;
  vertical-align: top;
  padding: 0.5rem;
}
.calendar td.empty {
  background: transparent;
}
.calendar td.item {
  color: #000;
}
.calendar td.item span {
  font-size: 1.2rem;
  display: block;
}
.calendar td.item span:nth-child(2) {
  font-size: 0.9rem;
  color: #FC6E51;
  margin-top: 0.5rem;
}
.calendar td.item span:nth-child(3) {
  font-size: 1rem;
}
.calendar td.item span span {
  display: inline-block;
}
.calendar td.item.inout {
  color: #fff;
}
.calendar td.item.inout span:nth-child(2) {
  color: #fff;
}
.calendar td.item.inout span span {
  color: #FFFD54;
}
.calendar td.item.in {
  background-color: #E73954;
}
.calendar td.item.out {
  background-color: #ED5565;
}
.calendar td.item.cen {
  background-color: #FAD7DD;
}
.calendar td.item.cen {
  color: #666;
}
.calendar td.item.cen span:nth-child(2),
.calendar td.item.cen span:nth-child(3) {
  color: #666666;
}
/*.calendar.top{position: fixed; top:4rem; left:50%; margin-left:-16rem; z-index: 2; }*/
.calendar.top {
  width: 100%;
  top: 4rem;
  left: 0;
  z-index: 2;
}
.calendar.top th {
  background-color: #FF5C00;
  color: #fff;
  border-radius: 0;
  border: 0;
  border-bottom: 0.1rem solid #C63342;
  border-top: 0.1rem solid #C63342;
}

.sidebox{ width:220px; float:right;}
.sidebox h3{ width:100%; margin:0 auto;height: 43px; line-height: 1.2; border-bottom:#FF5C00 solid 2px; }
.sidebox h3 span{ color:#FF5C00; float: left; font-size: 18px; font-weight: 700; margin-right: 10px; margin-top: 14px; }
.sidebox ul{}
.sidebox ul li{ padding:10px; position:relative;}
.sidebox ul li em{ width:200px; height:150px;}
.sidebox ul li img{ width:200px;height:150px;}
.sidebox ul li span{ font-size: 18px; line-height: 32px;color:#FF5741;}
.sidebox ul li span i { font-family: arial; font-style: normal; font-weight: 400; padding-right: 4px; }
.sidebox ul li h4{ font-size:14px; line-height:24px;}


.row_photo_m{display:none;}

.order_box{ /*width:760px;*/ width:100%;  float:left;}
.order_box .order_row{ border-bottom:#ccc solid 1px;}
.order_box .order_row .img{ width:80px; height:80px; float:left; padding:20px 0;margin-right:20px;}
.order_box .order_row .img img{ width:80px; height:80px;}
.order_box .order_row .info{ width:440px; float:left;padding:20px 0; overflow:hidden;}
.order_box .order_row .info h3{ font-size:14px; line-height:26px; color:#000; font-weight:bold;}
.order_box .order_row .info{ font-size:12px; line-height:26px;}

.orderbox{}
.orderbox>ul{ line-height:36px; padding:10px 0;}
.orderbox>ul>li{ min-height:36px;line-height:36px; border-bottom:#ddd dashed 1px; padding:10px;}
.orderbox>ul>li>span{ display:inline-block; float:left; margin-right:10px; min-width:70px;}
.orderbox>ul>li em{ color:#f00;}
.orderbox>ul>li .label{ display:inline-block; float:left;margin-right:10px; padding:2px 0;}
.orderbox>ul .inputbox { width:auto; height:30px; border:1px solid #c9c9c9; color:#999; font-size:14px; line-height:30px;background-color: #FFF;box-shadow: 0.5px 1px 1px #EAEAEA inset;border-radius: 3px; padding:0 10px; float:left}
.orderbox>ul>li.other{ min-height:72px;line-height:36px; border-bottom:#ddd dashed 1px; padding:10px;}
.orderbox>ul>li.other textarea{ width:auto; height:60px; border:1px solid #c9c9c9; color:#999; font-size:14px; line-height:30px;background-color: #FFF;box-shadow: 0.5px 1px 1px #EAEAEA inset;border-radius: 3px; padding:0 10px;}
.orderbox>ul .buttonbox { width:auto; height:32px; border:1px solid #c9c9c9; color:#FF5C00; font-size:14px; line-height:30px;background-color: #FFF;box-shadow: 0.5px 1px 1px #fff inset;border-radius: 3px; padding:0 10px; float:left;}

.totalbox>ul>li{ height:36px;line-height:36px; border-bottom:#ddd dashed 1px; padding:10px;}
.totalbox>ul>li>span{ width:25%;display:block; float:left; text-align:center;}
.totalbox>ul>li>span>em{ font-size:16px; font-style:normal;}
.totalbox>ul>li>span#number{ width:25%;display:block; float:left; text-align:center; font-size:16px; font-weight:bold;}
.totalbox>ul>li>span#oldprice{ text-decoration:line-through; color:#ccc;}
.totalbox>ul>li>span#price{ color:#f00;}
.totalbox>ul>li>span#totalprice{ color:#f00;}
.totalbox>ul>li.th { background:#f7f8f9; border-bottom:#ddd solid 1px; font-size:16px;}

.paybox{ width:100%;}
.paybox h2{line-height:36px;color: #7fbe25;font-size: 16px;font-weight: 700;margin-right: 10px;margin-top: 14px;}
.tab_box input{ float:left; margin-top:15px; margin-right:8px;}
.tab_box input.morebank{ margin-top:2px;}
.tab_box select.banklist{ width:180px;}
.tab_box ul li{ float:left; width:220px; display:inline-block; margin-top:20px; }
.tab_box ul li.sel{ overflow:hidden; zoom:1; width:610px;}
.tab_box ul li.free{ clear:both;}
.tab_box ul li label{ background:#fff; width:180px; height:42px; border:1px solid #e3e3e3; display:inline-block; cursor:pointer;  float:left;}
.tab_box ul li.other{ width:320px;}
.tab_box ul li.other img{ float:left;}
.tab_box ul li.other label{ width:289px; line-height:34px; display:inline-block; vertical-align:middle;}

.submitbox{line-height:36px; padding:10px 0; text-align:right;}
.submitbox .btn{width: 102px;height:36px;text-align: center;line-height:36px;background:#FF7800;font-size: 14px;color: #FFF;border: 0px none;cursor: pointer;border-radius: 3px; margin-right:30px;}
.submitbox .btn:hover{ background:#f60;}


/*user*/
#u_overlay {position: fixed;z-index:99999998;top: 0px;left: 0px;height:100%;width:100%; display:none;}
* html #u_overlay { /* ie6 hack */position: absolute;height: expression(document.html.scrollHeight > document.html.offsetHeight ? document.html.scrollHeight : document.html.offsetHeight + 'px');}
.u_overlaybg{background-color:#000;filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;}
#u_window {position: fixed;background: #ffffff;z-index: 99999999;color:#000000;display:none;border: 4px solid #525252;text-align:left;top:50%;left:50%;
}
* html #u_window{ /* ie6 hack */position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
.u_size{ width:484px; height:460px; margin-left:-240px; margin-top:-233px;}
#u_window .users{ width:484px; height:460px;}
#u_window a.closex{ width:11px; height:11px; padding:0;display:block; overflow:hidden; text-indent:-400px;position:absolute; right:15px; top:13px;background: url(../images/i_cross.gif) no-repeat 50% 50%;}
#u_window a.closex:hover{}

.users {}
.users .hd-tit { width:100%; margin:0 auto;height:38px; line-height:38px;background:#FF5C00; margin-bottom:20px;}
.users .hd-tit h2 { color:#fff; float: left; font-size: 16px; font-weight:normal; padding-left:15px;}
.users .hd-tit h2 span{splay:inline-block; padding:0 20px; text-align:center;}
.users .hd-tit h2 a{display:inline-block; padding:0 20px; color:#fff; background:#FF7800;text-align:center;}
.users .login-box{ width:450px; padding:15px;}
.users .login-box .search_btn{ width:100%; font-size:16px;}
.users .login-box .k_reg{ font-size:14px; text-align:right; line-height:30px; margin-bottom:20px;}
.users .login-box .k_reg a{ color:#FF5C00;}

.login-other{ width:460px; padding:10px; margin:0 auto;}
.login-other span{ display:block; width:100%; line-height:30px; padding:0 15px;}
.login-other ul{ display:block; width:100%; line-height:30px; padding:10px 15px;}
.login-other ul li{ float:left; padding-right:15px;}

#goToTop{ position:fixed; width:50px; height:50px;right:20px; bottom:30px; border-radius:6px; overflow:hidden;}
#goToTop a#top{width:50px; height:50px; background:#ff5c00 url(../images/top.png) no-repeat 50% 50%; display:block; overflow:hidden; text-indent:-500px;alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;-webkit-transition:all .35s linear;
-moz-transition:all .35s linear;
-ms-transition:all .35s linear;
-o-transition:all .35s linear;
transition:all .35s linear;}
#goToTop a#top:hover{alpha(opacity=100);-moz-opacity:1; -khtml-opacity:1; opacity:1;}

/*footer*/
.footer{ width:100%; margin:0 auto; padding:10px 0; text-align:center; border-top:#ddd solid 1px; margin-top:30px;}
.footer .footnav{width:1004px; margin:0 auto;line-height:30px;}
.footer .footnav a{ padding:0 10px;}
.footer .copy{width:1004px; margin:0 auto;line-height:30px;}
@media screen and (max-width:640px) {
body {min-width:640px;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
.header .header_box { width:640px;}
.menu .nav_box { width:640px;}
.menu .nav_box ul li a { font-size:24px}
.menu .nav_box span{width:190px;}
.menu .nav_box span a{ font-size:22px;}
.banner { display:none;}
.search{width:640px; position:static; margin-left:0;}
.search .search-box ul{ width:100px; float:left;}
.search .search-box ul li{ font-size:22px; line-height:50px; height:50px;}
.search .search-from{ width:440px; height:300px; padding:20px 10px;}
.list .list_tit{ margin-right:2%; color:#000; font-size:22px;width:23%; text-align:right; float:left }
.list .list_con{ float:left; width:75%;}
.list_btn_search .search_btn{width: 100%;}
.list_btn_search .search_btn:hover{ background:#f60;}
.scenic_list { font-size:16px; height:30px; line-height:30px; color:#999; display:none;}
.scenic_keys{ display:none;}
.scenic_keys a{ padding-right:20px; color:#666; line-height:30px; font-family:Arial, Helvetica, sans-serif;}
.dateSp{ display:none;}

.layout { width:620px; padding:0 10px;margin:0 auto; margin-top:10px;}
.product .product-bd {position:static;}
.subclass { width:620px; margin:0 auto; }
.subclass .bd { width:620px; height:auto;}
.subclass .bd .entrance { width:100%; padding:0;}
.subclass .bd .entrance dl { margin-bottom: 7px; margin-top: -7px; }
.subclass .bd .entrance dl dt { font-size: 24px; font-weight: 700; line-height:52px; padding: 4px 0 0; }
.subclass .bd .entrance dl dd { margin-left: -10px; padding-bottom: 1px; }
.subclass .bd .entrance dl dd span {font-size:22px; line-height:32px;}
.subclass .bd .entrance dl dd span a{ font-family:Arial, Helvetica, sans-serif;}
.list-search-from{ padding-top:20px;}

.product {position: static; width: 620px; overflow:hidden;}
.subclass .hd { height:60px;}
.subclass .hd h2 { font-size:28px;}
.subclass .hd .sub-tit { margin-top: 29px;}
.product_list {position: static; width: 620px; }
.subclass .product-hd { display:none;}
.subclass .product-list { float: left; margin: 0 0 0 -10px; width:660px; }
.subclass .bd_home .product-list{ margin:0;}

.subclass .product-list .product-item { float: left; line-height: 0; margin: 20px 20px 0 5px; overflow: hidden; position: relative; text-align: center; width: 290px; }
.subclass .product-item-img{height:200px;overflow: hidden; font-size:18px;}
.subclass .product-item-img img{width:290px;height:240px;}
.subclass .product-item p{width:267px; overflow:hidden;}
.subclass .product-item p a{ font-size:18px;}
.subclass .product-item-img .product-item-price {}
.subclass .hd2 { width:100%; height:63px; line-height:36px; border-bottom:#7fbe25 solid 2px; }
.subclass .hd2 h2 { color:#7fbe25; float: left; font-size: 18px; font-weight: 700; margin-right: 10px; margin-top: 14px; font-size:24px }
.subclass .hd2 a { color: #7fbe25; }

.orderbox{}
.orderbox>ul{ line-height:56px; padding:10px 0;}
.orderbox>ul>li{ min-height:56px;line-height:56px; border-bottom:#ddd dashed 1px; padding:10px; float:left; width:620px;}
.orderbox>ul>li>span{ display:inline-block; float:left; margin-right:10px; font-size:24px; min-width:140px;}
.orderbox>ul>li em{ color:#f00;}
.orderbox>ul>li .label{ display:inline-block; float:left;margin-right:10px; padding:2px 0; width:65%;}
.orderbox>ul>li .label span{margin-left:10px; font-size:22px;}
.orderbox>ul .inputbox { width:70%; height:50px; border:1px solid #c9c9c9; color:#999; font-size:24px; line-height:50px;background-color: #FFF;box-shadow: 0.5px 1px 1px #EAEAEA inset;border-radius: 3px; padding:0 10px;}
.orderbox>ul>li.other{ min-height:112px;line-height:56px; border-bottom:#ddd dashed 1px; padding:10px;}
.orderbox>ul>li.other textarea{ width:70%; height:60px; border:1px solid #c9c9c9; color:#999; font-size:14px; line-height:30px;background-color: #FFF;box-shadow: 0.5px 1px 1px #EAEAEA inset;border-radius: 3px; padding:0 10px;}

.totalbox>ul>li{ height:36px;line-height:36px; border-bottom:#ddd dashed 1px; padding:10px;}
.totalbox>ul>li>span{ width:20%;display:block; float:left; text-align:center; font-size:24px;}
.totalbox>ul>li>span>em{ font-size:26px; font-style:normal;}
.totalbox>ul>li>span#number{ width:20%;display:block; float:left; text-align:center; font-size:26px; font-weight:bold;}
.totalbox>ul>li>span#oldprice{ text-decoration:line-through; color:#ccc;}
.totalbox>ul>li>span#price{ color:#f00;}
.totalbox>ul>li>span#totalprice{ color:#f00;}
.totalbox>ul>li.th { background:#f7f8f9; border-bottom:#ddd solid 1px; font-size:16px;}
.paybox{ width:100%;}
.paybox h2{line-height:36px;color: #7fbe25;font-size: 16px;font-weight: 700;margin-right: 10px;margin-top: 14px;}
.tab_box input{ float:left; margin-top:15px; margin-right:8px;}
.tab_box input.morebank{ margin-top:2px;}
.tab_box select.banklist{ width:180px;}
.tab_box ul li{ float:left; width:320px; display:inline-block; margin-top:20px; }
.tab_box ul li.sel{ overflow:hidden; zoom:1; width:610px;}
.tab_box ul li.free{ clear:both;}
.tab_box ul li label{ background:#fff; width:280px; height:42px; border:1px solid #e3e3e3; display:inline-block; cursor:pointer;  float:left;}
.tab_box ul li.other{ width:320px;}
.tab_box ul li.other img{ float:left;}
.tab_box ul li.other label{ width:289px; line-height:34px; display:inline-block; vertical-align:middle;}

.submitbox{ height:56px;line-height:46px; padding:10px 0; text-align:center; display:block;width:640px;}
.submitbox .btn{width:320px;height:46px;text-align: center;line-height:46px;background:#FF7800;font-size: 18px;color: #FFF;border: 0px none;cursor: pointer;border-radius: 3px; margin-right:30px;}
.submitbox .btn:hover{ background:#f60;}

.login{ width:100%; margin:0 auto;}
.login .hd-tit { width:90%; margin:0 auto;height: 53px; line-height: 1.2; border-bottom:#FF5C00 solid 2px; }
.login .hd-tit h2 { color:#63afed; float: left; font-size: 24px; font-weight: 700; margin-right: 10px; margin-top: 14px; }
.login .login-box{ width:90%; padding:5%; margin:0 auto;}
.login .login-box .search_btn{ width:100%; font-size:24px;}

.user{ width:100%; margin:0 auto; padding-top:20px;}
.user h2 { display:none;}
.user-nav{ width:100%; position:relative; z-index:100;}
.user-nav ul{ width:100%;border-left:#e7e8e9 solid 1px;}
.user-nav ul li{background:#ccc;width:25%; height:46px; line-height:46px; border-bottom:none; float:left;}
.user-nav ul li a{ width:100%; height:46px; line-height:46px; display:block;padding-left:0; font-size:22px; text-align:center;}
.user-nav ul li.on a{ background:#fff; color:#ff5c00;}
.user .user-box{ width:90%; padding:5%; margin:0 auto; float:left;border-left:#e7e8e9 solid 1px; position:relative; z-index:99; margin-left:0;}
.user .user-box .search_btn{ width:100%;}

.mylist{ width:100%;height:auto; border-bottom:#ccc dotted 1px; padding:10px;}
.mylist_img{ width:120px;height:120px;float:left; margin-right:20px;}
.mylist_img img{ width:110px;height:110px; padding:5px}
.mylist_con{ width:auto;}
.mylist_con h3{ line-height:30px; font-size:24px}
.mylist_con p{ line-height:36px; font-size:20px; color:#666;}
.mylist_con span{ line-height:36px; font-size:20px}
.mylist_con span a{ color:#F00}


.info-box{ width:90%; padding:5%; margin:0 auto; float:left;border-left:#e7e8e9 solid 1px; position:relative; z-index:99; margin-left:0;}
.info-box h3{}
.info-box .info{}

.view_box{ width:100%;  float:left;}
.row_photo{ width:100%; display:none;}
.row_photo .img{ width:100%; height:auto; float:left; padding:20px 0;margin-right:20px;}
.row_photo .img img{ width:100%; height:auto;}
.row_photo .info{ width:100%; float:left;padding:10px 0; overflow:hidden;}
.row_photo .info h2{ font-size:28px;}
.row_photo .info p{ font-size:22px;}
.row_photo .info ul{ width:100%; padding:20px 0 0 0; display:none;}
.row_photo .info ul li{ width:33.3%; height:120px; padding-right:0; float:left;}
.row_photo .info ul li img{ width:140px; height:120px;}
.row_info{ width:100%; border-bottom:#ccc solid 2px; margin-bottom:30px;}
.row_info ul{ width:100%; margin:0 auto;height: 43px; line-height: 1.2; border-bottom:#ccc solid 2px; }
.row_info ul li{ width:33.3%; text-align:center; padding:0; margin:0;}
.row_info ul li.on{font-weight:bold;border-bottom:#FF5C00 solid 2px;}
.row_info .infos{ line-height:36px; font-size:18px; padding:10px 0; height:175px; overflow:hidden;}
.row_info .opener{ height:100%;}
#mores{ width:160px; height:26px;font-size:18px;margin-right:-80px; bottom:-28px; text-align:center; border:#ccc solid 2px; border-top:none;}
.row_order{width:100%;}
.row_order ul{width:100%;}
.row_order ul li{width:100%; border-bottom:#ccc dashed 1px; padding:10px 0;}
.row_order ul li h4{ font-size:18px; line-height:36px; width:80%;}
.row_order ul li h4 span{ font-size:18px; color:#f00; padding-left:10px;}
.row_order ul li p{ font-size:12px; color:#999;width:78%;}
.row_order ul li .orders{ display:block;width: 20%;height:42px;text-align: center;line-height:42px;background:#FF7800;font-size:24px;color: #FFF;border: 0px none;float: right;cursor: pointer;border-radius: 3px; margin-top:10px;}
.row_order ul li .orders:hover{ background:#ff5c00;}

.row_photo_m{ width:100%; height:auto; background-color:#fff; padding-top:20px; padding-bottom:20px; display:block;}
.row_photo_m .row_photo_m_box{ display:block;width:100%; height:auto; margin:0 auto;line-height:0;text-align:center; position:relative;}
.row_photo_m .row_photo_m_box ul{-webkit-transition:left 800ms ease-in 0;-moz-transition:left 800ms ease-in 0;-o-transition:left 800ms ease-in 0;-ms-transition:left 800ms ease-in 0;transition:left 800ms ease-in 0;}
.row_photo_m .row_photo_m_box ul li img{ width:100%; height:100%;}
.row_photo_m .row_photo_m_box .r-page{ position:absolute;width:420px; left:50%;bottom:10px; margin-left:-52px;}
.row_photo_m .row_photo_m_box .r-page a{ display:block; overflow:hidden;width:35px; height:6px; background:rgba(169,169,169,.8); float:left; margin-right:5px; text-indent:-5000px;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;}
.row_photo_m .row_photo_m_box .r-page a.active{background:rgba(255,119,28,.8);}

.order_box{ width:760px;  float:left;}
.order_box .order_row{ border-bottom:#ccc solid 1px;}
.order_box .order_row .img{ width:160px; height:160px; float:left; padding:20px 0;margin-right:20px;}
.order_box .order_row .img img{ width:160px; height:160px;}
.order_box .order_row .info{ width:440px; float:left;padding:20px 0; overflow:hidden;}
.order_box .order_row .info h3{ font-size:26px; line-height:36px; color:#000; font-weight:bold;}
.order_box .order_row .info{ font-size:22px; line-height:36px;}

.sidebox{ width:100%; float:left;}
.sidebox h3{ width:100%; margin:0 auto;height: 63px; line-height: 1.2; border-bottom:#FF5C00 solid 2px; }
.sidebox h3 span{ color:#FF5C00; float: left; font-size: 26px; font-weight: 700; margin-right: 10px; margin-top: 14px; }
.sidebox ul{}
.sidebox ul li{ float:left; width:45%; text-align:center;}
.sidebox ul li em{ width:280px; height:200px;}
.sidebox ul li img{ width:280px;height:200px;}
.sidebox ul li span{ font-size: 28px; line-height:42px;color:#FF5741;}
.sidebox ul li span i { font-family: arial; font-style: normal; font-weight: 400; padding-right: 4px; }
.sidebox ul li h4{ font-size:20px; line-height:46px;}

/*---------------------------------------date--------------------------------------------*/
.date_selector, .date_selector *{width: auto;height: auto;border: none;background: none;margin: 0;padding: 0;text-align: left;text-decoration: none;}
.list_con{}
.date_selector{background:#fbfbfb;border: 1px solid #ccc;padding: 10px;margin:0;margin-top:-1px; position:fixed;z-index:100000;display:none;border-radius: 3px;box-shadow: 0 0 5px #aaa;box-shadow:0 2px 2px #ccc; width:560px;top:10%; left:30px;}
.date_selector_ieframe{position: absolute;z-index: 99999;display: none;}
.date_selector .nav{width: 100%; height:3em; line-height:3em; font-size:24px;}
.date_selector .nav p{clear: none;}
.date_selector .month_nav, .date_selector .year_nav{margin: 0 0 3px 0;padding: 0;display: block;position: relative;text-align: center;}
.date_selector .month_nav{float: left;width: 55%;}
.date_selector .year_nav{float: right;width: 42%;margin-right: -8px;}
.date_selector .month_name, .date_selector .year_name{font-weight: bold;line-height: 3em;}
.date_selector .button{display: block;position: absolute;top: 0;width:2em;height:2em;line-height:2em;font-weight:bold;color:#5985c7;text-align: center;font-size:24px;overflow:hidden;border: 1px solid #ccc;border-radius:2px; margin:.5em .1em;}
.date_selector .button:hover, .date_selector .button.hover{background:#5985c7;color: #fff;cursor: pointer;border-color:#3a930d;}
.date_selector .prev{left: 0;}
.date_selector .next{right: 0;}
.date_selector table{border-spacing: 0;border-collapse: collapse;clear: both;margin: 0; width:100%;}
.date_selector th, .date_selector td{width: 2.5em;height:5em;padding: 0 !important;text-align: center !important;color: #666;font-weight: normal;}
.date_selector th{font-size:24px;}
.date_selector td{border:2px solid #f1f1f1;line-height: 2em;text-align: center;white-space: nowrap;color:#5985c7;background: #fff; font-size:20px;}
.date_selector td.today{background: #eee;}
.date_selector td.unselected_month{color: #ccc;}
.date_selector td.selectable_day{cursor: pointer;}
.date_selector td.selected{background:#2b579a;color: #fff;font-weight: bold;}
.date_selector td.selectable_day:hover, .date_selector td.selectable_day.hover{background:#5985c7;color: #fff;}
/*end*/

.footer .footnav{width:640px;}
.footer .footnav{width:640px; font-size:24px;}
.footer .copy{width:640px; display:none;}
.footer .copy a{font-size:24px;}
}