/* CSS Document */

*{margin: 0; outline: 0; padding: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a { text-decoration: none;color:#555; }
html {height: 100%;	-webkit-text-size-adjust: 100%;	-ms-text-size-adjust: 100%;}
body {margin: 0; padding: 0; width: 100%; min-height: 100%; font-family: Helvetica, Arial, sans-serif; color:#444;	-webkit-touch-callout: none; display: -webkit-box;	-webkit-box-orient: vertical; -webkit-box-align: stretch; position: relative;background:#fff;}
img {-ms-interpolation-mode: bicubic; vertical-align: middle; border:0;}
textarea { resize: none; border: 0;	padding: 8px 0;}
input, button, select, textarea { outline: none; -webkit-appearance: none; border-radius: 0; }
li {list-style: none; padding:0; margin:0; }
.clear{clear:both}
.blank{width:100%; height:8px}

@media screen and (max-width: 640px) {
body{font-size:14px}
}
@media screen and (min-width: 640px) {
body{font-size:16px}
}

/***********Common class**************/

.header{ width:100%; height:50px; margin:auto; background:#fff; border-bottom:1px solid #e1e1e1 }
.header_box{max-width:1000px; height:50px; margin:0 auto; padding:0 10px; position:relative }
.logo{ display:block; margin-top:15px; position:absolute; left:12px; bottom:4px}
.logo img{height:40px}
.home{ display:block; position:absolute; width:50px; height:50px; right:40px; bottom:0px; background: url(../images/home.png) center center no-repeat;background-size: 22px 22px;}
.header .trigger{display:block; position:absolute; right:0px; bottom:0; background: url(../images/mbtn.png) center center no-repeat; background-size: 24px 20px; width:50px; height: 50px;}


.slider{ max-width:1024px; margin:0 auto;}
.owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.grabbing{cursor:url(../images/grabbing.png) 8 8, move;}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}

.owl-theme .owl-controls{margin-top: -25px;text-align: center;}
.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/ margin:5px; padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;background: #869791;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none; }
.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/}
.owl-theme .owl-controls .owl-page span{display: block; width:8px; height:8px; margin:5px; filter: Alpha(Opacity=80);/*IE7 fix*/opacity: 0.8; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; background: #fff;}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=80);/*IE7 fix*/opacity: 0.8; background:#816b4e}
.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF; padding: 2px 10px; font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.owl-item.loading{min-height: 150px;background: url(../images/AjaxLoader.gif) no-repeat center center}

.menu_index{max-width:1024px; margin:0 auto; padding:15px 0; height:auto;}
.menu_index a{ width:33.33333%; display:block; float:left;}
.menu_index a img{width:100%;}

.tel{ width:100%; text-align:center; padding:20px 0 10px 0 }
@media screen and (max-width: 640px) {
.tel img{ width:160px}	
}
@media screen and (min-width: 640px) {
.tel img{ width:200px}	
}

.footer{max-width:1024px; margin:0 auto; text-align:center; line-height:160%; font-size:0.9em; color:#777; padding:10px 0; border-top:1px solid #eee}
.footer a{color:#777}


.main{max-width:1024px; margin:0 auto; padding:0 10px;}

.menu{ height:auto; padding-top:10px; }
.menu a{ display:block; width:48%; height:36px; margin-bottom:2%; line-height:36px; text-align:right; color:#5f5a55; font-weight:bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:1px solid #e2e1db}
.fl{float:left;}
.fr{float:right; margin-left:2%}

.menu .m_a1{ background:#eae9e6 url(../images/at1.png) 15px center no-repeat; background-size:22px 22px;}
.menu .m_a2{ background:#eae9e6 url(../images/at2.png) 15px center no-repeat; background-size:22px 22px;}
.menu .m_a3{ background:#eae9e6 url(../images/at3.png) 15px center no-repeat; background-size:22px 22px;}
.menu .s_a1{ background:#9a8972 url(../images/sa1.png) 15px center no-repeat; background-size:22px 22px; color:#fff; border:1px solid #9a8972}
.menu .s_a2{ background:#9a8972 url(../images/sa2.png) 15px center no-repeat; background-size:22px 22px; color:#fff; border:1px solid #9a8972}
.menu .s_a3{ background:#9a8972 url(../images/sa3.png) 15px center no-repeat; background-size:22px 22px; color:#fff; border:1px solid #9a8972}

.menu .m_j1{ background:#eae9e6 url(../images/ot1.png) 15px center no-repeat; background-size:22px 22px;}
.menu .m_j2{ background:#eae9e6 url(../images/ot2.png) 15px center no-repeat; background-size:22px 22px;}
.menu .m_j3{ background:#eae9e6 url(../images/ot3.png) 15px center no-repeat; background-size:22px 22px;}
.menu .s_j1{ background:#9a8972 url(../images/so1.png) 15px center no-repeat; background-size:22px 22px; color:#fff; border:1px solid #9a8972}
.menu .s_j2{ background:#9a8972 url(../images/so2.png) 15px center no-repeat; background-size:22px 22px; color:#fff; border:1px solid #9a8972}
.menu .s_j3{ background:#9a8972 url(../images/so3.png) 15px center no-repeat; background-size:22px 22px; color:#fff; border:1px solid #9a8972}

.menu .m_p{ background:#eae9e6 url(../images/pt1.png) 10px center no-repeat; background-size:18px 18px;}
.menu .s_p{ background:#9a8972 url(../images/sp1.png) 10px center no-repeat; background-size:18px 18px; color:#fff; border:1px solid #9a8972}


.content{max-width:1004px; padding:10px 0 10px 0; margin:0 auto; line-height:180%;}
.content p{padding:5px 0}
#img img{width:100%; max-width:600px;}

.newsList{ width:100%;}
.newsList li{line-height:140%; padding:9px 0 8px 0; border-bottom:1px solid #e6e6e6; font-weight:bold; padding-left:10px; background:url(../images/icon4.gif) left 16px no-repeat; }
.newsList li span{color:#ccc; font-size:0.8em; font-weight:normal}

.newsTitle{ width:100%; line-height:120%; padding:10px 0 5px 0; font-size:1.2em; font-weight:bold; }
.newsTitle2{width:100%; line-height:110%; color:#777; margin-bottom:20px; font-size:0.8em} 
.newsContent img{margin:0 0 0 0; width:100%}
.newtrip{ font-size:0.9em; color:#cccccc; padding:5px 0 }
.page{text-align:center; width:100%; padding-top:10px;}

.content-pic{margin:0 auto; text-align:center; position:relative}
@media screen and (max-width: 360px) {
.content-pic img{padding:5px 0; max-width:180px}
	}
@media screen and (min-width: 360px) and (max-width: 400px) {
.content-pic img{padding:5px 0; max-width:220px}
	}
@media screen and (min-width: 400px) and (max-width: 560px) {
.content-pic img{padding:5px 0; max-width:280px}
	}
@media screen and (min-width: 560px) {
.content-pic img{padding:5px 0; max-width:350px}
	}


.newtrip{line-height:150%;}
.trip{margin-bottom:20px}
.lan{width:100%; height:30px; line-height:30px; font-weight:bold}

.photo{ width:50%; height:auto; margin-bottom:5px; float:left; text-align:center;}
.photo div{width:210px; height:280px; margin:0 auto; padding:2px; border:1px solid #ddd;}
.photo div a{ display:block; width:210px; height:280px; display:table-cell; vertical-align:middle;}
.photo div img{ max-width:210px; max-height:280px;}

@media screen and (max-width: 360px) {
.photo div{width:130px; height:196px; }
.photo div a{ display:block; width:130px; height:196px; display:table-cell; vertical-align:middle;}
.photo div img{max-width:130px; max-height:196px;}
	}
	
@media screen and (min-width: 360px) and (max-width: 400px) {
.photo div{width:145px; height:219px; }
.photo div a{ display:block; width:145px; height:219px; display:table-cell; vertical-align:middle;}
.photo div img{max-width:145px; max-height:219px; }
	}

@media screen and (min-width: 400px) and (max-width: 480px) {
.photo div{width:160px; height:241px; }
.photo div a{ display:block; width:160px; height:241px; display:table-cell; vertical-align:middle;}
.photo div img{max-width:160px; max-height:241px; }
	}

@media screen and (min-width: 480px) and (max-width:560px) {
.photo{ width:33.3333%; height:auto; margin-bottom:5px; float:left; text-align:center;}
.photo div{width:140px; height:211px; }
.photo div a{ display:block; width:140px; height:211px; display:table-cell; vertical-align:middle;}
.photo div img{max-width:140px; max-height:211px; }
	}

@media screen and (min-width: 560px) {
.photo{ width:33.3333%; height:auto; margin-bottom:5px; float:left; text-align:center;}
.photo div{width:140px; height:211px; }
.photo div a{ display:block; width:140px; height:211px; display:table-cell; vertical-align:middle;}
.photo div img{max-width:140px; max-height:211px; }
	}


.photo2{ width:50%; height:auto; margin-top:10px; float:left; text-align:center;}
.photo2 div{width:280px; height:210px; margin:0 auto; padding:2px; border:1px solid #ddd; }
.photo2 div a{ display:block; width:280px; height:210px; display:table-cell; vertical-align:middle;}
.photo2 div img{ max-width:280px; max-height:210px;}

@media screen and (max-width: 360px) {
.photo2 div{width:140px; height:90px; }
.photo2 div a{ display:block; width:140px; height:90px; display:table-cell; vertical-align:middle;}
.photo2 div img{max-width:140px; max-height:90px;}
	}
	
@media screen and (min-width: 360px) and (max-width: 400px) {
.photo2 div{width:154px; height:99px; }
.photo2 div a{ display:block; width:154px; height:99px; display:table-cell; vertical-align:middle;}
.photo2 div img{max-width:154px; max-height:99px; }
	}

@media screen and (min-width: 400px) and (max-width: 480px) {
.photo2 div{width:180px; height:116px; }
.photo2 div a{ display:block; width:180px; height:116px; display:table-cell; vertical-align:middle;}
.photo2 div img{max-width:180px; max-height:116px; }
	}

@media screen and (min-width: 480px) and (max-width:560px) {
.photo2{ width:50%; height:auto; margin-top:10px; float:left; text-align:center;}
.photo2 div{width:210px; height:158px; margin:0 auto; padding:2px; border:1px solid #ddd }
.photo2 div a{ display:block; width:210px; height:158px; display:table-cell; vertical-align:middle;}
.photo2 div img{max-width:210px; max-height:158px; }
	}

@media screen and (min-width: 560px) and (max-width:640px) {
.photo2{ width:50%; height:auto; margin-top:10px; float:left; text-align:center;}
.photo2 div{width:240px; height:180px; margin:0 auto; padding:2px; border:1px solid #ddd }
.photo2 div a{ display:block; width:240px; height:180px; display:table-cell; vertical-align:middle;}
.photo2 div img{max-width:240px; max-height:180px; }
	}

@media screen and (min-width: 640px) and (max-width:720px) {
.photo2{ width:50%; height:auto; margin-top:10px; float:left; text-align:center;}
.photo2 div{width:270px; height:203px; margin:0 auto; padding:2px; border:1px solid #ddd }
.photo2 div a{ display:block; width:270px; height:203px; display:table-cell; vertical-align:middle;}
.photo2 div img{max-width:270px; max-height:203px; }
	}

@media screen and (min-width:720px) and (max-width:800px) {
.photo2{ width:33.333%; height:auto; margin-top:10px; float:left; text-align:center;}
.photo2 div{width:200px; height:150px; margin:0 auto; padding:2px; border:1px solid #ddd }
.photo2 div a{ display:block; width:200px; height:150px; display:table-cell; vertical-align:middle;}
.photo2 div img{max-width:200px; max-height:150px; }
	}

@media screen and (min-width:800px) {
.photo2{ width:33.333%; height:auto; margin-top:10px; float:left; text-align:center;}
.photo2 div{width:250px; height:188px; margin:0 auto; padding:2px; border:1px solid #ddd }
.photo2 div a{ display:block; width:250px; height:188px; display:table-cell; vertical-align:middle;}
.photo2 div img{max-width:250px; max-height:188px; }
	}


.photo3{ width:50%; height:auto; margin-bottom:5px; float:left; text-align:center;}
.photo3 div{width:220px; height:220px; margin:0 auto; padding:2px; border:1px solid #ddd;}
.photo3 div a{ display:block; width:220px; height:220px; display:table-cell; vertical-align:middle;}
.photo3 div img{ max-width:220px; max-height:220px;}

@media screen and (max-width: 360px) {
.photo3 div{width:140px; height:140px; }
.photo3 div a{ display:block; width:140px; height:140px; display:table-cell; vertical-align:middle;}
.photo3 div img{max-width:140px; max-height:140px;}
	}
	
@media screen and (min-width: 360px) and (max-width: 400px) {
.photo3 div{width:150px; height:150px; }
.photo3 div a{ display:block; width:150px; height:150px; display:table-cell; vertical-align:middle;}
.photo3 div img{max-width:150px; max-height:150px; }
	}

@media screen and (min-width: 400px) and (max-width: 480px) {
.photo3 div{width:160px; height:160px; }
.photo3 div a{ display:block; width:160px; height:160px; display:table-cell; vertical-align:middle;}
.photo3 div img{max-width:160px; max-height:160px; }
	}

@media screen and (min-width: 480px) and (max-width:560px) {
.photo3{ width:33.3333%; height:auto; margin-bottom:5px; float:left; text-align:center;}
.photo3 div{width:140px; height:140px; }
.photo3 div a{ display:block; width:140px; height:140px; display:table-cell; vertical-align:middle;}
.photo3 div img{max-width:140px; max-height:140px; }
	}

@media screen and (min-width: 560px) {
.photo3{ width:33.3333%; height:auto; margin-bottom:5px; float:left; text-align:center;}
.photo3 div{width:165px; height:165px; }
.photo3 div a{ display:block; width:165px; height:165px; display:table-cell; vertical-align:middle;}
.photo3 div img{max-width:165px; max-height:165px; }
	}



.nexts{ width:42px; height:60px; position:absolute; top:38%; left:0; opacity:0.5}
.nextx{ width:42px; height:60px; position:absolute; top:38%; right:0; opacity:0.5}
.nexts a{ display:block; width:42px; height:60px; background:#000 url(../images/back.png) center center no-repeat; background-size:22px 40px; opacity:1} 
.nextx a{ display:block; width:42px; height:60px; background:#000 url(../images/next.png) center center no-repeat; background-size:22px 40px; opacity:1} 



/* 登录注册版块 */
.mtitle{font-size:1.4em; font-weight:bold; color:#333; text-align:center; padding:20px 0 5px 0}
.itembox { position:relative; width:270px; padding:8px 0; margin:0 auto}
.itembox .right-ico { display:none; position:absolute; top:21px; right:-29px; width:18px; height:18px; background-position:-262px 0;}
.itembox-ok .right-ico { display:block;}/* 当输入框内容正确时，显示right图标 */
.item02 { position:relative; width:206px; height:36px; padding:0 27px 0 35px; border:1px solid #e6e6e6;}
.item02 .txt { position:relative; z-index:1; width:215px; height:18px; padding:9px 0 9px 10px; *margin:-1px 0 0; background-color:transparent;  border:0 none; outline:none; color:#aaa; font-size:13px; line-height:18px;font-family: '微软雅黑', Arial, Helvetica, sans-serif; }
.item02 .ico { position:absolute; left:9px; top:7px; width:26px; height:22px; border-right:1px solid #e6e6e6;}
.user-name .ico { background-position:-356px 1px;}
.user-pwd .ico { background-position:-357px -55px;}
.item02 .delete-btn { display:none; position:absolute; top:8px; right:6px; width:22px; height:21px; cursor:pointer; background-position:-297px 5px;}
.item02 .delete-btn:hover { background-position:-280px 5px;}
.item02 .txt-tip { position:absolute; top:7px; left:46px; z-index:0; font-size:12px; line-height:20px; color:#ccc;}

.item-focus { border-color:#0791f5;}
.item-wrong { border-color:#fc4343;}
.user-name { z-index:2;}/* 账户名下拉提示弹层层级控制 */
.login-regist .user-name { padding-top:3px;}
.login-regist .user-name .right-ico { top:14px;}
.user-name .item-focus .ico { background-position:-356px -27px;}
.user-pwd .item-focus .ico { background-position:-357px -84px;}
.ico{ background:url(../order/images/icos.png) no-repeat}
/* pass-verifycode 验证码 */
.pass-verifycode .item02 { width:78px; padding-left:0; padding-right:30px;}
.pass-verifycode .item02 .txt-tip { left:10px;}
.pass-verifycode .item02 .txt { width:78px; border-left:0 none; }
.pass-verifycode .right-ico { right:auto; left:91px; top:20px;}
.pass-verifycode .verifycode-img { position:absolute; top:10px; left:115px; width:113px; height:38px;}
.pass-verifycode .verifycode-changelink { position:absolute; top:10px; left:220px; height:38px; line-height:38px; white-space:nowrap;}
.verifycode-send { display:inline-block; width:168px; height:36px; border:1px solid #e8e8e8; background-color:#fafafa; color:#999; font-size:14px; line-height:36px; text-align:center; cursor:pointer;}
.pass-verifycode .verifycode-send { position:absolute; left:129px; top:10px;}
.verifycode-send:hover { background-color:#f4f4f4;}
.verifycode-hassend { background-color:#f4f4f4; color:#ccc; cursor:default;}
.pass-btn { display:block; width:270px; height:42px; background-color:#a18f77; border:0 none; line-height:42px; font-size:16px; font-weight:700; cursor:pointer; outline:none; text-align:center; color:#fff; -webkit-transi tion: .3s; trans ition: .3s; margin:0 auto}
.boxm2s{padding:10px 0 20px 0}

.ps1{font-size:1em; text-align:center; padding:10px 0 15px 0}
.ps2{font-size:1.3em; text-align:center; padding:0 0 30px 0; font-weight:bold}

.zlts td{height:30px; padding:6px}
.mbtn_1{width:80px; height:32px; line-height:32px; cursor:pointer; background:#eaeaea; border:1px solid #ddd}
.input_1{width:90%; max-width:250px; height:26px; line-height:26px; border:1px solid #ddd}
.input_2{width:99%; height:26px; line-height:26px; border:1px solid #ddd}
.input_3{width:99%; height:26px; line-height:26px; border:1px solid #ddd}
.ta_1{width:450px; height:150px;}
.tables{ background:#ddd; margin-bottom:20px; }
.tables td{background:#fff; padding:1px 10px;}
.tables .title2{ background:#F5F5F5; font-size:14px; font-weight:bold;}


/*表格*/
.list_table{
	width:100%; max-width:640px; margin:0 auto;
	border-top: 1px solid #ebe4dd;
	border-right: 1px solid #ebe4dd;
}

.list_table th{
height: 37px;
background: url('../order/images/box_top.jpg') 0px 0px repeat-x;
line-height: 37px;
border-left: 1px solid #ebe4dd;
}
.list_table td{
	border-bottom: 1px solid #ebe4dd;
    border-left: 1px solid #ebe4dd;
    padding: 5px;
}

.hspp{
	float:left;
	width:8.3%; height:80px; text-align:center;
	padding:10px 3px;
	margin:5px 0px;
	line-height:130%;
	color:#FFF;
	background-color:#F00;	
}

.hsph{
	float:left;
	width:8.3%; height:80px; text-align:center;
	padding:10px 3px;
	margin:5px 0px;
	line-height:130%;
	background-color:#ddd;	
		
}
.gts{width:4.4%; height:100px; float:left; text-align:center; line-height:100px; font-size:12px; color:#333}

.order_table{width:100%; background:#ddd; margin-bottom:10px}
.order_table td{background:#fff; padding:5px 6px; line-height:140%}
.thisok{display:block; color:#FF0000; height:20px; line-height:20px; background:url(../images/ok.png) left center no-repeat; background-size:14px 14px; text-indent:20px}
.thisno{display:block; color:#FF0000; height:20px; line-height:20px; background:url(../images/no.png) left center no-repeat; background-size:14px 14px; text-indent:20px}
.tbbtom span{display:block; float:left}
#orderto{background:#f8f7f2; font-weight:bold; position:relative}
#orderto .ono{display:block; width:100%; height:100%; color:#7f715e;}
#orderto .olink{ display:block; width:60px; height:32px; background:url(../images/jia.png) right top no-repeat; background-size:29px 24px; position:absolute; right:-1px; top:-1px}

.table_sh{padding:5px 0; background:#f5f5f5; border:1px solid #ddd}
.buttond{width:55px; height:30px; line-height:30px; border:1px solid #555; background:#555; float:left; border-left:none; color:#fff}
.input_sh{width:67%; height:28px; line-height:28px; border:1px solid #ddd; float:left; color:#777; padding-left:5px}

/*相册放大*/
.am-pureview-counter{ padding-right:30px;}