@charset "utf-8";
* {word-break:break-all;font-family:'\5FAE\8F6F\96C5\9ED1', Verdana, Arial, Helvetica, sans-serif;-webkit-text-size-adjust:none;}
body {font-size:12px;color:#333333;/*background:#F3F5F8;*/ margin:0 auto; font-family:'\5FAE\8F6F\96C5\9ED1', Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333;}
div,li,ol,ul,input,textarea,select { margin:0 auto; }
textarea{resize:none}
table { clear:both}
form,ul { margin:0; padding:0;}
ul,li,ol {list-style:none}
img { border:0;}
h1,h2,h3,h4,h5,dl,dt,dd { margin:0; padding:0}
input,textarea,select { font-size:14px; font-family:'\5FAE\8F6F\96C5\9ED1'; }
/*input, button{  -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; }*/
input:focus,select:focus,textarea:focus{outline:none;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}

.formbox input[type="text"],.formbox input[type="number"],.formbox input[type="password"],.formbox select { color:#444; border:#AAA solid 1px; height:34px; line-height:34px; padding:0 5px; margin-right:3px; font-size:14px;border-radius: 3px; -webkit-border-radius: 3px;}
.formbox input[type="radio"],.formbox input[type="checkbox"]{ position:relative; top:2px;font-size:14px;}
.formbox textarea{color:#444; border:#AAA solid 1px; line-height:24px; padding:5px; margin-right:3px; font-size:14px;border-radius: 3px; -webkit-border-radius: 3px;}

.divline { line-height:15px; height:15px; clear:both; width:100%; overflow:hidden}

@font-face {font-family: "iconfont";
          src: url('/css/iconfont/iconfont.eot'); /* IE9*/
          src: url('/css/iconfont/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('/css/iconfont/iconfont.woff') format('woff'), /* chrome, firefox */
          url('/css/iconfont/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
          url('/css/iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
        }
.iconfont {
          font-family:"iconfont" !important;
          font-size:16px;
          font-style:normal;
          -webkit-font-smoothing: antialiased;
          -webkit-text-stroke-width: 0.2px;
          -moz-osx-font-smoothing: grayscale;
        }


 #top{}

 #m_page,.w1190{ width:1190px; margin:0 auto;}
 #top_1{ background-color:#f6f6f6; border-bottom:1px #e6e6e6 solid; height:34px;}
 #top_1_box{ width:1190px; margin:0 auto; line-height:34px; display:flex; justify-content:space-between;}
 #top_1_box_left a{color:#005fc4;}
 #top_1_box_right{ display:flex; justify-content:flex-end;}
 .top_1_box_right_sm{ width:100px; text-align:center; height:35px; }
 .top_1_box_right_sm_title{text-align:center; }
 .top_1_box_right_sm_title span{ font-size:10px;}
 .top_1_box_right_sm_img{ height:0px; z-index:999; position:relative;}
 .top_1_box_right_sm:hover{ cursor:pointer;}
 .top_1_box_right_sm:hover .top_1_box_right_sm_img{ animation:myfirst 0.7s ease-in-out  forwards;}
 .top_1_box_right_sm:hover .top_1_box_right_sm_title { color:#000000;}

@keyframes myfirst {
    100% {height:150px;box-shadow:0px 0px 5px #cecece;}
}

#top_2{width:1190px; margin:20px auto 0px;}
#top_2_1{ display:flex; justify-content:space-between; align-items:center;}
#tab{ background: linear-gradient(to bottom,#fafff6, #d6d6d6); width:500px;  height:46px; display:flex; justify-content:space-between; border:1px #d11120 solid; border-bottom:0px;}
#tab span{ height:46px; line-height:46px; color:#d11120; flex-grow: 1; text-align: center; }
#tab span:hover{ cursor:pointer; background-color:#d11120; color:#ffffff;}
#tab span:first-child{ background-color:#d11120; color:#ffffff;}
#dh{ text-align:right;  font-size:18px; font-weight:bolder; color:#333; height:40px; line-height:40px; padding:0px 10px; }
.search   {display:flex; }
.search_box{ width:400px; height:40px; background:linear-gradient(#bbbbbb 0% ,#ffffff  20%,#ffffff 100%); border:2px #e62a2a solid; display:flex; align-items:center; margin-left:15px;}

.search_box span{ color:#e6e6e6; font-size:20px; margin:0px 10px}
.search_input{ width:350px;  margin-top:2px;  line-height:35px; height:35px; border:0px; background:linear-gradient(#bbbbbb 0% ,#ffffff  20%,#ffffff 100%); }
.search_btn_box{  display:flex; justify-content:space-between;   background-color:#ffffff; border:2px #e62a2a solid; border-left:0px;}
.search_btn_box span{background-color:#e62a2a; display:block; font-size:15px; width:80px; height:40px; line-height:40px; text-align:left; color:#ffffff;}
.search_btn_box span:first-child{ text-indent:20px;}
.search_btn_box span:last-child{text-indent:20px;margin-left:1px;}
.search_btn_box span:hover{ cursor:pointer; background-color:#d11120;}

#top_3{width:1190px; margin:5px auto; display:flex; justify-content:space-between; align-items:center; height:auto; line-height:50px;}
#dh_box{ display:flex; justify-content:flex-start;}
#dh_box a{ padding:0px 25px; height:30px; line-height:30px; font-size:16px; color:#222; margin-right:10px;font-weight:bolder;  }
#dh_box a:hover{ background-color:#f6f6f6;}
#dh_box a:first-child:hover{background-color:#d11120; color:#ffffff;}

#p_btn{ width:1190px; background-color:#fff; margin:0 auto; text-align:left; border-top:1px #cecece solid; padding-top:10px; padding-bottom:20px;height:auto; overflow:hidden; }
.p_logo { width:22%; float:left; }
.p_right { width:78%;float:right;}
.p_btn_box{display:flex; justify-content:flex-start; align-items:center;}
#bq{ text-align:left; line-height:30px; color:#5b5555;  display:flex;}
#bq a{  padding:0 5px;}
.b_box{ display:flex; justify-content:flex-start; flex-wrap:wrap;}

.b_box a{ padding:0px 10px;  line-height:30px; color:#5b5555}
.b_box3{ display:flex; justify-content:flex-start; flex-wrap:wrap;}
.b_box3 a{ padding:0px 8px;  line-height:30px; color:#5b5555}
.tieba_a {display:flex; justify-content:space-between; margin:0px auto 15px;}
.tiebabox{ display:flex; justify-content:space-between; border-top: 3px #f0f0f0 solid;}
.wz{width:930px; display:flex; align-items: center;}
.wz h1{margin-left: auto; padding: 0 15px; color:#fff; background-color: #ff7e00; line-height: 25px;}
.wz,.sx{ height:40px; line-height:40px; display:flex; }
.wz a,.sx a{ line-height:40px; }
.sx a{ min-width:240px; text-align:center; background-color: #f77f25;color: #ffffff;display: inline-block;height: 25px;line-height: 25px;padding: 0px}
.sx a:hover{ background-color:#ff2d00;}













.show_txt{margin: auto;  position: fixed; top: 40%; left:20%; right:20%; width:60%; max-width:280px;  max-height:500px;  background-color: #333;
           text-align: center;line-height:40px; padding:20px 0px; opacity: 0.8;z-index: 999;color: #ffffff;box-shadow: 0 0 5px #9e9e9e; 
           font-size: 15px; display:none; border-radius:10px;}


.whitebg { background-color:#FFF}
.graybg { background-color:#F5F5F5}

.f_l { float:left;}
.f_r { float:right}

.px10 { font-size:10px}
.px11 { font-size:11px}
.px12 { font-size:12px}
.px14 { font-size:14px}
.px15 { font-size:15px}
.px16 { font-size:16px}
.px18 { font-size:18px}
.px21 { font-size:21px}

/* 各种链接颜色 */
.blue,.blue a,.blue a:link,.blue a:visited,.blue:link,.blue:visited{color:#03C;}
.red,.red a,.red a:link,.red a:visited,.red:link,.red:visited{color:#F00;}
.orange,.orange a,.orange a:link,.orange a:visited,.orange:link,.orange:visited{color:#F60;}
.black,.black a,.black a:link,.black a:visited,.black:link,.black:visited{color:#222;}
.gray,.gray a,.gray a:link,.gray a:visited,.gray:link,.gray:visited{color:#999;}
.green,.green a,.green a:link,.green a:visited,.green:link,.green:visited{color:#390;}
.white,.white a,.white a:link,.white a:visited,.white:link,.white:visited{color:#FFF;}

a { color:#444; text-decoration:none}
a:hover { color:#FF552E; text-decoration:none}

.img_tip {width:200px;z-index:1000;position:absolute;padding:5px;border:#E5E5E5 1px solid;background:#FFFFFF;}

.m { width:1200px; margin:0 auto; clear:both}

.li_dot li {background:url(images/li_dot.gif) 2px center no-repeat; text-indent:0.8em; line-height:32px; height:32px; overflow:hidden}

.box_head { height:44px; line-height:44px; border:#E5E5E5 solid 1px; border-bottom:0; padding:0 14px; background-color:#FFF; font-size:16px; color:#555}
.box_body {border:#E5E5E5 1px solid; padding:8px 5px; font-size:14px; background-color:#FFFFFF;}

.ctitle { height:42px; line-height:42px; border-bottom:#FF552E solid 2px; }
.ctitle .l { color:#FFFFFF; background:#FF552E; font-size:16px; padding:0 30px; height:41px;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.ctitle .r { font-size:12px; color:#999999}
.ctitle .l a { color:#FFF}
.ctitle .r a { color:#444}

.location { color:#888; line-height:16px; height:16px; }
.location a{ color:#888; text-decoration:none;}
.location a:hover{ color:#F60;}
.location span { color:#ccc; margin:0 3px; font-weight:bold; font-family:"宋体"}

.warn { margin:100px auto; padding:70px; color:#666666; text-align:left; display:inline-block; border:#E5E5E5 solid 1px; background-color:#F3F5F8}
.warn div {padding:0 0 10px 60px;background:url(images/warn.gif) no-repeat; font-size:14px;line-height:200%;}
.warn h1 {font-size:21px; color:#222; margin:0; font-weight:normal;font-family:'\5FAE\8F6F\96C5\9ED1', '黑体';}

/*通用CERTIFY图标*/
.ico-certify-list span{ margin-right:10px; vertical-align:middle}

.ico-vcompany { background:url(images/ico-certify.png) 0 -66px no-repeat; width:23px; height:18px; position:relative; display:inline-block}
.ico-vmobile { background:url(images/ico-certify.png) -7px -43px no-repeat; width:16px; height:18px; position:relative; display:inline-block}
.ico-vemail { background:url(images/ico-certify.png) -4px -21px no-repeat; width:19px; height:19px; position:relative; top:-1px; display:inline-block}
.ico-vtruename { background:url(images/ico-certify.png) -1px 0 no-repeat; width:23px; height:18px; position:relative; display:inline-block}

.ico-ucompany { background:url(images/ico-certify.png) -24px -66px no-repeat; width:23px; height:18px; position:relative; display:inline-block}
.ico-umobile { background:url(images/ico-certify.png) -31px -43px no-repeat; width:16px; height:18px; position:relative; display:inline-block}
.ico-uemail { background:url(images/ico-certify.png) -28px -21px no-repeat; width:19px; height:19px; position:relative; top:-1px; display:inline-block}
.ico-utruename { background:url(images/ico-certify.png) -25px 0 no-repeat; width:23px; height:18px; position:relative; display:inline-block}

/*头部样式*/
.head {background:#F0F0F0; width:100%;height:36px; line-height:36px; border-bottom:#DFDFDF solid 1px;}
.head_m {margin:auto;width:1200px;color:#777;}
.head_m a { color:#666}
.head_m a:hover { color:#FF552E; text-decoration:none}
.head_m span { font-family:"Times New Roman", Times, serif; font-size:10px; color:#aaa; position:relative; top:-1px}

.head_l li {float:left; margin:0 13px 0 0;}
.h_city {background:url('images/icon-arrow.png') no-repeat right -42px;padding:0 13px 0 0;}
.h_fav {padding:0 0 0 2px;}
.h_mobile {background:url('images/ico_mobile.png') no-repeat 0 center;padding:0 2px 0 15px;}
.h_qrcode {background:url('images/ico_qrcode.png') no-repeat 0 center;padding:0 6px 0 18px;}

.tophead {width:100%; height:90px; clear:both;   }
.tophead .logo {margin-top:15px;}
.tophead .logo a{ width:250px; float:left; height:80px;}
.tophead .logo a:hover { height:80px; display:block; color:#444; text-decoration:none;}

.topsearch { margin:15px 0 0 0; float:right; height:44px; position:relative; font-size:14px}
.topsearch .input { height:44px;line-height:44px;padding:0 10px;_padding-right:0;width:350px; float:left;color:#777;font-size:14px; border:#ff552e solid 2px; border-left:0; border-right:0; font-family:'\5FAE\8F6F\96C5\9ED1'}
.topsearch .submit { background:#ff0000; color:#FFF;width:100px;text-align:center;height:44px;display:block;float:left;font-size:16px;cursor:pointer;border:#ff552e solid 1px;font-family:'\5FAE\8F6F\96C5\9ED1';}
.topsearch .submit:hover {background:#ff552e; border:#ff552e solid 1px}


.topsearch .select { border: 2px #FF552E solid; border-right:0; float:left; height:44px;}
.topsearch .select a{ float:left; background:url(/images/arrow.gif) right center no-repeat;height:40px; line-height:40px;padding:0 0 0 10px; width:60px; margin-right:10px; text-decoration:none; color:#999}

.search_type { position:absolute; left:0; top:42px; color:#999; background-color:#FFF; border:#FF552E solid 2px; border-top:0; }
.search_type li { height:35px; line-height:35px; padding:0 0 0 10px; width:70px; cursor:pointer;}
.search_type li:hover { background-color:#F2F2F2;}

.postedit{float:right; margin:30px 0 0 0;}
.postedit a.edit{ text-align:center; margin-top:7px; display:inline-block; width:100%; color:#999999;}
.postedit a.post{color:#FFF;background-color:#ff552e;padding:0 30px;font-size:16px;height:45px;float:left;line-height:45px;text-align:center;text-decoration:none; display:inline-block}
.postedit a.post:hover{ background-color:#FF3300; color:#FFFFFF; text-decoration:none}

/*分页*/
.pageLink { padding: 30px 0; font-size:14px; text-align:center; color:#777;width:100%; display:inline-block;}
.pageLink a { background: #FFF; color: #777; margin:0 5px; padding: 9px 15px; text-decoration: none; }
.pageLink span { margin:0 5px; padding:0 6px; font-size:21px;}
.pageLink a:hover {background: #F4F4F4; text-decoration:none; }
.pageLink .current {background: #FF552E; color: #FFF; padding: 9px 15px;  font-size:14px}
.pageLink a,.pageLink .current{border-radius:3px;-moz-border-radius:3px; border:#E5E5E5 solid 1px}
.pageLink .current { border:#FF552E solid 1px}



/*整体布局*/
/* pagebox */
.pagebox{ display: table; justify-content : center; font-size:14px;text-align:center;color:#777; margin: 0 auto; padding: 20px 0 }
.pagebox ul { margin: 0; }
.pagebox li a{ display:inline-block; background:#FFF;color:#777;text-decoration:none;}
.pagebox li{ display:inline-block; list-style: none; padding: 0; margin:0 5px;}
.pagebox li a:hover{background:#F4F4F4;text-decoration:none;}
.pagebox li a,.pagebox .current{ padding:9px 15px;border-radius:3px;-webkit-border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,.1);border:#E5E5E5 solid 1px}
.pagebox li.current{background:#FF552E;color:#FFF;font-size:14px;border:#FF552E solid 1px}
.pagebox li.page-text {  padding:9px 0; }
.pagebox li.el { margin-top: 7px}

/*友情链接*/
.links { font-size:13px;background-color:#fff; height:auto; }
.links .divh2 { display:block; height:35px; line-height:35px; padding:0 10px; background-color:#E5E5E5;  font-size:16px; color:#FF552E}
.links .txt { display:block; width:100%; padding:0 10px 0 0;line-height:35px; color:#FF552E}
.links .txt a {  padding:0 10px;}
.links span{ width:110px; margin:10px 15px 0 0; line-height:16px; display:inline-block;}



/*MSG*/
.msgbox { position:relative; top:200px; max-width:600px; min-width:300px; float:left; border:#E5E5E5 solid 1px; background-color:#FFFFFF;/*border-radius: 5px; -moz-border-radius: 5px;*/}
.msgbox div.t { border-bottom:#E5E5E5 solid 1px; background-color:#F4F4F4; font-size:14px; color:#666666; padding:10px 15px; border-top:#FFF solid 1px}
.msgbox .yes,.msgbox .no { float:left; padding:20px 0 25px 0;}
.msgbox .yes ul,.msgbox .no ul { padding-left:115px; padding-right:30px; background:url(images/msg_ico_1.png) 25px 5px no-repeat;}
.msgbox .yes li,.msgbox .no li { line-height:160%; font-size:15px}
.msgbox li a { color:#FF552E}
.msgbox .no ul{ background:url(images/msg_ico_2.png) 25px 2px no-repeat}
.msgbtn { border:0; padding:0 30px; height:40px; font-size:16px; color:#FFFFFF; cursor:pointer; background-color:#ff552e; margin:10px 0 0 0 }
.msgbtn:hover { background-color:#FF4400}

.footer { line-height:28px; color:#AAA; text-align:center; width:100%; display:table; background:#555;}
.footer .m { padding:20px 0;}
.footer a { color:#AAA}

/*返回顶部*/
.back2top {width:58px;height:58px;position:fixed;_position:absolute;left:50%;margin-left:490px;bottom:90px;_bottom:auto;cursor:pointer;display:none;}
.back2top a {display:block;width:100%;height:100%;background:url(images/back2top.png) no-repeat;}
.back2top a:hover {background:url(images/back2top.png) no-repeat -58px 0; text-decoration:none}

/*首页*/
.indexcolumn { width:865px;}
.indexbar { width:320px;}
.indextop { width:600px; margin-left:15px;}

/* nav */
.nav { background:#FFF; display:table; width:100%}
.nav .nav-title { float:left; background:url(images/channel-icon.png) 19px -22px no-repeat #ff0000; color:#FFFFFF; font-size:16px; padding:0 45px; height:48px; line-height:48px; width:250px;}
.nav ul li { float:left;padding:0 25px;}
.nav ul li a{ font-size:16px; line-height:48px;}
.nav ul li a:hover { text-decoration:underline}

/* nav */
.subnav { background:#ff0000; height:46px; width:100%;}
.subnav .nav-title { float:left; background:url(images/channel-icon.png) 19px -22px no-repeat #E60000; color:#FFFFFF; font-size:16px; padding:0 45px; height:46px; line-height:46px; width:160px;}
.subnav ul li { float:left;}
.subnav ul li a{display:block;padding:0 30px; font-size:18px; line-height:46px; color:#FFF}
.subnav ul li a:hover,.subnav ul li a.focus,.subnav ul li.focus a  { background:#ff0000}

/*首页行业分类*/
.channel-nav { width:250px; background-color:#F7F7F7}
.channel-nav .channel-nav-box {padding:7px 14px 0 14px; border:#E5E5E5 solid 1px; border-top:0}
.channel-nav .big { font-size:16px; padding:5px 0 0 0; line-height:21px; color:#FF552E;}
.channel-nav .small { padding:6px 0;line-height:16px; font-size:13px}
.channel-nav .small a { color:#666; white-space:nowrap; margin:6px 14px 6px 0; display:inline-block;}
.channel-nav .small a:hover { color:#FF552E} 
.channel-nav .small span { color:#CCC; margin:0 7px; position:relative; top:-1px; height:8px; overflow:hidden; font-family:Arial, Helvetica, sans-serif}

/*首页注册登录按钮*/
.user{ height:40px;line-height:40px; margin-top:15px;}
.user a{ line-height:38px; float:left; text-align:center; color:#FFF; width:153px; border:#FF552F solid 1px; background-color:#FF552E; font-size:14px}
.user a.login-btn{ background-color:#FFF; color:#FF552E;margin-right:10px;}
.user a:hover { text-decoration:underline}

/*首页数据统计*/
.homecount { padding:12px 0; display:inline-block}
.homecount strong { float:left; font-size:14px; padding-right:5px; position:relative; top:4px; font-weight:normal; border-left:#FF552E solid 2px; padding-left:10px; line-height:14px;}
.homecount div{ float:left; font-size:13px; margin-right:20px; text-indent:1.3em; height:20px; line-height:20px; background:url(images/ico_count.gif) left 5px no-repeat;}
.homecount div span { font-family:Georgia, Verdana, Arial, Helvetica, sans-serif; font-size:15px;}

/*首页公告*/
.announce { font-size:14px;}
.announce li {  line-height:27px; width:195px; height:27px; overflow:hidden; white-space:nowrap; font-family:"宋体"; position:relative; left:-5px;}
.announce li span { font-size:11px; color:#999999;}
.announce li a { color:#666666;font-family:'\5FAE\8F6F\96C5\9ED1'}

/*热门城市*/
.hotarea { height:177px;}
.hotarea li { width:48%; padding-right:2%; font-size:14px; float:left; height:31px; line-height:31px; overflow:hidden}

/*首页分类*/
.category-type span { display:inherit-block; border-left:#E5E5E5 solid 1px; padding-left:20px; margin-left:20px; font-size:14px}
.category-type span:last-child { border-right:#E5E5E5 solid 1px; padding-right:20px}
.category-type span a { padding:3px 8px;border-radius: 3px; -moz-border-radius: 3px;}
.category-type span.focus a {background-color:#FF552E;color:#FFF;}
.getcategory { width:100%; font-size:14px; display:table}
.getcategory dl { float:left; width:49%; height:32px; line-height:32px; overflow:hidden; margin-right:1%; background-color:#FFFFFF; }
.getcategory #getc4 dl { width:100%}
.getcategory dl dt { float:left; height:32px; line-height:32px; font-size:15px; margin-right:15px}
.getcategory dl dt a { color:#333}
.getcategory dl dd { float:left; height:32px; line-height:32px; margin-right:20px; white-space:nowrap}
.getcategory dl dd a { color:#0E8ED8}
.getcategory a:hover { color:#FF552E; text-decoration:underline}

/*Tag*/
.tagslist { padding: 10px 20px; } 
.tagslist span a { font-size:14px; display:inline-block; margin:8px 16px 8px 0; height:32px; line-height:32px; padding: 0 10px}
.tagslist span a:hover { text-decoration: none; opacity: 0.8 }
.tagslist span a.tag1 {background-color:#a0d497; color: #FFFFFF!important}
.tagslist span a.tag2 {background-color:#fff5b7; color: #b3a029!important}
.tagslist span a.tag3 {background-color:#d8edff; color: #7196ad!important}
.tagslist span a.tag4 {background-color:#ffecce; color: #ab8549!important}
.tagslist span a.tag5 {background-color:#ffebeb; color: #b89090!important}

.tagslist a.tag6 {background-color:#555555; color: #FFFFFF!important}
.tagslist a.tag7 {background-color:#f0ad4e; color: #FFFFFF!important}
.tagslist a.tag8 {background-color:#BDC3C7; color: #FFFFFF!important}
.tagslist a.tag9 {background-color:#337ab7; color: #FFFFFF!important}
.tagslist a.tag0 {background-color:#ff6c60; color: #FFFFFF!important}

/*首页ABC字母列表*/
.abclist strong { color:#888; width:56px; font-weight:normal; font-size:12px}
.abclist a { border:#E5E5E5 solid 1px; display:inline-block; color:#999; padding:8px 0; width:31px; margin-left:10px; text-align:center; font-family:Tahoma; background-color:#F8F8F8}
.abclist a:hover{ color:#FFF; text-decoration:none; border:#E60000 solid 1px; background-color:#E60000}
.abclist a.focus { color:#FFF; background-color:#E60000;border:#E60000 solid 1px;}
.abclist a.focus:hover { color:#FFF}

/*首页最新信息*/
.indexoffer ul { height:160px}
.indexoffer li { float:left; width:24%; padding-right:1%; word-break:break-all; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.indexoffer li { width:32%; padding-right:1.3%}

/*首页最新公司*/
.indexcompany li{ border-bottom:#E5E5E5 dotted 1px; padding:8px 0 7px 0}
.indexcompany li:last-child { border-bottom:0}
.indexcompany li div { float:left;}
.indexcompany li div.company { width:240px; padding-right:10px; height:32px; line-height:32px; word-break:break-all; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.indexcompany li div.product span { color:#999999; display:inline-block; margin-right:15px; width:132px; height:32px; line-height:32px; overflow:hidden;}
.indexcompany li div.product span:last-child { margin-right:0}

/*首页橱窗产品*/
.offerlist { background-color:#FFF; padding: 10px 0; color:#444; overflow:hidden;}
.offerlist li { float:left; width:214px; height:228px; overflow:hidden; padding: 0 27px; margin:15px 0; border-right:#EEE solid 1px;}
.offerlist li.noborder { border:0; padding-right:28px}
.offerlist li div.img { width:160px; height:160px; overflow:hidden}
.offerlist li div.img img { width:160px; height:160px;transition: all 0.8s;}
.offerlist li div.img img:hover {/*opacity:0.8;*/transform: scale(1.2); z-index:1}
.offerlist li div.price { color:#FF552E; line-height:20px; font-size:14px; padding:7px 0 3px 0;}
.offerlist li div.text a{ color:#333; font-size:14px; line-height:20px; height:40px; overflow:hidden}
.offerlist li div.text a:hover { color:#FF552E; text-decoration:none}

/*-------------------------频道页--------------------------------*/
.channel-subcat span { display:inline-block; width:24%; margin-right:1%; height:32px; line-height:32px; word-break:break-all; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.channel-subcat .ctitle { font-size:15px; font-weight:bold; border-left:#E60000 solid 3px; line-height:14px; padding-left:6px; margin:10px 0 10px 0}

/*B2B首页*/
.homecatlist { padding:10px 14px; border:#CFDFF3 solid 1px; display:inline-block}
.homecatlist li{ float:left; width:20%; height:26px; line-height:26px; font-size:14px;}
.homecatlist li span{ color:#999999; text-indent:1em; font-size:11px; position:relative; top:0; left:4px}

.indexlist li { line-height:34px; height:34px; float:left; width:595px; border-bottom:#EEE dotted 1px}
.indexlist li .tu { color:#F90}
.indexlist li div { float:left; color:#444; line-height:30px;}
.indexlist li .l_t { width:500px; color:#888; white-space:pre; padding-right:15px; height:34px; overflow:hidden;}
.indexlist li .l_t a,.indexlist li .l_t span { font-size:14px;}
.indexlist li .l_d { width:70px; color:#999999; text-align:right;}


/*字母索引*/
.proletters span{ display:inline-block; width:19%; padding-right:1%;word-break:break-all; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

/*城市内页友情链接*/
.linklist span { display:inline-block; width:48%; margin-right:1%; height:32px; line-height:32px; word-break:break-all; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
/*黄页列表*/
.listcolumn { width:962px;}
.listbar { width:220px;}

#xuanting { width:220px}
#xuanting.sticky { float: none; position: fixed; top: 20px; z-index: 6; left: auto; }

.subnav-list{ font-size:13px}
.subnav-list dl { display:inline-block; line-height:28px; padding:2px 0; position:relative}
.subnav-list dt{ float:left; width:50px; color:#FF552E;}
.subnav-list dd{float:left;width:1150px; overflow:hidden;}
.subnav-list dd span{ display:inline-block; margin-right:20px; white-space:nowrap}

.listbar .side-title {border:#E5E5E5 solid 1px; border-bottom:0; padding:12px; display:block}
.listbar .side-title .l { font-size:18px; width:100%; padding-bottom:10px}
.listbar .sideblock { border:#E5E5E5 solid 1px; padding:10px 19px;}

.listbar .st{ padding:5px 0; font-size:18px; border-bottom:#EEE solid 1px; margin-bottom:12px; padding-bottom:12px;}
.listbar .st span { float:right; font-size:12px; color:#999999; padding:6px 0; display:none}

.listbar .catalog li{padding:2px 16px 2px 0; width:100%; line-height:24px; display:inline-block; font-size:15px; background:url(images/catlist-line.gif) left center no-repeat}

.listbar .sidecity { padding:5px 0}
.listbar .sidecity span { width:50%; display:inline-block; text-align:left; padding:5px 0; font-size:14px;}

.listcolumn .comlist {}
.listcolumn .comlist li { border-bottom:#EEE solid 1px; padding:20px 10px; position:relative;}
.listcolumn .comlist li div.company { font-size:20px;}
.listcolumn .comlist li div.company a { color:#00E}
.listcolumn .comlist li div.company a:hover { text-decoration:none; color:#F60}
.listcolumn .comlist li div.company span.authcert { position:relative; top:4px; left:8px; background:url(images/ico-authcert.png); display:inline-block; width:58px; height:19px}
.listcolumn .comlist li div.intro { padding:5px 0; line-height:24px; padding-right:170px; font-size:14px; color:#222}
.listcolumn .comlist li div.area { color:#999999; position:absolute; right:10px; top:36px; font-family:Arial, Helvetica, sans-serif}
.listcolumn .comlist li div.area a { color:#999}
.listcolumn .comlist li:hover { background-color:#FFF8E8}

.listcolumn .pagelist {}
.listcolumn .pagelist li { border-bottom:#EEE solid 1px; padding:20px 11px; position:relative; display:table; width:100%}
/*.listcolumn .pagelist li:nth-child(2n) { background-color:#FCFCFC}
*/.listcolumn .pagelist li:hover { background-color:#FAFAFA}
.listcolumn .pagelist li div.company { font-size:21px; width:100%; margin-bottom:8px;}
.listcolumn .pagelist li div.company a { color:#333;}
.listcolumn .pagelist li div.company a:hover { text-decoration:none; color:#F60}
.listcolumn .pagelist li div.btn { padding-bottom:5px; width:100%}
.listcolumn .pagelist li div.list { float:left; color:#777; width:700px; padding-right:40px; line-height:26px; }
.listcolumn .pagelist li div.list a { color:#555}
.listcolumn .pagelist li div.list a:hover { color:#F60; text-decoration:none}
.listcolumn .pagelist li div.product { line-height:20px; padding:4px 0;}
.listcolumn .pagelist li div.btn { height:26px;}
.listcolumn .pagelist li span.btn span.authcert { background:url(images/list-ico-cert.png) no-repeat; height:17px; width:20px; display:inline-block; margin-right:7px;}
.listcolumn .pagelist li span.btn span.authcontact { background:url(images/list-ico-cert.png) 0 -20px no-repeat; height:17px; width:20px; display:inline-block; margin-right:7px;}
.listcolumn .pagelist li span.btn span.authemail { background:url(images/list-ico-cert.png) 0 -40px no-repeat; height:17px; width:20px; display:inline-block; margin-right:7px;}
.listcolumn .pagelist li span.btn span.authmobile { background:url(images/list-ico-cert.png) 0 -60px no-repeat; height:17px; width:20px; display:inline-block; margin-right:7px;}
.listcolumn .pagelist div.contactbtn a{ color:#FF552E; font-size:14px; position:absolute; right:10px; top:30px; padding:7px 25px; border:#FF552E solid 1px; border-radius: 3px; -moz-border-radius: 3px; background-color:#FFFFFF}
.listcolumn .pagelist div.contactbtn a:hover { background-color:#FF552E; color:#FFFFFF; text-decoration:none}

.list-bottom-infos { width:100%; clear:both; background-color:#F7F7F7; margin-top:10px; border-top:#EEE solid 1px}
.list-bottom-infos .m { background-color:#F7F7F7; padding-bottom:10px;}
.list-bottom-infos div.t { font-size:18px; padding: 20px 0 10px 0; color:#444}
.list-bottom-infos li { line-height:28px; display:inline-block; width:590px; padding:0; margin:0}
.list-bottom-infos li .tu { color:#F90}
.list-bottom-infos li div { float:left; color:#444; line-height:26px;}
.list-bottom-infos li a { color:#666666}
.list-bottom-infos li .l_t { width:495px; color:#888; white-space:pre; padding-right:20px; height:28px; overflow:hidden;}
.list-bottom-infos li .l_t a,.indexlist li .l_t span { font-size:14px;}
.list-bottom-infos li .l_d { width:70px; color:#999999; text-align:right; margin-right:5px}

/*信息列表*/
.column-infolist li.single { display:table; width:100%; border-bottom:#F4F4F4 solid 1px; padding:30px 0; font-family:Verdana, Arial; position:relative}
.column-infolist li.single:hover { background-color:#FAFAFA}
.column-infolist li.single div.content { float:left; width:600px; margin:0 30px 0 10px;}
.column-infolist li.single div.content div { line-height:27px;}
.column-infolist li.single div.img {float:left; width:160px; height:120px; background-color:#FFFFFF; overflow:hidden; margin-right:15px;}
.column-infolist li.single div.img img { width:160px; height:160px; position:relative; top:-20px}
.column-infolist li.single div.title { font-family:'\5FAE\8F6F\96C5\9ED1'; font-size:20px; padding-bottom:3px; position:relative; top:-2px;}
.column-infolist li.single div.title a{ color:#333}
.column-infolist li.single div.title a:hover{ color:#E60000; text-decoration:underline}
.column-infolist li.single div.company a{ color:#999999}
.column-infolist li.single div.company a:hover{ color:#FF552E}
.column-infolist li.single div.intro { font-size:14px; color:#999999; height:26px; line-height:26px; overflow:hidden}
.column-infolist li.single div.time {  color:#999999; margin-top:3px;}
.column-infolist li.single div.time span.area {border-radius: 2px; -moz-border-radius: 2px; border:#D6E3EA solid 1px; background-color:#FAFDFF; color:#2E86B9; padding:0 8px; line-height:20px; margin-right:6px; display:inline-block}
.column-infolist li.single div.btn { background:url(images/ico-phone.png) 20px center no-repeat #FF552E; font-size:14px; position:absolute; top:60px; right:20px; border:#FF552E solid 1px; text-align:center;  color:#fff;border-radius: 3px; -moz-border-radius: 3px}
.column-infolist li.single div.btn a { display:block; padding:0 20px 0 40px; height: 40px; line-height: 40px; color:#FFFFFF}
.column-infolist li.single div.btn:hover { background-color:#FF3300; color:#FFFFFF; border:#FF3300 solid 1px; text-decoration:none; cursor:pointer}
.column-infolist li.single:last-child { margin-bottom:10px}



.infolist td { border-bottom:#EEE solid 1px; padding:20px 0;}
.infolist td.img { width:140px;}
.infolist td.img td { height:120px; border:0; width:120px; padding:0;}
.infolist td.img img { width:120px; height:120px;}
.infolist td.content { padding-right:10px; padding-left:10px; position:relative}
.infolist td.content div.title { font-size:20px; padding-bottom:3px;}
.infolist td.content div.intro { line-height:24px; color:#777}
.infolist td.content div.area { line-height:24px;}
.infolist td.content div.time { line-height:24px; font-size:12px; position:absolute; right:10px; bottom:20px; color:#999999}
.infolist td.price { text-align:right; width:150px; color:#555; line-height:220%; padding-right:10px; padding-bottom:20px}
.infolist tr:hover { background-color:#FAFAFA}
.infolist .btn a { line-height:24px; color:#0E8ED8}
.infolist .btn a:hover { color:#FF552E}
/*橱窗样式*/
/*.infolist { background-color:#FFF; padding: 10px 0; color:#444; overflow:hidden;}
.infolist li { float:left; width:180px; height:250px; overflow:hidden; padding: 0 29px 0 30px; margin:15px 0; border-right:#EEE solid 1px;}
.infolist li.noborder { border:0; padding-right:30px}
.infolist li div.img { width:180px; height:180px; overflow:hidden}
.infolist li div.img img { width:180px; height:180px;transition: all 0.8s;}
.infolist li div.img img:hover {transform: scale(1.2); z-index:1}
.infolist li div.price { color:#FF552E; line-height:20px; font-size:14px; padding:7px 0 3px 0;}
.infolist li div.text a{ color:#333; font-size:14px; line-height:20px; height:40px; overflow:hidden}
.infolist li div.text a:hover { color:#FF552E; text-decoration:none}
*/
.column_list_info ul li div a { text-decoration:none; color:#666}
.column_list_info ul { padding-top:20px;font-family:Verdana, Arial; display:block; width:100%; float:left}
.column_list_info ul li { float:left; width:220px; border:#EEE solid 1px; height:365px; margin-right:20px; margin-bottom:20px; overflow:hidden;}
.column_list_info ul li:hover { border:#FF7300 solid 1px}
.column_list_info ul li div { line-height:20px;}
.column_list_info ul li div.title { color:#333333; padding:0 10px; height:40px; overflow:hidden}
.column_list_info ul li div.company { padding:5px 10px 10px 10px; border-bottom:#EEE solid 1px}
.column_list_info ul li div.company a{ color:#999}
.column_list_info ul li div.price { padding:10px 10px 5px 10px; color:#F60; height:20px;}
.column_list_info ul li div.price em { color:#F60;font-style:normal; font-size:14px; position:relative;  left:-2px}
.column_list_info ul li div.price span { float:right; color:#999999; font-size:12px}
.column_list_info ul li div.place { padding:5px 10px; color:#999999; height:25px; line-height:25px}
.column_list_info ul li.noborder { margin-right:0}
.column_list_info ul li div.img { width:220px; height:220px; overflow:hidden}
.column_list_info ul li div.img img{ cursor: pointer; transition: all 0.8s;} 
.column_list_info ul li div.img img:hover{ transform: scale(1.1);}  
.column_list_info ul li div a:hover{ text-decoration:none; color:#FF6600}
.column_list_info ul li div span.authcert {  position:relative; top:3px; right:0; margin-left:5px; background:url(images/list-ico-cert.png); display:inline-block; width:20px; height:14px}
.column_list_info ul li div span.authcontact { position:relative; top:3px; right:0; margin-left:5px; background:url(images/list-ico-cert.png) 0 -20px; display:inline-block; width:20px; height:14px}
/*信息详细页*/
.info-side-block { border:#E5E5E5 solid 1px; padding:10px 19px;}
.info-detail-title { padding:5px 0;}
.ititle-withline { border-bottom:#EEE solid 1px; margin-bottom:12px; padding-bottom:12px;}

.info-side-catlist { border-top:#E5E5E5 solid 1px; padding-top:12px; margin-top:5px}
.info-side-catlist span {padding:2px 16px 2px 0; line-height:24px; display:inline-block; font-size:14px; background:url(images/catlist-line.gif) left center no-repeat}

/*侧边内页友链*/
.info-side-links {}
.info-side-links li { line-height:16px; padding:5px 0}

.info-detail { border:#E5E5E5 solid 1px; padding:10px 19px; position:relative;}
.info-detail-type { position:absolute; right:0; top:0;}
.info-detail-type .t0 { background:url(images/info-type-0.png) no-repeat; width:48px; height:48px; display:inline-block}
.info-detail-type .t1 { background:url(images/info-type-1.png) no-repeat; width:48px; height:48px; display:inline-block}
.info-detail-type .t2 { background:url(images/info-type-2.png) no-repeat; width:48px; height:48px; display:inline-block}
.info-detail-type .t3 { background:url(images/info-type-3.png) no-repeat; width:48px; height:48px; display:inline-block}

.info-detail .info-title {border-bottom:#EEE solid 1px; padding-bottom:10px;}
.info-detail .info-title h1 { padding:6px 0 12px 0; line-height:140%; font-size:28px; font-weight:normal; color:#555}

.info-detail .show-detail { position:relative;}
.info-detail .show-detail .vip-ico {position:absolute; right:40px; top:-10px; background:url(images/vip-ico.png) no-repeat;/*opacity:0.2;*/ height:100px; width:60px; display:none}
.info-detail .info_options { width:500px;}
.info-detail .show-detail td { color:#333333;}
.show-detail-main td{ padding:11px}

.btn-inquiry { padding:8px 25px; margin:0 6px; border:#FF7300 solid 1px; width:100px; cursor:pointer; text-align:center; background-color:#FF7300; color:#FFFFFF; display:inline-block; font-size:16px; border-radius: 3px; -moz-border-radius: 3px}
.btn-contact { border:#F2DCBC solid 1px; color:#F60; background-color:#FFF5EC; color:#FF712B}
.btn-inquiry:hover { text-decoration:none; background-color:#FF6600; color:#FFF; border:#FF6600 solid 1px}
.btn-contact:hover { text-decoration:none; background-color:#FF7300; color:#FFF; border:#FF7300 solid 1px}

.info-content { color:#444; line-height:210%; padding:8px 0}
.info-content p{ margin:0; padding:5px 0}

.img_box {width:350px; height:350px; overflow:hidden; background:url(images/imgbg.png);}

.bdsharebuttonbox span { float:left; padding:0 4px}
		
.info-nav { border-bottom:#FF7300 solid 1px}
.info-nav .info-nav-list {font-size:18px; background-color:#FFF; line-height:36px; height:36px; display:inline-block; padding:0 20px; color:#333; cursor:pointer}
.info-nav .info-nav-list a { color:#333}
.info-nav .info-nav-list a:hover { text-decoration:none}
.info-nav .focus { background-color:#FF7300; color:#FFF}
.info-nav .focus a { color:#FFF; text-decoration:none}

.info-mylist { display:inline-block; padding-top:5px}
.info-mylist li{float:left; width:427px; padding:6px 20px 6px 0; line-height:150%; color:#666;text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.info-mylist li a { color:#333333}
.info-mylist li a:hover { color:#F60; text-decoration:none}
.info-mylist li span { font-family:"宋体"; display:none}

.info-contact { line-height:20px}

.info-qrcode img{ padding:15px 0}
.info-tag {width:320px; height:20px; word-break:break-all; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:20px}

.info-bottom-list { padding:10px 0;display:inline-block; color:#555;}
.info-bottom-list label{width:100px;text-align:left;margin-right:10px;float:left;line-height:28px}
.info-bottom-list div{width:1075px;line-height:28px;float:left}
.info-bottom-list div span{ margin-right:18px; float:left}
.info-bottom-list div span a{ color:#555}
.info-bottom-list div span a:hover{ color:#F60}

/*相关搜索*/
.relative-word {border:#EEE solid 1px; border-top:#06C solid 2px; background-color:#F7F9FD; padding:5px 10px;}
.relative-word strong,.relative-word span { line-height:26px; height:26px; display:inline-block; width:145px; padding-right:8px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.relative-word strong { width:100%;}

.title-tool { height:14px; line-height:14px;}
.title-tool span a{ display:inline-block; margin-right:12px; margin-left:2px; text-indent:1.3em; background:url(images/shop-btn-bg.png) left no-repeat; opacity:0.8}
.title-tool span a:hover { color:#F60;}
.title-tool span.t1 a{ background-position:0 2px}
.title-tool span.t2 a{ background-position:0 -19px}
.title-tool span.t3 a{ background-position:0 -39px}
.title-tool span.t4 a{ background-position:1px -59px; margin-left:0;}
.title-tool span.t5 a{ background-position:0 -78px; text-indent:1.5em}
.title-tool span.t6 { display:inline-block; margin-right:12px; margin-left:2px; text-indent:1.3em; background:url(images/shop-btn-bg.png) 0 -98px no-repeat;opacity:0.8}


/*公司商铺页面*/
.companyname { background:url(images/shopbg.jpg); height:180px; position:relative}
.companyname h1 { font-size:28px; font-weight:normal; line-height:120%; color:#FF552E; position:relative; top:40px; left:40px}
.companydetail { border:#E5E5E5 solid 1px;}
.companyname .vip-ico { position:absolute; top:0; right:60px;background:url(images/vip-ico.png) no-repeat;/*opacity:0.2;*/ height:100px; width:60px; display:none}

.title-tool { height:14px; line-height:14px;}
.title-tool span a{ display:inline-block; margin-right:12px; margin-left:2px; text-indent:1.3em; background:url(images/shop-btn-bg.png) left no-repeat; opacity:0.8}
.title-tool span a:hover { color:#F60;}
.title-tool span.t1 a{ background-position:0 2px}
.title-tool span.t2 a{ background-position:0 -19px}
.title-tool span.t3 a{ background-position:0 -39px}
.title-tool span.t4 a{ background-position:1px -59px; margin-left:0;}
.title-tool span.t5 a{ background-position:0 -78px; text-indent:1.5em}
.title-tool span.t6 { display:inline-block; margin-right:12px; margin-left:2px; text-indent:1.3em; background:url(images/shop-btn-bg.png) 0 -98px no-repeat;opacity:0.8}

.shop-keyword { position:relative; top:50px; left:40px; line-height:26px; font-size:14px; color:#222; float:left; display:inline-block; width:500px; height:78px; overflow:hidden;}
.shop-keyword a{ color:#222;}
.shop-keyword a:hover { color:#F60; text-decoration:none}


.shopmenu { background-color:#222; height:36px; line-height:36px;}
.shopmenu span {  display:inline-block; font-size:16px}
.shopmenu span.selected { background-color:#444}
.shopmenu span a { color:#FFF;padding:0 30px; text-decoration:none;height:36px; line-height:36px}
.shopmenu span a:hover { color:#999;}

.companydetail .contact { padding:10px 19px 0 19px; position:relative; height:320px}
.companydetail .contact ul { position:absolute; left:485px; top:10px;}
.companydetail .contact li{ line-height:38px; height:38px; border-bottom:#EEE dashed 1px; width:450px; word-break:break-all; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:15px;}
.companydetail .contact div { float:left; width:450px; top:5px; position:absolute}
.companydetail .contact li img { vertical-align:middle}

.company-content { border:#E5E5E5 solid 1px; border-top:0; padding:0 19px; width:830px;}

.shopcolumn .shopcontent { line-height:200%;}
.shopcolumn .shopcontent p { margin: 10px 0}
.shopcolumn .relist { display:inline-block; width:100%}
.shopcolumn .relist span,.shopcolumn .relist li{ float:left; width:160px; line-height:26px; height:26px;word-break:break-all; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-right:20px}
.shopcolumn .relist span { width:95px; padding-right:10px; word-break:break-all; text-overflow:ellipsis; white-space:nowrap;}

.company-detail-menu span { width:90px; padding:5px 0; display:inline-block;}
.company-detail-menu span a { color:#333333}
.company-detail-menu span.selected a{ color:#F60}

/*Message*/
.messagebox { padding:6px 0}
.messagebox td { border-bottom:#EEE dotted 1px; padding-top:12px; padding-bottom:12px;}

.messagebox .input { float:left; margin-right:8px; border-bottom:#EEE solid 1px; border-right:#EEE solid 1px; border-top:#bbb solid 1px; border-left:#bbb solid 1px; height:28px; line-height:28px; width:300px; padding-left:4px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#444; font-size:14px}
.messagebox .submit { padding:8px 15px; font-size:14px; color:#FFFFFF; background:#FF7300; border:0; cursor:pointer;font-family:'\5FAE\8F6F\96C5\9ED1'}
.messagebox .select {font-size:14px; color:#333333; border:#CCCCCC solid 1px; float:left; margin-right:8px}

.messagebox .boxleft{ font-size:14px; color:#666666; padding-right:15px}
.messagebox label {height:32px; line-height:32px; padding-left:26px;}
.messagebox .onshow { background:url(images/onShow.gif) 3px center no-repeat; color:#888888; padding-left:26px}
.messagebox label.error { background:url(images/onError.gif) 3px center no-repeat; color:#FF0000}
.messagebox label.success { background:url(images/onCorrect.gif) 3px center no-repeat; color:#339900; float:left; padding:0 0 0 26px; font-size:12px; height:32px; line-height:32px; font-family:Tahoma, Verdana, Arial}

/*channel*/
.dirlist { border-left:#E5E5E5 solid 1px; border-right:#E5E5E5 solid 1px; border-bottom:#E5E5E5 solid 1px;}
.dirlist ul { padding:0 15px 10px 15px;}
.dirlist ul li {border-bottom:#E5E5E5 dotted 1px; line-height:24px; padding:7px 0; color:#ccc; font-size:14px}
.dirlist ul li a { color:#555;}
.dirlist ul li div { font-weight:bold}
.dirlist ul li span { color:#CCC; font-size:10px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; position:relative; top:-2px}
.dirlist ul li div span { color:#f60;}
.dirlist ul li div a { color:#06C; text-decoration:none}
.dirlist ul li a:hover { color:#F60}
/*mashup*/
.citylist { float:left; width:100%; font-size:14px;}
.citylist ul { border:#E5E5E5 solid 1px; border-top:0; padding:5px 9px}
.citylist span { font-size:14px; color:#666; width:180px; padding-right:8px; height:28px; line-height:28px; display:inline-block;word-break:break-all; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}


.tagintro { font-size:15px; border-bottom: #EEE solid 1px; padding: 10px 0; line-height:180%; color:#04253f}


.detail-side-infos {}
.detail-side-infos li { line-height:22px; font-size:14px; margin-bottom:10px; padding-bottom:10px; border-bottom:#EEE dotted 1px; overflow:hidden}
.detail-side-infos li:last-child { border-bottom:0; margin-bottom:0; padding-bottom:0}
.detail-side-infos li span{ float:left; display:inline-block; margin-right:10px; height:60px; width:60px; overflow:hidden; position:relative; top:5px;}
.detail-side-infos img { width:60px; }
.detail-side-infos li a { color:#555}
.detail-side-infos li a:hover { color:#FF552E}



.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #007bff !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded-sm {
  border-radius: 0.2rem !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}


.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}


.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}