@charset "utf-8";
/* txf reset CSS */
*{-webkit-box-sizing:border-box;box-sizing:border-box; padding:0; margin:0;}
html{height:100%; -webkit-text-size-adjust:100%;text-size-adjust:100%;font-size:62.5%; font-family:sans-serif;}
body{position:relative;height:100%; overflow-x:hidden;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,STHeiTi,sans-serif;background-color:#f2f5fd;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
ol,ul{list-style: none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
table{border-collapse: separate;border-spacing: 0;}
th,td{font-weight: normal;}
input,textarea{resize:none;outline: medium none;color:#888; font-size:14px;}
a{ text-decoration:none; cursor:pointer; color:#3c3c3c; }
a:link{ text-decoration:none;}
a:visited{ text-decoration:none;}
a:hover{ color:#e9474d;text-decoration:none;outline:none;}
a:active{}
a:active,a:focus{outline:none;}
.clearfix{*zoom:1}
.clearfix:after{content:"";display:block; width:0;height:0;clear:both;visibility:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.mt30{ margin-top:30px;}
textarea{ width:90%;padding:10px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; border:1px solid #e5e5e5; color:#000;font-size:14px; line-height:18px;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#bfbfbf;}
input::-moz-input-placeholder,textarea::-moz-input-placeholder{color:#bfbfbf;}
input::input-placeholder,textarea::input-placeholder{color:#bfbfbf;}

.error_tip{ display:none;position:fixed;_position:absolute;left:50%; top:50%; z-index:9992;width:260px;padding:15px 10px; margin:-27px 0 0 -140px;font-size:14px; line-height:24px;font-weight:bold;text-align:center;color:#fff;-webkit-border-radius:4px;-webkit-moz-radius:4px;border-radius:4px; background-color:rgba(0,0,0,0.8); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.3); -moz-box-shadow:0 0 10px rgba(0,0,0,0.3);box-shadow:0 0 10px rgba(0,0,0,0.3);}

.pop{ display:none;position:fixed;_position:absolute;left:0; top:0; width:100%; height:100%; z-index:999;background-color:#000;filter:Alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
.loading{ display:none;position:fixed;_position:absolute;left:50%; top:50%; z-index:9993; width:32px; height:32px; margin:-16px 0 0 -16px;background:url(loading.gif) center center no-repeat;}
.gobcak{ position:fixed; right:10px; bottom:10px; z-index:1000; width:40px; height:40px; background:url(goback.png) center center no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; cursor:pointer;}

.top{background-color:#000;}
.logo{ overflow:hidden;float:left;font-size:0;}
.logo img{ width:100%;}
.nav{overflow:hidden; zoom:1; font-size:1.4rem;}
.nav a{ position:relative;float:left;_display:inline;text-align:center; color:#fff;}
.nav a:after{content:""; position:absolute; left:0;bottom:0;width:0;height:3px; margin-left:50%;background-color:#d0d0d0; -webkit-transition:all .3s; -moz-transition:all .3s;transition:all .3s;}
.nav a:hover:after,.nav a.navon:after{ width:100%; margin-left:0;}
.nav a.navon{color:#fcd02e;}
.nav a.navon:after{background-color:#fcd02e;}

.banner{ overflow:hidden;position:relative;}
.banner_img{ height:100%;}
.banner_img a{ float:left; width:100%; height:100%;display:none;text-align:center;font-size:0; background-position:center center; background-repeat:no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover;}
.banner_icon{ position:absolute; left:0; bottom:20px;width:100%; height:10px; text-align:center;}
.banner_icon li{ display:inline-block;*zoom:1; width:8px; height:8px; margin:0 5px;-webkit-border-radius:4px; -moz-border-radius:4px;border-radius:4px; background-color:#fff; cursor:pointer; -webkit-transition:width .3s; -moz-transition:width .3s;transition:width .3s;}
.banner_icon li.banner_on{width:16px; background-color:#0f3048;}


.footer{background-color:#212329; color:#fff; text-align:center; line-height:60px; font-size:1.4rem;}
.footer a{ color:#fff; text-decoration:underline}

.comtitle{ padding:10px 10px 0; font-weight:bold; color:#000; font-size:1.6rem;}
.homelist{ padding:0 10px 0 0;}
.homercrow,.homexmrow{ position:relative;_display:inline;float:left; padding:10px 0 0 10px;}
.homerowbg{ background-color:#fff; padding:10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}

.homercimg{ font-size:0; text-align:center;}
.homercimg img{ width:50px; height:50px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;}
.homercname{ text-align:center; font-weight:bold;}
.homerccity,.homexmcity{ padding:5px 0 0; color:#999;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.homercinfo{ line-height:20px; height:40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.homercprice{ padding:5px 0 0; font-weight:bold; color:#F00;}

.homexmimg{ padding-top:150%;font-size:0; background:url(npic.png) #fff center center no-repeat;border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover;}
.homexmtxt{ padding:10px; background-color:#fff; border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px;}
.homexmname{ height:20px; line-height:20px; font-weight:bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.homexmcode{ padding:6px 0 0;}

.protip{ position: absolute; font-size: 1.2rem; left: 10px; top: 10px; padding: 3px 6px; border-radius: 5px 0 5px 0; background-color: #ccc; color:#fff;}
.pro_type{ border: 1px solid #00cc6f; padding: 2px; margin:0 3px 0 0; border-radius: 2px; font-size: 1rem;}

.xmjobs{ height:20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xmlabel{ display: inline-block; margin:5px 5px 0 0; padding:0 8px; background-color: #F2F2F2; border-radius: 10px; font-size:1rem;}

.xm_fix{ padding:10px;}
.xm_row{ position:relative; overflow:hidden; zoom:1; margin-top:10px;padding:10px; background-color:#fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.xm_img{ float:left;font-size:0; background:url(npic.png) #fff center center no-repeat;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover;}

.rc_fix{}
.rc_row{ padding:20px; margin-top:10px; background-color:#fff;}
.rc_top{ overflow:hidden; zoom:1;}
.rc_top ul{ float:left; width:50px; font-size:0;}
.rc_top ul img{ width:50px; height:50px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;}
.rc_top dl{ margin-left:60px; line-height:20px; padding:5px 0 0;}
.rc_top dl dt{ font-size:1.6rem; font-weight:bold;}
.rc_xm{ padding:10px 0; line-height:18px;}
.rc_price{ position:relative; text-align:right; font-weight:bold; color:#F00; margin-top:10px;}
.rc_price span{ position:absolute; left:0; top:0; font-weight:normal;}

.loginbox{ margin-top:20px;padding:20px 15px; background-color:#fff;}
.logininp{ position:relative;padding:15px 0 15px 30px; height:51px; font-size:1.4rem;line-height:20px; border-bottom:1px solid #bdbec1; color:#333;}
.loginuser{background:url(icon_card.png) center left no-repeat;}
.loginpass{ background:url(icon_pass.png) center left no-repeat;}
.loginuser,.loginpass{background-size:24px 18px; -webkit-background-size:24px 18px; -moz-background-size:24px 18px;}
.logininp input{ width:100%;padding:0;background:none; border:none;}
.login_btn{ padding:10px 0;}
.login_btn a{ display:block; height:40px; font-size:1.6rem; color:#000; text-align:center;line-height:40px; cursor:pointer;background-color:#fdc307; -webkit-border-radius:4px;border-radius:4px; -moz-border-radius:4px;}

@media (min-width: 750px){
	.top{ height:60px;}
	.logo{width:120px;padding:10px 0 0;}
	.nav{margin-left:140px;}
	.nav a{width:85px;line-height:52px;}
	.banner{ height:460px;}
	.homercrow{ width:20%;}
	.homexmrow{ width:25%;}
	.xm_img{ width:150px; height:220px;}
	.xm_txt{ margin-left:170px;}
}
@media (max-width:749px){
	.top{ height:40px;}
	.logo{width:80px;padding:7px 0 0;}
	.nav{margin-left:100px;}
	.nav a{width:60px;line-height:38px;}
	.banner{ height:200px;}
	.homercrow,.homexmrow{ width:50%;}
	.xm_img{ width:100px; height:150px;}
	.xm_txt{ margin-left:110px;}
}