html,body,h1,h2,h3,h4,h5,h6,div,ul,ol,li,dl,dt,dd,iframe,textarea,input,button,p,span,a,em,i,s,img,s,b,strong,form,label,table,tbody,tfoot,thead,tr,th,td,hr{margin:0;padding:0}
body{font:16px/2 "\5FAE\8F6F\96C5\9ED1",Tahoma,Arial,sans-serif;color:#333; min-width:1200px;background:#fff;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal;}
table {border-collapse:collapse;border-spacing:0;}
em,i,s,b{font-style:normal;}
ol,ul{list-style: none;}
img{border:none;}
a,textarea,select,input{resize:none;outline:none; font-family:"\5FAE\8F6F\96C5\9ED1",Tahoma,Arial,sans-serif;}
a{color:#333;text-decoration:none;-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s; transition:all .2s ease-out 0s;}
a:hover {text-decoration:none;color:#1263D3;}
a:hover img{opacity: 0.9;filter:alpha(opacity=90);}
::-webkit-input-placeholder {color:#999;} 
:-moz-placeholder {color:#999;} 
::-moz-placeholder {color:#999;} 
:-ms-input-placeholder {color:#999;}
.clearfix:after {content:"\200B"; display:block; height:0; clear:both;}
.clearfix {*zoom:1;}

@font-face {
  font-family: "iconfont"; 
  src: url('https://at.alicdn.com/t/c/font_3901476_gyjtr5j2wu.woff2?t=1676613767726') format('woff2'),
       url('https://at.alicdn.com/t/c/font_3901476_gyjtr5j2wu.woff?t=1676613767726') format('woff'),
       url('https://at.alicdn.com/t/c/font_3901476_gyjtr5j2wu.ttf?t=1676613767726') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-xiala:before {
  content: "\e6b9";
}

.icon-left-1:before {
  content: "\e603";
}

.icon-right-1-copy:before {
  content: "\e61f";
}

.icon-liuyan:before {
  content: "\e638";
}

.icon-shang:before {
  content: "\e63c";
}

.icon-guanbi:before {
  content: "\eb6a";
}

.icon-shijian:before {
  content: "\eb2a";
}

.icon-eye:before {
  content: "\e636";
}

.icon-search:before {
  content: "\e6e1";
}

.icon-tupian:before {
  content: "\e610";
}


.wrap{width:1200px;margin:0 auto;}
.bggray{background: #f3f4f7;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.pd15{padding:15px;}
.fl{float:left;}
.fr{float:right;}
.box860{width:860px;}
.box300{width:300px;}

.header{padding: 20px 0;}
.logo{float: left;width: 210px;height: 74px;margin-right: 20px;}
.channel-name{float:left;line-height:30px ;height:30px;margin:20px 0 0 20px;font-size:30px;font-weight: bold;color:#ccc; font-family: Tahoma,Arial,"微软雅黑",sans-serif; }
.search-box{float:left;margin-left: 80px;margin-top: 10px;}
.search{position: relative;width:430px;height:34px;border:2px solid #f5a801;margin-top:6px;border-radius: 4px;}
.search-text{float:left;width:310px;height:24px; line-height:24px;padding:5px 10px 5px 40px;border:0 none;font-size: 14px;}
.search-btn{float:left;width:70px;height:34px;background:#f5a801; font-size:16px;border:0 none; color:#fff;cursor: pointer;}
.search .icon-search{ position:absolute;top:6px;left:4px;height: 24px;line-height: 24px; font-size: 24px;color: #f5a801}
.hot-search{height:24px;line-hegiht:24px;margin-top:6px;}
.hot-search p,.hot-search a {float:left;font-size: 12px;color: #666;}
.hot-search a {color: #7fc5f9;margin-right: 14px;}
.hot-line{float: right;width: 180px;}
.hot-line div{color: #888;font-size: 16px;}
.hot-line div i{font-size: 14px;}
.hot-line  p{line-height: 24px;font-size: 14px;}

.nav{height:48px;background:#264391;font-size:16px;}
.nav ul li{float:left;height:48px;font-size:16px;}
.nav ul li a{display:block;height:48px;padding:0 20px; line-height: 48px;color:#fff;}
.nav ul li a:hover{background-color:#1b3374;}
.nav ul li a.on{background-color:#142964;}
.city-zone{position: relative;float: left}
.city-zone ul {width: 340px; background: #fff; border-radius: 6px; -webkit-box-shadow: 0px 4px 16px 1px rgba(0,0,0,0.06); box-shadow: 0px 4px 16px 1px rgba(0,0,0,0.06);}
.city-zone ul li{position: relative;padding: 8px 20px;border-bottom: 1px solid #f6f8fa;cursor: pointer;}
.city-zone ul li i.iconfont{ position: absolute; top: 20px;right: 20px;font-size: 14px;color: #ccd6e5;}
.city-zone ul li:last-child{border: none;}
.city-zone ul li:hover{background-color: #f8fafd;}
.city-zone ul li .cha-zone{height: 25px;line-height: 25px;color: #333;font-size: 18px;font-weight: 500;letter-spacing: 0px;margin-bottom: 2px;}
.city-zone ul li .city-items{color: #999;font-size: 14px;letter-spacing: 0px;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
.city-zone ul li .city-items a{display: block; margin: 0 10px 0 0;-webkit-box-flex: 0;-ms-flex-positive: 0;flex-grow: 0;-ms-flex-negative: 0;flex-shrink: 0;color: #999;}
.city-zone ul li .city-items a:hover{color: #7fc5f9;}
.first-screen{float: right;width: 840px;}

.banner{position:relative;display:inline-block;width:840px;height:288px;overflow: hidden;-webkit-border-radius:6px;border-radius:6px;}
.banner-list{width:100%;}
.banner-list ul li{position:absolute;width:840px;height:288px;display:none;}
.banner-list ul li:first-child{display:block;}
.banner-list ul li a{display:block;width:840px;height:288px;}
.banner-control{position:absolute;left:0;bottom:10px; width:100%; text-align: center; z-index:9;}
.banner-control ul li{display:inline-block;}
.banner-control ul li{display:inline;width:0;height:0;font-size:0;color:#000;padding:6px; margin-left: 8px;background: #fff;cursor: pointer;overflow: hidden;-webkit-border-radius:100%;-moz-border-radius:100%; border-radius:100%;filter:alpha(opacity=60);-moz-opacity:.6;-khtml-opacity:.6;  opacity:.6;}
.banner-control ul li.on{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;  opacity:1; background:#53a2ef;}
.banner-mask{ z-index:8;position:absolute;left:0;bottom:0; width:100%;height:80px; background: linear-gradient(to bottom,transparent,rgba(0,0,0,1));}
.banner-title{ z-index:9;position: absolute;left: 0;bottom: 28px;width: 100%;padding:0 20px;font-size: 18px;text-align: center; box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.banner-title a{color: #fff;}

.ly-rec { overflow: hidden; }
.ly-rec ul{width: 849px;}
.ly-rec ul li{float: left;dislay: inline-block;width:274px;height: 182px;margin-right: 9px;}
.ly-rec ul li .thumb{width:274px;height: 182px;}
.ly-rec ul li a{display: block; position: relative;width:274px;height: 182px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; overflow: hidden;}
.ly-rec ul li a:after{content: ""; position: absolute;bottom: 0;left: 0;width: 100%;height: 80px;background: linear-gradient(to bottom,transparent,rgba(0,0,0,1));}
.ly-rec ul li .infos{ z-index: 2; position: absolute;bottom: 0;left: 0;width: 254px;padding: 0 10px;height: 48px;color: #fff;}
.ly-rec ul li .infos .tit{height: 32px;line-height: 32px;font-size: 18px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.ly-rec ul li .infos .write{margin-top: 5px;height: 20px;line-height: 20px;font-size: 13px;}
.ly-rec ul li .infos .write .portrait{display: inline-block;width: 20px;height: 20px;margin-right: 5px; vertical-align: middle;}
.ly-rec ul li .infos .write .portrait img{width: 20px;height: 20px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
.hot-cards{padding: 20px 0;}
.tl-title .bt{float: left;font-size: 24px;color: #282828;font-weight: 700;}
.tl-title .more {float: right;position: relative;display: inline-block;height: 44px;line-height: 44px;padding-right: 16px;color: #a78f8f;font-size: 14px;}
.tl-title .more:before {content: '';position: absolute;top: 0;bottom: 0;right: 8px;display: inline-block; width: 4px; height: 4px;-webkit-border-radius: 50%;margin:auto;-moz-border-radius: 50%;border-radius: 50%;background: #b2b3c5;}
.tl-title .more:after {content: '';position: absolute;top: 0;bottom: 0;right: 0;display: inline-block;width: 4px;height: 4px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: #ddd; margin: auto;}


.hot-card-cities ul li{float: left;display: inline-block;padding: 0 20px;margin-right: 16px;background: #fff;text-align: center;border-radius: 4px;font-size: 16px;cursor: pointer;}
.hot-card-cities ul li.on,.hot-card-cities ul li:hover{background: #fe8100;color: #fff;}
.hot-card-cont{display: none;overflow: hidden; }
.hot-card-cont.disb{display: block;}
.hot-card-cont ul{width: 1237px;}
.hot-card-cont ul li{float: left;display: inline-block;width: 210px;height: 290px;margin-right: 37px;margin-top: 30px;}
.hot-card-cont ul li .bt{height: 36px;line-height: 36px;color: #222;font-size: 22px;font-weight: 700;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hot-card-cont ul li .ms{height: 28px;line-height: 28px;font-size: 16px;color:#999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.hot-cities{float: left;width:160px;}
.hot-cities .title{height: 28px;line-height: 28px;font-size: 16px;padding-bottom: 6px; border-bottom: 1px solid #eee;}
.hot-cities ul li{height: 28px;padding: 8px 0;line-height: 28px;font-size: 13px;border-bottom: 1px solid #f4f4f4;}
.hot-cities ul li:last-child{border-bottom: 0 none;}
.hot-cities ul li span{padding-right:10px;font-weight: bold;color: #ff9d00}
.hot-cities ul li a{color: #111;}
.hot-cities ul li a:hover{color: #ff9d00;text-decoration: underline;}
.strategy-list{float: right;width: 1000px;}
.box860 .strategy-list{float: none;width: auto;}
.strategy-list .title{height: 28px;line-height: 28px;font-size: 18px;padding-bottom: 6px; border-bottom: 1px solid #eee;}
.strategy-list ul li{padding: 20px 0;border-bottom: 1px solid #f6f8fa; overflow: hidden;}
.strategy-list ul li:last-child{border-bottom: 0 none; }
.strategy-list ul li .thumb{float: left;display: inline-block;width: 290px;height: 190px;margin-right: 20px;-webkit-border-radius:6px;-moz-border-radius:6px; border-radius:6px;overflow: hidden; }
.strategy-list ul li .bt{height:30px;line-height: 30px;font-size: 22px;margin-bottom:20px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.strategy-list ul li .ms{max-height:84px;margin-bottom: 20px;line-height: 28px; font-size: 14px;font-weight: 400; color: #888;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden;}
.strategy-list ul li .infos{color: #aaa;font-size: 13px;}
.strategy-list ul li .infos span{margin-right:20px;}
.strategy-list ul li .infos span i{margin-right: 2px;}

.friends-tabs {position: relative;height:46px;border-bottom: 1px solid #ddd;}
.friends-tabs div {float: left;width:100px; text-align:center;font-size:18px;height:46px; line-height:46px;color: #333;cursor: pointer;}
.friends-tabs .line {position: absolute;bottom: -1px;left: 35px;display: block;width: 30px;height: 2px;background: #264391;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.friends-cont{padding:15px 0;}
.friends-box{display:none;}
.friends-box.curent{display:block;}
.friends-box ul li{float:left;height:30px; line-height: 30px; font-size:14px; word-wrap: break-word;word-break: keep-all;overflow: hidden;}
.friends-box ul li a{padding: 0 8px;color: #999;}

.footer{padding:20px 0;background:#262a2e; font-size:14px;color:#555;}
.footer a{color:#aaa}
.footer a:hover{color:#f20;}
.footer-meau{margin-bottom:8px;}
.footer-meau li{float:left;height:32px; line-height:32px;padding-right:15px; color:#424242;}
.footer-meau li a{color:#aaa}
.bread,.bread a{font-size:13px;color:#999;}  
.bread a:hover{color:#f20;}



.search-cate-box {padding: 20px;background: #fff;border: 1px solid #eee;margin: 10px 0;-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .1);-moz-box-shadow: 0 0 4px rgba(0, 0, 0, .1); box-shadow: 0 0 4px rgba(0, 0, 0, .1);}
.search-cate-box .labels {float: left;}
.search-cate-box .labels  p {float: left;font-size:16px;line-height:36px;color: #333;font-weight: 600;}

.search-cate-box .clasrh { position: relative;float: left;width: 1040px; margin-left: 33px;}
.search-cate-box .clasrh .all { float: left; width: 50px;margin:8px 17px 0 0;border-radius: 10px;font-size:14px; line-height: 26px; color: #333;text-align: center;cursor: pointer;}
.search-cate-box .clasrh .all.on{background: #E00B0B;}
.search-cate-box .clasrh .all.on a{color: #fff;}
.search-cate-box .clasrh .list {float: left;width: 890px;padding-top: 8px;}
.search-cate-box .clasrh .list li {float: left;padding: 0 13px;color: #666;line-height:26px;font-size:14px;margin-bottom: 5px;border-radius: 10px;cursor: pointer;}
.search-cate-box .clasrh .list li a {color: #666;}
.search-cate-box .clasrh .list li.on {background: #f9a411;}
.search-cate-box .clasrh .list li.on a{color:#fff;}

.pages {margin-top: 20px;text-align:center; clear:both;}
.pages span,.pages a {display:inline-block; margin-right:2px;margin-bottom:10px; color:#666;background:#fff;}
.pages a,.pages span {padding:8px 16px; border:1px solid #e6e6e6; }
.pages a:hover,.pages a.on {background: #264391; border:1px solid  #264391; color:#fff; text-decoration:none; }
.pages ul li{display:inline-block; margin-right:2px;margin-bottom:10px; color:#666;}
.pages ul li.thisclass{padding:8px 16px;background: #264391; border:1px solid  #264391; color:#fff; text-decoration:none; }

.title-b{height:44px; line-height:44px;background:#264391;font-size:18px;color:#fff; text-align:center;}
.today-hot-list ul li{padding: 15px; overflow: hidden;}
.today-hot-list ul li .img{position:relative;float:left;width:120px;height:74px; overflow: hidden;}
.today-hot-list ul li .img img{ -webkit-transition: all .2s ease-out 0s;-o-transition: all .2s ease-out 0s;transition: all .2s ease-out 0s}
.today-hot-list ul li .img:hover img{-webkit-transform: scale(1.04);-ms-transform: scale(1.04);transform: scale(1.04);}
.today-hot-list ul li .info{float:right;width:136px;}
.today-hot-list ul li .info p{margin-bottom: 8px;font-size:16px;color: #333;line-height: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.today-hot-list ul li .info span{font-size: 12px;color: #b3b2b2;}
.today-hot-list.card ul li{padding:15px 0;border-bottom:1px solid #eee;}
.today-hot-list.card ul li:last-child{border-bottom:0;}
.today-hot-list.card ul li .info{width:156px;}
.title-a {height:40px;line-height:40px;font-size: 20px;font-weight: 600;color: #333; border-bottom: 1px #e5e5e5 solid;padding-bottom: 6px;}
.title-a span {position:relative;float:left;height:40px; line-height: 40px; padding-bottom: 6px;border-bottom: 1px  solid #264391 }
.title-a span strong {color:#264391;}
.title-a span.hot::after { content: '';position: absolute;top:-5px;right:-20px;display: block; width: 17px;height: 12px;background: url(../images/hot_1.png) no-repeat;}
.title-a .more{float: right;color: #999;font-size: 14px; font-weight: normal; margin-top: 6px;}
.fix-dyn{width:300px;}
.hot-vote{padding:15px 15px 5px 15px;overflow:hidden;}
.hot-vote ul{width:300px;}
.hot-vote ul li{float:left;width:126px;height:158px;margin-right:24px;margin-bottom:10px;}
.hot-vote ul li .img-box{position:relative;display:block;width:126px;height:126px;overflow:hidden;}
.hot-vote ul li .img-box img{width:126px;height:126px;}
.hot-vote ul li .bt{margin:8px 0;height:20px;line-height:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}