/*--------------------------------------
作者：蓝枫
日期：2017/11/06
内容：2017新版头尾公共样式
----------------------------------------*/
/*全局*/
*{/*transition:all 0.2s;-webkit-transition:all 0.2s;*/outline:0;}
html{font-size:62.5%}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li, pre,form,fieldset,legend,button,input,textarea, th,td{margin: 0;padding: 0;}
body,button,input,select,textarea/* for ie */{font: 12px/1.5 \5FAE\8F6F\96C5\9ED1, tahoma,arial,\5b8b\4f53,sans-serif;}
h1,h2,h3,h4,h5,h6,i,em{font-size: 100%; font-weight:normal; font-style: normal;}
ul,ol,li{list-style: none;}
/* 锚点样式 */
a{color:#31424e;text-decoration:none}
a:link,a:visited{text-decoration:none;color:#31424e}
a:hover{color: #1590e3;/*  color:#f21e46*/}
img {vertical-align: middle;}
/* 重置 HTML5 元素 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{display: block;margin: 0;padding: 0;}
mark{background: #ff0;}
img{border: none;vertical-align:top;}
iframe{border-style:none;}
/* 清理浮动 */
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{zoom: 1;}
/*公用*/
.pull-left{float:left!important} .pull-right{float:right!important} 
.bdTop {border-top:1px solid #eee;}
.bdnone{border: none !important}
.fl{float: left;}
.fr{float: right;}
/*背景颜色*/
.bg-white{background-color:#fff;position: relative;overflow hidden}
.bg-gray{background-color:#f8f8f8; position: relative; overflow hidden} 
.bg-ecef{background: #eceff1;overflow:hidden;}
/* 背景和边框 */
.bdnone{border: none !important}
.bgnone{background: none !important}
.marT15{margin-top:15px !important;}
.marT20{margin-top:20px !important;}
.marB20{margin-bottom:20px !important;}
.marT30{margin-top:30px !important;}
.marB30{margin-bottom:30px !important;}
.marT25{margin-top:25px !important;}
.marB25{margin-bottom:25px !important;}
.marT40{margin-top:40px !important;}
.marB40{margin-bottom:40px !important;}
.marT50{margin-top:50px !important;}
.marB50{margin-bottom:50px !important;}
.padT20{padding-top:20px !important;}
.padB20{padding-bottom:20px !important;}
.padB30{padding-bottom:30px !important;}
/*通用属性*/
.container{width:1100px; margin: 0 auto; padding:0; position:relative; }
.main{display:block; position: relative; clear: both;}
.wrap{display:block; width:100%; position: relative; clear: both;}
.wrap-cont{display:block;}
.wrap-left{width:770px; float: left;}
.wrap-right{width:300px; float: right;}
.mod-hd,.mod-bd{display:block;position: relative;clear: both;}
.mod-cont{display:block;}
/*topbar*/
.topbar {height:35px;line-height:35px;background: #1F2C40;border-bottom: 1px solid #eee;} 
.topbar .top-left {float:left; display:inline-block;}
.topbar .top-left .site-intro {float:left;line-height:35px;font-size:14px;text-align:center;color: #f5f5f5;overflow:hidden;}
.topbar .top-right {float:right;display:inline-block;color: #fff;}
.topbar .navul li.top-tit{ float:left; width:auto; height:35px;}
.topbar .navul li.top-tit a{display:block;height:35px;margin:0px 0px 0px 5px;color: #f5f5f5;text-decoration:none;}
.topbar .navul li.top-tit a:hover{color:#FF4F53;text-decoration:none;}
.topbar .navul li.top-tit a b{ display:block; float:left; width:17px; height:17px; background:url(../images/top_bg_ico.png) no-repeat; margin:9px 6px 0px 6px;}
.topbar .navul li.top-tit a b.icon1{ background-position:0px -245px;}
.topbar .navul li.top-tit a b.icon2{ background-position:-25px -245px;}
.topbar .navul li.top-tit a h4{ float:left; line-height:35px; font-weight:normal; font-size:14px;} 
.topbar .navul li.top-login { float: left;  position: relative; z-index: 1000; line-height: 35px;font-size:14px;}
.topbar .navul li.top-login #login-block .yacht-log { background: #3598db; width: 63px; height: 26px; padding: 0; margin-top: 4px; line-height: 26px; color: #fff; text-align: center; border-radius: 3px;}
.topbar .navul li.top-login #login-block a { padding: 0 20px 0 20px; color: #FFF; float: left;  position: relative;}
.topbar .navul li.top-login #login-block img { float: left; margin-top: 5px;  margin-left: 6px;}

.personal-center {float: right;margin: 0 8px 0 0;/* width: 310px; */}
.personal-center a { float: right; padding: 0;color: #eee; }
.personal-center a:hover {color: #e05a5a; }
.personal-center .personal-welcome {float: left;color: #999;}
.personal-center .personal-welcome .personal-name{}
.personal-center .personal-msg{ background: url(//icon.zol-img.com.cn/mainpage/2017/normal/index-icon-201704.png) no-repeat;}
.personal-center .personal-msg { float: right;margin: 12px 0 0 20px; position: relative; float: right; width: 16px;height: 13px;background-position: -15px -544px;}
.personal-center .personal-login-out { float: right; margin-left: 20px;}




/*navMenu*/
.navbar{ position:relative; height:50px; margin-bottom:0px; padding: 15px 0; background:#fff; box-shadow:0 1px 4px 0 rgba(0,0,0,.12)}
.navbar .nav-menu{position: relative;width:1100px;margin:0 auto;height:100%;text-align:left;}
.navbar .nav-menu .logo{width:168px;height:51px;float:left;margin-left:0px;margin-top:0px;/*background:url(../images/logo.png) no-repeat;text-indent:-10000px;*/}
.navbar .nav-menu .logo img{width:auto;height:40px;margin-top:10px;}
.navbar .nav-menu .nav-box{width:880px;float:left;height:100%;overflow:hidden;margin-left:20px;display:inline;}
.navbar .nav-menu .navList{display:table;*display:block;width:880px; height:100%; margin:0px auto;}
.navbar .nav-menu .navList li{height:50px; line-height:50px; display:table-cell;*display:inline; min-width:1%; float:none;*float:left; text-align:center; vertical-align:middle}
.navbar .nav-menu .navList li a{display:block; padding:0 1px; *padding:0 1px; font-size:16px; /*line-height:45px; height:45px;*/ text-align:center; position:relative;}
.navbar .nav-menu .navList li a i{position:absolute;top:16px;right:0px;display:block;height:18px;width:0;overflow:hidden;border-left: 1px dotted #969ea2;/* border-right:1px solid #019cf6; */}
.navbar .nav-menu .navList li.active,.navList li:hover{background-color: #fff;}
.navbar .nav-menu .navList li.active a{color: #1590e3;font-weight:bold;}
.navbar .nav-menu .navList li:last-child a i{border-left: 0px dotted #969ea2;}

/*location*/
#location{position:relative;margin: 0px auto;padding: 8px 0;width:1100px;/* height: 36px; */line-height: 36px;font-size:14px;color:#666;border-bottom: 0px #eee solid;overflow: hidden;}
#location .ico n-home{width:18px;height:14px;margin-right:12px;vertical-align:middle;background:url(../images/ic on_home.gif) no-repeat left top;display:inline-block;}
#location .right{width 300px;height:35px; top:0px;right:0px;}


.search{ float: right;width: 280px;height: 32px; border: 1px solid #e8e8e8; margin-top: 1px; border-radius: 5px; padding: 0 10px; position:relative; background: #fff;}
.search form{ height: 100%; float: left;}
.search form:after{ content: ""; height: 0; clear: both; visibility: hidden; display: block;}
.search input{ display: block; width: 255px; height: 32px; padding: 0; border: none;}
.search input:focus{ outline: none;}
/*..search input::-webkit-input-placeholder{font: 12px/32px "MicrosoftYaHei"; color: #b1b1b1;}*/
.submit{ width: 18px; height: 17px; display: block; background: url(../images/icon1.png) no-repeat -298px -94px; background-size: 400px auto; float: right; display: block; margin-top: 8px; cursor: pointer;}

/* 分页样式*/
.list_page {margin: 15px 5px;}
.pageLink {line-height:36px;clear:both; font-family:"Microsoft Yahei", simsun;}
.pageLink a,.list_page a {margin:0px 3px;padding: 7px 11px 7px;border:1px solid #eee; border-radius: 5px; background:#eee;text-align: center;display: inline;font-size: 14px;}
.pageLink a:hover,.list_page a:hover{border: 1px solid #00a0e2; border-radius: 3px; background: #00a0e2; color:#FFF;text-align: center;font-weight: normal;text-decoration: none;}
.pageLink b{margin:0px 3px;padding: 8px 12px 8px;border:0px solid #00a0e2; border-radius: 5px; background:#00a0e2; color:#FFF;text-align: center;display: inline;font-size: 14px;}
/*分页样式2*/
.showpage .epages {text-align: center;}
.epages{margin:15px 0 0;line-height:36px;font-family:"Microsoft Yahei", simsun; text-align: center; font-size: 14px;}
.epages *{vertical-align:middle;}
.epages a{margin:0px 3px;padding:7px 11px 7px;border:1px solid #eee; border-radius: 3px; background:#eee;text-align:center;text-decoration:none;font-family:"Microsoft Yahei", simsun;}
.epages a:hover{border:#00a0e2 1px solid; background:#00a0e2;text-decoration:none;color:#FFF}
.epages input{margin-bottom:0px;border:1px solid #0096A5;height:15px;padding-bottom:1px;padding-left:1px;margin-right:1px;color:#0096A5}
.epages b{margin:0px 3px;padding:8px 12px 8px;border:0px solid #00a0e2;  border-radius: 5px; background:#00a0e2; color:#FFF;text-align:center;text-decoration:none;}

/* footder */  
.footer {width:100%; margin:0px; padding:15px 0; background: #1F2C40; text-align: center; color: #a4aec7; font-size:12px;font-size:1.2rem;overflow:hidden}
.footer a {color: #a4aec7; text-decoration: none; }
.footer a:hover { text-decoration: underline; }
.footer p{line-height:30px; }
.footer p.feet-nav{ font-size:14px; }
.footer p.feet-nav a {margin:0 8px;color: #a4aec7; text-decoration: none; }
.footer p.cp{font-size:12px;}

/*irankul*/
.irankul{overflow:hidden;margin-top: -10px;}
.listrank{overflow:hidden;height:auto;display:none;}
.irankul li{overflow:hidden;clear:both;line-height:42px;height:42px;font-size:14px;position:relative;border-bottom:1px solid #f2f2f2;}
.irankul li a.tit{line-height:42px;height:42px;overflow:hidden;display:block;}
.irankul li a.img{display:none;padding:10px;background:#eee;position:relative;height:75px;}
.irankul li a.img .fa{position:absolute;left:30px;top:-8px;color:#eee;font-size:22px;}
.irankul li a.img img{width:100px;height:75px;float:left;margin-right:10px;}
.irankul li a.img p{float:left;width:150px;line-height:24px;height:72px;overflow:hidden;font-size:12px;color:#666;}
.irankul li span.num{display:block;width:20px;height:20px;line-height:20px;text-align:center;background:#ccc;color:#fff;float:left;margin-right:10px;margin-top:12px;}
.irankul li p.num{position:absolute;right:10px;top:0px;height:42px;line-height:42px;color:#999;font-size:12px;margin-left:10px;}
.irankul li span.num1{background:#E5372E;color:#fff;}
.irankul li span.num2{background:#F6B413;color:#fff;}
.irankul li span.num3{background:#32B16C;color:#fff;}
.irankul.newul li.on{background:none;padding-right:0px;}
.irankul li.on{height:auto;}
.irankul li.on a.img{display:block;}


@font-face {
    font-family: 'iconfont';  /* project id 313444 */
    src: url('https://at.alicdn.com/t/font_lh3t33bqmmkg9zfr.eot');
    src: url('https://at.alicdn.com/t/font_lh3t33bqmmkg9zfr.eot?#iefix') format('embedded-opentype'),
    url('https://at.alicdn.com/t/font_lh3t33bqmmkg9zfr.woff') format('woff'),
    url('https://at.alicdn.com/t/font_lh3t33bqmmkg9zfr.ttf') format('truetype'),
    url('https://at.alicdn.com/t/font_lh3t33bqmmkg9zfr.svg#iconfont') format('svg');
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:20px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.icon,[class*=" icon-"],[class^=icon-]{display:inline-block;background-image:url(../images/icon.png);background-repeat:no-repeat;}
.icon-align{background-position:10px -182px;}
.icon-down{background-position:-58px -175px;}
.icon-back{background-position:-100px -187px}
.icon-phone{background-position:-84px -412px;}
.icon-tu{background-position:-30px -229px}
.icon-topic{background-position:-120px -229px}
.icon-special{background-position:-90px -229px}
.icon-ask{background-position:-60px -229px}
.icon-next,.icon-prev{position:absolute;top:0;z-index:2;width:39px;height:65px;text-indent:-9999em;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.icon-next{left:0;background:url(../images/icon-next.png) no-repeat}
.icon-prev{left:0;background:url(../images/icon-prev.png) no-repeat}
.icon-original{background-position:-25px -412px;}
.icon-hot{background-position:-45px -413px;}
.icon-tags{background-position:-65px -411px;}
.icon-new{background-position:0 -101px}
.icon-time{background-position:-134px 6px}
.icon-user{background-position:-134px -26px}
.icon-source{background-position:-132px -57px}
.icon-praise{background-position:-134px -160px}
.icon-praise.active{background-position: -134px -135px;}
.icon-msg{background-position:-134px -88px}
.icon-browse{background-position:-134px -111px}
.icon-search{background-position:-130px -184px}
.icon-support{background-position:-134px -321px;}
.icon-support.active{background-position:-134px -345px;}
.icon-diagonal{background-position:-74px -47px;}
.icon-tag{background-position:-134px -219px;margin-right:8px;}
.icon-star{background-position:-133px -245px;}
.icon-star.active{background-position:-133px -271px;}
.icon-feedback{background-position:-134px -296px;}
.icon-catpc{background-position:0px -448px;}
.icon-catmp{background-position:-40px -449px;}