@charset "utf-8";


*{ margin:0; padding:0;}
.clear{ clear: both;content: " ";display: block; height: 0; overflow:hidden}
html{ background:#fff;}
a:hover{ text-decoration:underline}
.hotel_join_warp
.j_topbar{ height:34px; line-height:34px;}
.inner950{ width:950px; margin:0 auto;}
.inner970{ width:970px; margin:0 auto}
.topinner{ position:relative; font-size:12px;}
.topinner a{ color:#666; text-decoration:none}
.topinner a:hover{ color:#ff8400; text-decoration:underline;}
.topinner .topinner_spe{ color:#ff0000;}
.topinner .topinner_spe:hover{ color:#ff0000; text-decoration:underline;}
.tl { position:absolute; left:0;}
.tr{ position:absolute; right:0;}

.header{ height:40px; padding:18px 0 8px 0;}
.header h1 a{ background: 0 0 no-repeat; width:250px; height:40px; display:block; outline:none; text-indent:-9999em;}
.header h1 a span{ text-indent:-9999px;}

#hlep_center{ width:950px; margin:0 auto;}
.loginbar{ background:#4a74b5; height:400px; width:100%; margin-bottom:30px;}
.logininner{ position:relative; height:400px;}
.joinnow{ position:absolute; bottom: 54px; left: 83px;}
.joinnow h2,.joinnow h3{ text-indent:-9999em;}
.joinnow a{ text-indent:-9999px; width:123px; height:33px; display:block;}
.joinnow a:hover{ background: -124px -815px no-repeat;}

.hotel_login{ background:#f2f5fa; border:1px solid #ededed; border-radius:3px; width:380px; position:absolute; right:15px; top:27px; z-index:10; box-shadow:0px 0px 5px #33517f;}
.logininner > .hotel_login{right:30px;}
.hotel_head{ margin:0 10px; border-bottom:1px solid #adadad; padding:15px 0 5px 0;}
.hotel_head h2{ font-family:"microsoft yahei",simsun; font-size:20px; padding-left:10px;}
.hotel_login .head{width:380px; background: -14px 0 no-repeat; height:52px;}
.hotel_login .head h2{ text-indent:-9999px;}
.hotel_login >.loginshaow{ background: left top; width:14px; height:200px; display:block; position:absolute; left:-14px; top:10px;}

.inputtext{ margin-bottom:20px; overflow:hidden}
.loginform{ margin:0 10px; padding:30px 0; border-top:1px solid #fff;}
.hotelname,.hotelpassword,.vcode{ height:22px; padding:2px; width:240px; vertical-align:middle; border-style:solid; border-width:1px; border-color:#7c7c7c #c3c3c3 #c3c3c3 #9a9a9a;}
.inputtext label{ width:80px; display:inline-block; text-align:right; color:#333; font-size:14px; vertical-align:middle; margin-right:5px; font-family:tahoma;}
.inputtext label.error{ color:red; width:80px; text-align:left; float: none; display: block; margin-left:85px;}
.inputtext .login_error{ margin-left:85px; color:#ff0000;}
.inputtext input:focus{ background:#fff;}
.recomend_code{padding:5px 0 0 85px; }
.recomend_code input{ vertical-align:middle; margin-right:5px;}
.inputtext .recomend_code label{ font-size:12px; text-align:left;}

.h_verification{ position:relative; display:block; overflow: hidden }
.vcode{ width:35px;font-size:14px;}
.vcodeimg{  display:inline-block; margin:0px 5px; width:56px; height:24px; vertical-align:middle;}
.chnagevcode{font-size:12px;}
.confim_login{ display:block; clear:both; padding:20px 0 0 0; font-size:11px; color:#999;}
.forget_code{ color:#0053aa; text-decoration:none;}
.forget_code:hover{ color:#0053aa; text-decoration:underline;}
.hotel_loginnow,.hotel_loginnow:hover{background:  left top no-repeat; display:inline-block; width:107px; height:39px; margin-right:5px; margin-left:85px; cursor:pointer; vertical-align:middle; font-size:14px; font-weight:bold; color:#fff; text-align:center; line-height:35px; text-decoration:none;}


.hotre{ font:normal normal 12px arial, helvetica, sans-serif; vertical-align:middle;}
.loginbottom{ margin-top:20px; text-align:center; font-size:12px;background:  -16px -239px; height:40px; overflow:hidden}
.loginbottom p{ padding-top:10px;}
.loginbottom a{ color:#3366ff}


.jcontent{ text-align:left; overflow: hidden;}
.j_main{ width:700px; float:left; margin-right:10px; overflow: hidden;}
.jbox_1{ display: block; border:1px solid #ededed; margin-bottom:10px; background:#f8f8f8; padding:10px 0 8px; overflow:hidden; height:80px;}
.jbox_1 h2{ font-size:14px; color:#ff6600; width:30px; font-weight:bold; padding:10px; float:left;}

.hotel_info{ margin-bottom:20px;}
.hotel_info li{ float:left; width:228px; height:258px; border-radius:3px; margin-right:10px; overflow:hidden; border:1px solid #e7e7e7;}
.hotel_info .hotel_incontact{ margin:0;}
.hotel_ico{ width:68px; height:68px; display:block; overflow:hidden; margin:30px auto 15px;}
.ico_cost{ background: left top no-repeat;}
.ico_client{ background: left top no-repeat;}
.ico_down{ background: left top no-repeat;}
.ico_contact{ background: left top no-repeat;}
.hotel_intitle{ height:40px; line-height:40px; font-size:14px; font-weight:bold; text-align:center;}
.hotel_intitle strong{ color:#ff8400;}
.hotel_intxt{ width:200px; margin:10px auto 0; line-height:20px; color:#666;}
.incontact{ width:200px; margin:20px auto 0;}
.incontact h3{ font-size:14px; font-weight:bold; line-height:30px;}
.incontact strong{ display:block; font-family:verdana, geneva, sans-serif; font-style:italic; font-size:20px; color:#ff8400; margin-bottom:10px;}
.incontact_qq{ margin-bottom:10px;}
.incontact_email{ background: left center no-repeat; padding-left:25px; line-height:20px; font-weight:bold; font-size:14px; color:#ff8400;}


.v_show { width:640px; float:left; height:80px;}
.v_caption { height:49px;position:relative }
.v_caption h2 { float:left; width:84px; height:35px; overflow:hidden; background: no-repeat; text-indent:-9999px; }
.v_caption .cartoon { background-position: 0 -100px; }
.v_caption .variety { background-position:-100px -100px; }
.highlight_tip { display:inline; float:left; margin:14px 0 0 10px; }
.highlight_tip span { display:inline; float:left; width:7px; height:7px; overflow:hidden; margin:0 2px; background: no-repeat 0 -320px; text-indent:-9999px; }
.highlight_tip .current { background-position:0 -220px; }
.change_btn { float:left; }
.change_btn span a {
	background-image:;
   	background-position:-840px -23px;
    display: block;
    height: 49px;
    overflow: hidden;
    text-indent: -10000px;
    width: 16px;
	background-repeat: no-repeat;
}
.change_btn span { position:absolute; width:16px; height:49px;}
.change_btn .prev{ left:0; top:-73px;}
.change_btn .prev a{ background-position:-840px -23px; }
.change_btn .prev a:hover{background-position:-840px -73px;}
.change_btn .next{ right:5px; top:-73px;}
.change_btn .next a{ background-position:-856px -23px; }
.change_btn .next a:hover{background-position:-856px -73px;}
.v_caption em { display:inline; float:right; margin:10px 12px 0 0; font-family:simsun; }
.v_content { position:relative; width:575px; height:80px; overflow:hidden; left:30px;}
.v_content_list { position:absolute; width:2500px;top:0px; left:0px; }
.v_content ul {float:left;}
.v_content ul li { display:inline; float:left;}
.v_content ul li a {
	float: left;
    height: 80px;
    margin: 0 9px 0 0;
    overflow: hidden;
    text-align: center;
    width: 86px;
	text-decoration:none 
	 }
.v_content ul li img {  width:128px; height:96px; }
.v_content ul li h4 { width:128px; height:18px; overflow:hidden; margin-top:12px; font-weight:normal; }
.v_content ul li h4 a { display:inline !important; height:auto !important;text-decoration:none }
.v_content ul li span { display: block; height: 46px; width: 86px;}
.v_content ul li b { color:#888; font-weight:normal;}

.m2-btn {
    display: inline-block;
    font-size: 12px;
    line-height: 100%;
    padding-left: 2px;
    text-align: left;
    vertical-align: middle;
}
.m2-btn, .m2-btn input, .m2-btn button, .m2-btn span {
    background:  no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    display: inline-block;
}
.m2-btn-25-o {
    background-position: 0 -247px;
}
.m2-btn input, .m2-btn button, .m2-btn span {
    border: medium none;
    font-weight: bold;
    overflow: visible;
    padding: 0 10px 0 9px;
}
.m2-btn-31-o {
    background-position: 0 -57px;
}
.m2-btn-31-o input, .m2-btn-31-o button, .m2-btn-31-o span {
    background-position: right -57px;
    color: #ffffff;
    font-size: 14px;
    height: 31px;
    line-height: 31px;
}
.m2-btn-25-o input, .m2-btn-25-o button, .m2-btn-25-o span {
    background-position: right -247px;
    color: #ffffff;
    height: 25px;
    line-height: 25px;
}
a.m2-btn, a.m2-btn:hover {
    text-decoration: none;
}

.jbox_2{ margin-bottom:10px;  height:375px;}
.jboxcontent{ border:1px solid #d8eef6; border-top:none; padding:0 20px;}
.jboxcontent ul{ list-style:none; overflow:hidden; width:658px;}
.jboxcontent li{ width:225px; overflow:hidden; height:150px; overflow:hidden; position:relative; padding:0 19px 0 85px; float:left; display: inline;}
.jboxcontent li.fooler{ border-bottom:1px solid #ededed; margin:20px 0;}
.jboxcontent li.right{ margin-right:0;}
.jboxcontent li .des{ color:#626262; line-height:150%; font-size:12px;}
.jboxcontent li a{ text-decoration: none}
.jboxcontent li h3{ font:18px/1 微软雅黑,tahoma, geneva, sans-serif; color:#ef6b05; padding-bottom:6px;}
.jboxcontent li .icon span{ background-image:; width:75px; height:75px; overflow:hidden; position:absolute; left:0; top:0; background-repeat: no-repeat }
.joinnowbutton{ padding-bottom:20px; margin-top:10px;}
.free_account{background-position:-4px -661px;}
.rich_diy{background-position:-81px -661px;}
.edm{background-position:-4px -737px;}
.serachmeeting{background-position:-81px -737px;}
.customersgroup{background-position:-158px -661px;}
.filterorder{background-position:-158px -737px;}
.subchindmorepd{background-position:-4px -931px;}
.freeaccount{background-position:-81px -931px;}

.jbox_3{ margin:10px 0px;}
.head{ height:33px; line-height:33px; background: left top no-repeat; position: relative}
.head h4{ font-size:14px; font-weight:bold; color:#0071bb; padding-left:20px;}
.operabar{ position: absolute; right:10px; top:9px;height:15px; overflow:hidden; visibility:hidden}
.operabar a{ background-image:; background-repeat:no-repeat;width:33px; height:15px; float:left; display:block;}
.operabar .srcollup{background-position:-33px -853px;}
.operabar .srcollup:hover{background-position:-33px -868px;}
.operabar .srcolldown{background-position:0 -853px;}
.operabar .srcolldown:hover{background-position:0 -868px;}
.comments{ padding:10px; height:345px; border:1px solid #d5eefb;}
.commentsmore{ height:345px; overflow:hidden; position:relative;}
.comments ul{ list-style:none; margin:0; padding:0; padding-top:13px; position: relative}
.comments ul li{ position:relative; display:block; border:1px solid #f90; margin-bottom:15px; height:150px;}
.comments ul li b{background: -1px -588px; width:40px; height:40px; display:block; position:absolute; left:0; top:0;}
.hotel_logo{ position:absolute; left:30px; top:20px; border:1px solid #f6f6f6; width:60px; height:60px;}
.commentsshot{ position:relative; padding:20px 20px 10px 105px; width:550px;}
.commentsshot .words{ color:#636363; line-height:150%; font-size:14px; font-size:12px; line-height:200%}
.commentsshot .words a{ color:#3366ff;}
.commentsshot .words a:hover{ color:#ff8400; text-decoration:none;}
.commentsshot .words q{ font-weight:bold; color:#0071bb}
.commentsshot .cdate{ font-size:12px; text-align:right; color:#333; margin-top:10px;}


.j_sidebar{ width:240px; overflow:hidden; float: left;}
.j_widget{ border:1px solid #e1e1e1; background: left top repeat-x; color:#626262; margin-bottom:10px; text-align:left}
.j_widget h4{ border-bottom:1px solid #ccc; padding-bottom:5px; color:#0071bb; font-weight:bold; font-size:14px; margin-bottom:10px; padding:10px}
.title_more{ font:normal normal 12px arial, helvetica, sans-serif; color:#3366ff; float:right; text-decoration:none; padding:10px;}
.title_more:hover{ color:#ff8400; text-decoration:underline;}
.winner{ margin:0 auto; width:208px;}
.winner p{ text-indent:-9999px; background-image:; background-repeat:no-repeat; width:208px; height:40px; display:block; overflow:hidden}
.jinner{ background: 0 -217px no-repeat; width:188px; height:202px; display:block; margin:0 auto; text-indent:-9999px;}
.vinner{ background: -2px -419px no-repeat; width:165px; height:160px; display:block; overflow:hidden; margin:0 auto;}
.vinner p{ text-indent:-9999em;}
.contactway{ background-position:0 -137px; margin-bottom:5px;}
.contactemail{background-position:0 -177px; margin-bottom:5px;}
.contactqq{ background-position:0px -887px;}
.contactqq_a{ text-indent:-9999px; width:208px; height:40px; display:block; overflow:hidden}
.innerbottom{ background:#fafafa; border-top:1px dotted #eee; margin:10px 1px 1px 1px; padding:5px; font-size:12px; text-align:center}

.faq{ margin-bottom:0; height:225px; overflow:hidden;}
.faqlist{ font-size:12px; padding:0 10px 10px 10px;}
.faqlist p{ line-height:200%}
.faqlist p a{ color:#36f; text-decoration:none;}
.faqlist p a:hover{ color:#ff8400; text-decoration:underline;}


.jfooter{ padding:15px 0; font-size:12px; border-top:1px solid #eee; height:20px;}
.jfooter p{ text-align:center; margin-bottom:5px; line-height:150%;}
.jfooter p a{ margin:0px 5px; color:#333; text-decoration:none;}


.joinfrom .header{ height:50px; margin-bottom:10px;}
.joinfrom .header h1{padding-bottom:17px; padding-left:20px; float:left}
.joinfrom .header h2{ padding-top:24px; float:left;font:18px/1 微软雅黑,tahoma, geneva, sans-serif; color:#000;}
.hoteljoinfrom h2{ padding:10px 10px 10px 20px; font:24px/1 微软雅黑,tahoma, geneva, sans-serif; color:#666; margin-bottom:20px;}
.sertel{ float:right; padding:0 20px; color:#999; font:normal bold 18px/50px 微软雅黑,tahoma, geneva, sans-serif;}


.step .current{font-weight:bold;color:#ab4400}
.step{ height:30px; font:normal normal 13px arial, helvetica, sans-serif; color:#666666;}
.step li{ float:left; height:30px; line-height:30px; list-style:none; width:315px; text-align:center;}



.hoteljoinfrom{ height:auto; clear:both}
.forminner{ background: right top repeat-y;}
.jmaincotent{ position:relative; width:100%; display:block;}
.jmain{}

.jtips{ position:absolute; right:10px; top:0; width:243px; border:1px solid #e5e5e5; z-index:999;}
.jtipinner{ background-color:#fff;}
.jtips h3{ background: left top repeat-x; height:39px; padding-left:15px;font:18px/39px 微软雅黑,tahoma, geneva, sans-serif; color:#a30003;}
.jtipinner ol{ list-style:none; padding:15px;}
.jtipinner ol li{ position:relative; padding:10px 0; border-bottom: 1px dashed #dddddd;}
.jtipinner li h4{ background: left top no-repeat; padding:2px 0 10px 30px; font:normal bold 14px arial, helvetica, sans-serif; color:#666;}
.jtipinner li p{ font:normal normal 12px arial, helvetica, sans-serif; color:#999; line-height:150%;}
.jtipinner ol .last{ border-bottom:none;}




.getpassword_text{ padding:20px; overflow:hidden; width:640px;}
.getpassword_text form{ width:660px; display:inline-block;}
.get_onetent{ margin:20px;}
.get_onetent li{ padding:10px 0;}
.get_onetent li label,.get_onetent li img,.get_onetent li input{ vertical-align:middle;}
.get_onetent li img{ width:75px; margin-left:4px;}
.change{ line-height:16px; vertical-align:middle; margin-left:4px; font-size:12px; text-decoration:none; display:inline-block;}
.reset_fill{ width:110px; text-align:right; padding:0 10px; display:inline-block;}
.get_onetent .getpass_btn{ padding:15px 0 15px 135px;}
.getsubmit{ display:block; width:111px; height:31px; overflow:hidden; background: no-repeat scroll left top transparent; border:none; text-indent:-999px; cursor:pointer;}
.get_title{ border-bottom:1px solid #dddddd; padding:0 0 5px 0; font:bold 14px arial,helvetica,sans-serif; margin-bottom:10px;}
.get_icons{ float:left; background: no-repeat scroll 0 -64px transparent; width:5px; height:18px; margin-right:5px;}

.nor a{ font:normal normal 12px arial, helvetica, sans-serif;}
.error{ color:#cc5555; margin:0 3px;}


.joinbanner{ position:relative; z-index:5;}
.warp{ height:400px; width:950px; background:#fff; outline:none; position:relative}
	.info{ position:absolute; left:0; top:0;}
	.info div{ width:950px; float:left; position:relative;}
	.info div.hide{ display:none;}
	.screen{ float:left; width:950px; height:400px; overflow:hidden; display:inline; position:relative; z-index:2; } 
	.screen dl{ background:#fff;}
	.screen dt{ font-family:microsoft yahei;}
	.screen dt img{ width:950px; height:400px; display:block; overflow:hidden;}
	.screen dt h3{ text-indent:-9999em; display:none width:340px; font-size:44px; font-weight:900; overflow:hidden;clear:both; position:absolute; left:30px; top:150px; color:#fff;}
	.screen dt a { color:#369;}
	.screen dt a:hover{ color:#369;}
	.screen dd{ min-height:1.2em; line-height:18px; font-size:0.9em; width:400px; bottom:130px; left:30px; position: absolute;}
	#info dd p{ font-size:18px; line-height:22px; color:#fff; font-family:microsoft yahei;}
	.screen h3{ padding:6px 0 8px 4px; font-weight:normal; font-size:1.1em; background: 0 -115px repeat-x #fff; color:#369;}
	.hotel_lg{ position:absolute; display:inline-block; width:155px; height:45px; background: left top no-repeat; z-index:10;}
	.hotel_lg_01{ left:175px; top:300px;}
	.hotel_lg_02{ left:195px; top:310px;}
	.hotel_lg_03{ left:175px; top:330px;}
		
	.cmt a{ color:#013f96; text-decoration:none; display:none}	
	.info .btn{ width:56px; z-index:100; height:22px; line-height:22px; background: 0 -36px no-repeat; position:absolute; bottom:20px; right:10px; display:none}
	.info .btn span{ float:left; width:27px; height:22px; cursor:pointer; background-color: #36c; text-align:center; color:#fff; font-family: arial, helvetica, sans-serif,microsoft yahei; border-left:1px solid #fff;}
	.info .btn span:hover{ background-color:blue}
	.list{ float:right; position:absolute; z-index:102; right:10px; bottom:50px; display:none}
	.list h2{ font-weight:900; height:33px; line-height:33px; padding-bottom:3px; background: 0 -76px repeat-x; font-size:20px; padding-left:16px; color:#036; border-left:1px solid #bebebe;}
	.list h2 span{ float:left; width:116px; padding-right:13px; background: 115px -3px no-repeat;}
	.list ul{ overflow:hidden; margin:0; padding:0; list-style:none}
	.list li{ float:left; margin-left:4px; background:#fff; opacity:0.7; *filter:alpha(opacity=70); overflow:hidden; } 
	.list li a{ width:12px; height:12px; display:block}
	.list li a i{ text-indent:-9999px; display:none}
	.list li.cur{ background-color:blue;opacity:1; *filter:alpha(opacity=100); }
    .red{color: #ff0000}


.serv-top{ position:relative;}
.serv-tel{ position:absolute; right:0px; top:20px; color: #999999; font: bold 18px/50px 微软雅黑,tahoma,geneva,sans-serif; padding: 0 20px;}
.serv_2013{ margin:20px 0 40px 0;}
.serv_t{ width:100%;}
.serv_t caption{ font:normal bold 16px "微软雅黑","宋体"; text-align:center; padding:10px 0; background:#ffb362; border-style:solid; border-width:2px 2px 0 2px; border-color:#fff; border-radius:5px 5px 0 0; color:#fff;}
.serv_ti{ position:relative;}
.serv_down{}
.serv_down a{ display:inline-block; height:22px; vertical-align:middle; margin-right:10px;}
.pdf{ color:#0033cc; font:normal normal 12px/22px arial, helvetica, sans-serif; padding:0 0 0 20px; background: left 4px no-repeat;}
.pdf:hover{ text-decoration:none;}
.serv_t td,.serv_t th{ border:2px solid #fff;}
.serv_t thead th{ background:#fff1c6; text-align:center; padding:5px 0; font:normal normal 14px "微软雅黑","宋体";}
.serv_t .serv_title{ text-align:center; background:#ddeeff; color:#000;}
.serv_t .serv_title:hover{ background:#fff1c6;}
.serv_t tbody td{ padding:5px 2px; color:#666; line-height:18px;}
.tr-even{ background:#f9f9f9;}
.tr-odd{ background:#f2f6f7;}
.tr-hover{ background:#eee;}
.item-hover{ background:#fff1c6;}
.serv-color{ color:#f00;}
.serv-bold{ font-weight:bold;}
.serv-remark{ font:normal bold 13px arial, helvetica, sans-serif; color:#c00000; padding:10px 0;}