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:#f6f9fe url(../images/bg.png) no-repeat center 70px;}
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"; /* Project id 3924603 */
  src: url('https://at.alicdn.com/t/c/font_3924603_1z8ky0xe6lz.woff2?t=1683191451487') format('woff2'),
       url('https://at.alicdn.com/t/c/font_3924603_1z8ky0xe6lz.woff?t=1683191451487') format('woff'),
       url('https://at.alicdn.com/t/c/font_3924603_1z8ky0xe6lz.ttf?t=1683191451487') format('truetype');
}

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

.icon-fanhuidingbu1:before {
  content: "\e6c6";
}

.icon-erweima:before {
  content: "\e65f";
}

.icon-fankui:before {
  content: "\e60d";
}

.icon-zhuhai:before {
  content: "\e869";
}

.icon-xiamen:before {
  content: "\e67b";
}

.icon-baoding:before {
  content: "\e68b";
}

.icon-tangshan:before {
  content: "\e68c";
}

.icon-langfang:before {
  content: "\e68d";
}

.icon-zhangjiakou:before {
  content: "\e68e";
}

.icon-shijiazhuang:before {
  content: "\e668";
}

.icon-xingxing:before {
  content: "\e870";
}

.icon-zaixianzixun:before {
  content: "\e6a4";
}

.icon-wenda2:before {
  content: "\e673";
}

.icon-kucun:before {
  content: "\e627";
}

.icon-dajiaduzaikan:before {
  content: "\e61c";
}

.icon-resoubang:before {
  content: "\e62e";
}

.icon-lvyou:before {
  content: "\e60c";
}

.icon-dianpuzhuangxiu:before {
  content: "\e6bd";
}

.icon-quanwei:before {
  content: "\e66e";
}

.icon-more:before {
  content: "\e741";
}

.icon-xiangzuo:before {
  content: "\e609";
}

.icon-xiangyou:before {
  content: "\e60b";
}

.icon-paixingbang:before {
  content: "\e6c5";
}

.icon-pinpai1:before {
  content: "\e60a";
}

.icon-shouye:before {
  content: "\e607";
}

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

.icon-xia:before {
  content: "\e61b";
}

.icon-gengduo:before {
  content: "\e63e";
}

.icon-redian:before {
  content: "\e605";
}

.icon-iconfonthunshasheying2:before {
  content: "\e606";
}

.icon-toupiao:before {
  content: "\e6da";
}

.icon-pinpai:before {
  content: "\e6cd";
}

.icon-heilongjiang:before {
  content: "\e604";
}

.icon-anhuiditu:before {
  content: "\e62f";
}

.icon-changsha:before {
  content: "\e66d";
}

.icon-fuzhou:before {
  content: "\e67a";
}

.icon-guilin:before {
  content: "\e686";
}

.icon-zhengzhou:before {
  content: "\e690";
}

.icon-nanjing:before {
  content: "\e608";
}

.icon-hangzhou:before {
  content: "\e65c";
}

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

.icon-chengdu:before {
  content: "\e6be";
}

.icon-dali:before {
  content: "\e6cb";
}

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

.icon-guangzhou:before {
  content: "\e86a";
}

.icon-shenzhen:before {
  content: "\e86d";
}

.icon-shanghai:before {
  content: "\e602";
}

.icon-tianjin:before {
  content: "\e641";
}

.icon-wuhan:before {
  content: "\e66b";
}

.icon-chongqing:before {
  content: "\e731";
}

.icon-31paixingbang:before {
  content: "\e601";
}

.icon-hotfill:before {
  content: "\e757";
}

.icon-fenlei:before {
  content: "\e600";
}

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



.fl{float: left}
.fr{float: right}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.ptd30{padding: 30px 0;}

.wrap{width:1200px;margin:0 auto;}
.icons{background: url(../images/icons.png) no-repeat;}
.bgwhite{background: #fff;}
.bgcircle{background-image: url(../images/bg-cicle.png);background-repeat:no-repeat;background-position: center top;}
.bg1{background-image: url(../images/bg1.jpg);background-repeat:no-repeat;background-position: center top;}
.bg2{background-image: url(../images/bg2.jpg);background-repeat:no-repeat;background-position: center top;}
.bg3{background-image: url(../images/bg3.jpg);background-repeat:no-repeat;background-position: center top;}
.top{height: 70px;background: #0551a8;}
.logo{float: left;display: inline-block;width: 156px;height: 54px;margin: 8px 30px 8px 0;}
.nav{float: left;}
.nav ul li{float: left;}
.nav ul li a{position: relative;display:block;height: 70px;padding: 0 25px;line-height: 70px;color: #fff;font-size: 18px;}
.nav ul li a:hover{background: #0b4486;}
.nav ul li.on a{background: #fe8c24;}
.nav ul li a i.new{position: absolute;top: 6px;right: -12px;display:inline-block;width: 36px;height: 16px;line-height: 17px;text-align: center;font-size: 12px;font-weight: lighter;-webkit-border-radius: 4px 8px 8px 1px; border-radius: 4px 8px 8px 1px;background: -webkit-linear-gradient(bottom,#ff8619 0%,#fea650 100%);background: linear-gradient(to bottom,#ff8619 0%,#fea650 100%);}
.nav ul li.nav-more{position:relative;}
.nav ul li.nav-more i.icon-xia{display: inline-block;margin: 0 5px; -webkit-transition: all .5s;transition: all .5s;}
.nav ul li.nav-more:hover i.icon-xia{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.nav-sel {display: none;position: absolute; top: 58px;left: 0;z-index: 3;width: 108px;padding-top: 7px;}
.nav-sel:after{content: ""; position: absolute;top: 1px;left:44px; width: 0; height: 0;border-style: dashed;border-color: transparent;border-width: 0 7px 7px 7px; border-bottom-color: #f7fcfe;}
.nav-sel ul { padding: 10px; border: 1px solid #f7fcfe;border-radius: 3px;background-color: #fff;box-shadow: 0 0 5px #ddd}
.nav-sel ul li { float: none;line-height: 30px}
.nav-sel ul li a {display: block; height: 32px; color: #666;line-height: 32px; padding: 0 10px;font-size: 16px;text-align: center; border-radius: 2px}
.nav-sel ul li a:hover {color: #fff;background-color: #0551a8;}
.nav ul li.on .nav-sel ul li a{background:none} 
.nav ul li.on .nav-sel ul li a:hover{background-color: #0551a8;} 

.search{position: relative;float: right;margin: 14px;}
.search-text{width: 100px;height: 42px;line-height: 42px;padding: 0 45px 0 20px; background-color: #fff; font-size: 14px; border: 1px solid #fff; border-radius: 44px;}
.search-btn{ position: absolute;top:1px;right:1px;width: 42px;height:42px;line-height: 42px;text-align:center;-webkit-border-radius: 100%;cursor: pointer; }
.search-btn:hover{background: #0551a8;color: #fff}
.regis{position: relative;float: right;display: inline-block;height: 32px;margin: 19px 0 19px 19px;padding: 0 15px;line-height: 32px;color: #fff;border: 1px solid #fff;border-radius: 16px;}
.regis a{color: #fff;}
.regis i{margin-right: 4px;}
.regis em{ position: absolute;top:-5px;right:4px;width:10px;height:10px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;background:#f70;}
.banner{position: relative;height: 500px;}
.banner-list{position: relative;width: 100%;height: 400px; overflow: hidden;}
.banner-list ul li{position:absolute;display: none;width: 100%;height:400px;}
.banner-list ul li:first-child {display: block;}

.banner-infos{float: left;width: 540px;padding: 60px 20px 20px 0;color: #fff;}
.banner-infos .bt{margin-bottom: 10px;font-size: 32px;line-height: 48px;font-weight: 600; -webkit-animation: fadeInDown 1s  ease-in-out;animation: fadeInDown 1s ease-in-out;}
.banner-infos .bt a{color: #fff;}
.banner-infos .intro{max-height: 48px;line-height: 24px;font-size: 15px;color: #bcd7fc; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;-webkit-animation: fadeInDown 1s  ease-in-out;animation: fadeInDown 1s ease-in-out;}
.banner-infos .numerical{margin-top: 30px;-webkit-animation: fadeInUp 1s  ease-in-out;animation: fadeInUp 1s ease-in-out;}
.banner-infos .numerical div{float: left;width: 33.33%;text-align: center;}
.banner-infos .numerical div span{display: block;font-size: 15px;}
.banner-infos .numerical div p{font-size: 32px;font-weight: 600;}
.banner-ranking-items{position: absolute;right: 0;top: 0;width: 600px;height: 360px;background: url(../images/ranking_bg.png) no-repeat center bottom;-webkit-animation: fadeIn 1s  ease-in-out;animation: fadeIn 1s ease-in-out;}
.banner-ranking-items .rank-item{position: absolute; text-align: center; color: #fff;}
.banner-ranking-items .rank-item .thumbs{position: relative;display: inline-block;width: 130px;height: 130px;margin-bottom: 28px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%; background: #fff;}
.banner-ranking-items .rank-item .thumbs img{width: 130px;height: 130px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
.banner-ranking-items .rank-item .tit{width: 160px;height: 36px;line-height: 36px;font-size: 20px;font-weight: 600;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;word-break: break-all;}
.banner-ranking-items .rank-item .tit a{color: #fff;}
.banner-ranking-items .rank-item .num{font-size: 14px;}
.banner-ranking-items .rank-item .thumbs:before{content: "";position: absolute;width: 64px;height: 64px;background: url(../images/ranking_hg.png) no-repeat;}
.banner-ranking-items .rank-item.rank-top1{top: 70px;left: 224px;}
.banner-ranking-items .rank-item.rank-top1 .thumbs{border: 6px solid #efb149;}
.banner-ranking-items .rank-item.rank-top1 .thumbs:before{top: -25px;left: -35px;background-position:0 0;}
.banner-ranking-items .rank-item.rank-top2{top: 100px;left: 54px;}
.banner-ranking-items .rank-item.rank-top2 .thumbs{border: 6px solid #ced5dc;}
.banner-ranking-items .rank-item.rank-top2 .thumbs:before{top: -32px;left: -30px;background-position: -64px 0;}
.banner-ranking-items .rank-item.rank-top3{top: 100px;left: 400px;}
.banner-ranking-items .rank-item.rank-top3 .thumbs{border: 6px solid #ffbe8e;}
.banner-ranking-items .rank-item.rank-top3 .thumbs:before{top: -32px;left: -28px;background-position: -128px 0;}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}

.banner-control{position: absolute;bottom:90px;left:0;width: 100%;text-align: center;}
.banner-control ul li{display: inline-block;width:32px;height:4px;margin-left:6px; background:#fff;border-radius:4px ;box-shadow: 0 3px 6px 0 rgba(33, 39, 81, 0.20);-webkit-transition: all .3s;-moz-transition: all .3s; transition: all .3s;  cursor:pointer;}
.banner-control ul li.on{background:#fd8d27; }





.titles-tl{height:48px;line-height:48px;overflow: hidden;}
.titles-tl .bt .title{display: inline-block;height:48px;margin-right: 20px;line-height:48px;font-size: 24px;font-weight: 600;color: #262626;}
.titles-tl .bt .title i.iconfont{display: inline-block;width: 32px;height: 32px;margin:-4px 10px 0 0;text-align: center;line-height: 32px;color: #fff;font-size: 20px;font-weight: lighter;background: #fd8d27;border-radius:14px;vertical-align: middle;}
.titles-tl .subtitle{font-size: 14px; color: #999;}
.titles-tl .more {float: right;position: relative;display: inline-block;height: 48px;line-height: 48px;padding-right: 16px;color: #a78f8f;font-size: 14px;}
.titles-tl .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;}
.titles-tl .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;}

.brand-ranks-category{float: left;width: 180px;background: #648ff7;}
.brand-ranks-category ul li{position:relative;height: 48px;line-height: 48px;text-align: center;color: #fff;cursor: pointer;-webkit-transition: all .2s;-moz-transition: all .2s; transition: all .2s;}
.brand-ranks-category ul li.on{background: #5a80de;}
.brand-ranks-category ul li.on:after{content: ""; position:absolute;right:-10px;top:50%;margin-top:-5px;display:block;width:0;height:0;border:5px solid transparent;border-left:5px solid #5276cf;}
.brand-ranks-cont{float: right;width: 960px;height: 400px;padding: 20px;}
.brand-ranks-box{display: none;}
.brand-ranks-box.disb{display: block;}

.titles-a{height:40px;line-height:40px;color: #333; border-bottom: 1px solid #f2f2f2;padding-bottom: 6px;}
.titles-a .bt {position:relative;float:left;margin-right: 20px;height:39px; line-height: 39px; padding-bottom: 6px;border-bottom: 2px  solid #5276cf;font-size: 18px;font-weight: 600; }
.titles-a .more {float: right;position: relative;display: inline-block;height: 40px;line-height: 40px;padding-right: 16px;color: #a78f8f;font-size: 14px;}
.titles-a .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;}
.titles-a .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;}

.titles-a .tabs{float: left;}
.titles-a .tabs ul li{float: left;display: inline-block;padding: 0 15px;margin:10px 0 0 8px;line-height: 28px;font-size: 14px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;cursor: pointer;}
.titles-a .tabs ul li:hover{color: #5276cf;}
.titles-a .tabs ul li.on{background: #5276cf;color: #fff;}
.brand-ranks-scroll{position:relative;height: 108px;}
.brand-ranks-scroll .prev,.brand-ranks-scroll .next{ position: absolute;top: 50%; font-family: SimSun;width: 24px;line-height: 30px;color:#fff;margin-top: -15px;cursor: pointer;transition: all .2s ease-in-out 0s;background: rgba(0, 0, 0, .3);text-align:center; }
.brand-ranks-scroll .prev{left: 0;border-radius: 4px 0 0 4px;}
.brand-ranks-scroll .next{right: 0;border-radius: 0 4px 4px 0;}
.brand-ranks-scroll .prev:hover,.brand-ranks-scroll .next:hover{background: #fa9234;}
.brand-rank-list{position: relative;width:900px;height: 108px;margin:0 auto; overflow: hidden; }
.brand-rank-list ul{position: relative;width: 1000px;}
.brand-rank-list ul li{float: left;width: 132px;height: 108px;text-align: center;margin-right:20px;}
.brand-rank-list ul li img{display: inline-block;width: 64px;height: 64px;margin: 0 auto;}
.brand-rank-list ul li span{display: block;height: 28px;line-height: 28px;text-align: center;font-size: 16px;}
.brand-ranks-list ul li{float: left;width: 150px;height: 36px;line-height: 36px;padding-right: 10px;margin-bottom: 18px;}
.brand-ranks-list ul li a img{display: inline-block;width: 24px;height: 24px;margin: -2px 10px 0 0;vertical-align: middle;}
.brand-ranks-list.mt20 {height:168px; overflow:hidden;}

.brand-hot-vote{float: left;width: 440px;}
.brand-hot-vote .lists{display: none;}
.brand-hot-vote .lists.disb{display:block;}
.brand-hot-vote .lists li{height: 42px;padding:10px  0 ;border-bottom: 1px solid #f1f1f1; overflow: hidden; }
.brand-hot-vote .lists li:last-child{border-bottom: 0;}
.brand-hot-vote .lists li .num{float: left;display: inline-block;width: 20px;height: 29px;margin-top: 6px;margin-right: 15px;line-height: 33px;text-align: center;color: #fff;background: url(../images/icons-tops.png) no-repeat;background-size: 127px 29px;}
.brand-hot-vote .lists li .num.num1{background-position: 0 0;}
.brand-hot-vote .lists li .num.num2{background-position:-36px  0;}
.brand-hot-vote .lists li .num.num3{background-position:-72px  0;}
.brand-hot-vote .lists li .brand-info{float: left;display: inline-block;}
.brand-hot-vote .lists li .brand-info img{float: left;display: inline-block;width: 68px;height: 42px;margin-right: 15px;}
.brand-hot-vote .lists li .brand-info span{float: left;height: 42px;line-height: 42px;}
.brand-hot-vote .lists li .btn{float: right;height: 24px;padding: 0 12px;margin: 9px 0;line-height: 24px;background:#fe741c;color: #fff;font-size: 13px;border-radius: 14px;}
.hot-brands{float: right;width: 440px;}
.hot-brands .lists{display: none;}
.hot-brands .lists.disb{display:block;}
.hot-brands .lists li{float: left;width: 144px;height: 90px;border: 1px solid #f1f1f1;margin: -1px 0 0 -1px;text-align: center;background: #fff;}
.hot-brands .lists li img{max-width: 144px;height: 90px;}

.ten-rec{position: relative;overflow: hidden;}
.ten-rec .prev,.ten-rec .next{position: absolute;top:50%;width:32px;height:96px;margin-top: -48px;line-height: 96px;font-size: 32px;text-align: center;color: #fff;-webkit-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s;background: rgba(0, 0, 0, .3);cursor: pointer;filter: alpha(opacity=0);opacity: 0;}
.ten-rec:hover .prev {left: 0;filter: alpha(opacity=100);opacity: 1;}
.ten-rec:hover .next{right: 0;filter: alpha(opacity=100);opacity: 1;}
.ten-rec .prev:hover  ,.ten-rec .next:hover{background: #fa9234;}
.ten-rec .prev{left:-32px;border-radius:0 4px 4px 0; }
.ten-rec .next{right: -32px;border-radius: 4px 0 0 4px; }
.ten-rec-scroll{width: 3000px;}
.ten-rec-box{float: left;display: inline-block;width: 385px;margin-right: 22px;background:#fff url(../images/bg.png) no-repeat;background-size: 100% auto;}
.ten-rec-box .title{height: 24px;line-height: 24px;color: #fff;font-size: 22px;font-weight: 600;padding: 12px 15px 0 15px;}
.ten-rec-box .title-des{height: 24px;line-height: 24px;padding: 2px 15px 0 15px;font-size: 13px;color: #fff;opacity: .7;}
.ten-rec-box ul {padding: 28px 0  10px 0;}
.ten-rec-box ul li{padding: 8px 20px; overflow: hidden; }
.ten-rec-box ul li .num{float: left;display: inline-block;width: 26px;height: 36px;margin:2px 15px 12px 0;line-height:42px;text-align: center;color: #fff;background: url(../images/icons-tops.png) no-repeat -133px  0;background-size: 158px 36px;}
.ten-rec-box ul li .num.num1{background-position: 0 0;}
.ten-rec-box ul li .num.num2{background-position: -44px 0;}
.ten-rec-box ul li .num.num3{background-position: -88px 0;}
.ten-rec-box ul li .thumb{float: left;width: 40px;height: 40px;margin-right: 15px;border: 1px solid #f1f1f1; border-radius: 100%; overflow: hidden;}
.ten-rec-box ul li .thumb img{width: 40px;height: 40px;}
.ten-rec-box ul li .name{float: left;height: 24px;line-height: 24px;padding: 8px 0;font-size: 16px;}
.ten-rec-box ul li .views{float: right;height: 24px;line-height: 24px;padding: 8px 0;font-size: 14px;color: #999;}

.sh-vote-tab ul li{float: left;display: inline-block;height: 36px;padding: 0 25px;margin-right: 20px;line-height: 36px;border: 1px solid #efefef;border-radius: 20px; cursor: pointer;}
.sh-vote-tab ul li.on{background: #5276cf;color: #fff;border-color: #5276cf;}
.sh-vote-tab ul li:hover{color: #5276cf;border-color: #5276cf;}
.sh-vote-tab ul li.on:hover{color: #fff;}
.sh-vote-box{display: none;}
.sh-vote-box.disb{display: block;}
.sh-vote-rks{overflow: hidden;}
.sh-vote-rks ul{width: 1220px;}
.sh-vote-rks ul li{float: left;dislay: inline-block;width:286px;height: 190px;margin: 20px 18px 0 0;}
.sh-vote-rks ul li .thumb{width:286px;height: 190px;}
.sh-vote-rks ul li .thumb img{width:286px;height: 190px;}
.sh-vote-rks ul li a{display: block; position: relative;width:286px;height: 190px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; overflow: hidden;}
.sh-vote-rks ul li a:after{content: ""; position: absolute;bottom: 0;left: 0;width: 100%;height: 56px;background: linear-gradient(to bottom,transparent,rgba(0,0,0,1));}
.sh-vote-rks ul li .infos{ z-index: 2; position: absolute;bottom: 0;left: 0;width: 266px;padding: 0 10px;height: 48px;color: #fff;}
.sh-vote-rks ul li .infos .tit{height: 32px;line-height: 32px;font-size: 18px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.sh-vote-rks ul li .infos .write{margin-top: 5px;height: 20px;line-height: 20px;font-size: 13px;}
.sh-vote-rks ul li .infos .write .portrait{display: inline-block;width: 20px;height: 20px;margin-right: 5px; vertical-align: middle;}
.sh-vote-rks ul li .infos .write .portrait img{width: 20px;height: 20px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}

.titles-b{height:40px;line-height:40px;color: #333;padding-bottom: 6px;}
.titles-b .bt{float:left;position: relative;height:40px;padding-left: 16px; line-height: 40px;margin-right: 20px; font-size: 20px;font-weight: 600;}
.titles-b .bt:before{content: ""; position: absolute;top: 10px;left: 0;width: 4px;height: 20px;background: #5276cf;}
.titles-b .more {float: right;position: relative;display: inline-block;height: 40px;line-height: 40px;padding-right: 16px;color: #a78f8f;font-size: 14px;}
.titles-b .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;}
.titles-b .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;}

.entry-box{float: left;width: 370px;}
.entry-bar{background: #6f75d7;height: 88px;padding:10px 20px 10px 20px;border-radius: 6px;color: #fff;}
.entry-bar p{font-size: 22px;font-weight: 500;color: #fff;}
.entry-bar span{display: inline-block;height: 30px;padding: 0 15px;line-height: 30px;color: #595eaf;background: rgba(255,255,255,.1);-webkit-border-radius: 15px;-moz-border-radius: 15px; border-radius: 15px;}
.entry-bar span:after{content: "";display: inline-block;width: 0; height: 0; margin-left: 8px;border: 5px solid transparent;border-left: 5px solid #595eaf;}
.entry-box.box2 .entry-bar{background: #f2b569;}
.entry-box.box2 span{color: #cc9653;}
.entry-box.box2 span:after{border-left: 5px solid #cc9653;}
.entry-box.box3 .entry-bar{background: #f5777c;}
.entry-box.box3 span{color: #cc6367;}
.entry-box.box3 span:after{border-left: 5px solid #cc6367;}
.hot-entries{ overflow: hidden; }
.hot-entries-cont{width: 1250px;}
.entry-box{margin-right: 44px;}
.entry-box ul{margin-top: 10px;}
.entry-box ul li{padding: 10px 0;overflow: hidden;}
.entry-box ul li .num{float: left;display: inline-block;width: 26px;height: 36px;margin:9px 15px 12px 0;line-height:42px;text-align: center;color: #fff;background: url(../images/icons-tops.png) no-repeat -133px  0;background-size: 158px 36px;}
.entry-box ul li .num.num1{background-position: 0 0;}
.entry-box ul li .num.num2{background-position: -44px 0;}
.entry-box ul li .num.num3{background-position: -88px 0;}
.entry-box ul li .thumb{float: left;display: inline-block;width: 54px;height: 54px;margin-right: 15px;-webkit-border-radius: 100%;-moz-border-radius: 100%; border-radius: 100%; overflow: hidden;}
.entry-box ul li .thumb img{width: 54px;height: 54px;}
.entry-box ul li .infos{float: left;}
.entry-box ul li .name{height: 32px;line-height: 32px;font-size: 16px;}
.entry-box ul li .text{font-size: 12px;line-height: 8px;color: #999;}
.entry-box ul li .text .count{display: inline-block;background: rgba(51,51,51,0.1);width: 100px;height: 4px;margin-right: 6px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;vertical-align: middle;}
.entry-box ul li .text .count i{display: block; height: 4px; border-radius: 2px; background: #5276cf; background: linear-gradient(90deg, #5276cf 0%, #7399f7 100%);}
.entry-box ul li .btn{float: right;height: 24px;padding: 0 12px;margin:15px 0;line-height: 24px;background: #fe741c;color: #fff;font-size: 13px;border-radius: 14px;color: #fff;cursor: pointer;}
.entry-box ul li .btn a{color: #fff;}

.hot-rks .tabs{float: left;display: inline-block;margin-top: 4px;margin-left: 20px;}

.hot-rks .tabs ul li{float: left;display: inline-block;height: 36px;padding: 0 17px;margin-right: 20px;line-height: 36px;border: 1px solid #efefef;border-radius: 20px; background: #fff;cursor: pointer;}
.hot-rks .tabs ul li.on{background: #5276cf;color: #fff;border-color: #5276cf;}
.hot-rks .tabs ul li:hover{color: #5276cf;border-color: #5276cf;}
.hot-rks .tabs ul li.on:hover{color: #fff;}
.hot-rks-box{display: none;}
.hot-rks-box.disb{display: block;}
.hot-rks .lists-a{ overflow: hidden; }
.hot-rks .lists-a ul{width: 1220px;}
.hot-rks .lists-a ul li{float: left;dislay: inline-block;width:286px;height: 190px;margin: 20px 18px 0 0;}
.hot-rks .lists-a ul li .thumb{width:286px;height: 190px;}
.hot-rks .lists-a ul li .thumb img{width:286px;height: 190px;}
.hot-rks .lists-a ul li a{display: block; position: relative;width:286px;height: 190px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; overflow: hidden;}
.hot-rks .lists-a ul li a:after{content: ""; position: absolute;bottom: 0;left: 0;width: 100%;height: 56px;background: linear-gradient(to bottom,transparent,rgba(0,0,0,1));}
.hot-rks .lists-a ul li .infos{ z-index: 2; position: absolute;bottom: 0;left: 0;width: 256px;padding: 0 15px;height: 48px;color: #fff;}
.hot-rks .lists-a ul li .infos .tit{height: 28px;line-height: 28px;font-size: 18px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.hot-rks .lists-a ul li .infos p{margin-top: 5px;height: 20px;line-height: 20px;font-size: 13px;opacity: .5;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

.hot-rks .lists-b{ overflow: hidden; }
.hot-rks .lists-b ul{width: 1220px;}
.hot-rks .lists-b ul li{float: left;width: 284px;padding: 2px;border: 1px solid #e6eef7;margin: 0 12px 12px 0;text-align: center;font-size: 18px; -webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;}
.hot-rks .lists-b ul li a{z-index: 2;position: relative;display: block;padding: 0 10px;height:48px;line-height: 48px;background: #fff;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.hot-rks .lists-b ul li:hover {border: 1px solid #96b0f2;}
.hot-rks .lists-b ul li a:hover {color: #fff;}
.hot-rks .lists-b ul li a:before {z-index: -1;content: "";position: absolute;top: 0;left: 0;width: 0%;height: 100%;background: #96b0f2;-webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;}
.hot-rks .lists-b ul li a:hover::before {width: 100%;}


.authorities{position: relative;overflow: hidden;}
.authorities .prev,.authorities .next{position: absolute;top:50%;width:32px;height:96px;margin-top: -48px;line-height: 96px;font-size: 32px;text-align: center;color: #fff;-webkit-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s;background: rgba(0, 0, 0, .3);cursor: pointer;filter: alpha(opacity=0);opacity: 0;}
.authorities:hover .prev {left: 0;filter: alpha(opacity=100);opacity: 1;}
.authorities:hover .next{right: 0;filter: alpha(opacity=100);opacity: 1;}
.authorities .prev:hover  ,.authorities .next:hover{background: #fa9234;}
.authorities .prev{left:-32px;border-radius:0 4px 4px 0; }
.authorities .next{right: -32px;border-radius: 4px 0 0 4px; }
.authorities-scroll{width: 3500px;}


.authorities-box{float:left;width: 365px;padding:10px;background: #6f75d7;}
.authorities-bar{position: relative;padding:0 10px;color: #fff; }
.authorities-bar .title{height: 32px;line-height: 32px;font-size: 20px;font-weight: 600;}
.authorities-bar .sub-title{height:24px;line-height: 24px;font-size: 14px;font-weight: 300;opacity: .6;}
.authorities-bar .more{position: absolute;top:16px;right:0;height: 24px;line-height: 24px;color:#fff;font-size: 12px;font-weight: lighter; }
.authorities-bar .more i{margin-left: 6px;font-size: 12px;font-weight: lighter;}
.authorities-table{margin-top: 10px;background: #fff;-webkit-border-radius: 6px;border-radius: 6px; overflow: hidden;}
.authorities-table-head{height: 56px;line-height: 56px;background: #f2f2f2;font-size: 18px;}
.authorities-table-head span{float: left;display: block;text-align: center;}
.authorities-table-head .colum-a{width: 15%;}
.authorities-table-head .colum-b{width: 50%;}
.authorities-table-head .colum-c{width: 35%;}
.authorities-table-body ul li{height: 56px; overflow: hidden; }
.authorities-table-body ul li:nth-child(2n){background: #f2f2f2;}
.authorities-table-body ul li .colum-a{float: left;width: 15%; text-align: center;box-sizing: border-box;}
.authorities-table-body ul li .colum-b{float: left;width: 50%;height: 36px;line-height: 36px;padding: 10px;box-sizing: border-box;}
.authorities-table-body ul li .colum-c{float: left;width: 35%;height: 36px;line-height: 36px;padding: 10px;color: #999; text-align: center;box-sizing: border-box;}
.authorities-table-body ul li .num{display: inline-block;width: 20px;height: 29px;margin-top: 12px;line-height: 33px;text-align: center;color: #fff;background: url(../images/icons-tops.png) no-repeat -108px 0;background-size: 127px 29px;}
.authorities-table-body ul li .num.num1{background-position: 0 0;}
.authorities-table-body ul li .num.num2{background-position:-36px  0;}
.authorities-table-body ul li .num.num3{background-position:-72px  0;}
.authorities-table-body ul li .country .thumb{float: left;display: inline-block;width: 48px;height: 36px;margin-right: 10px;}
.authorities-table-body ul li .country p{float: left;color: #1d75a3;}
.authorities-table-body ul li .richer .thumb{float: left;display: inline-block;width: 36px;height: 36px;margin-right: 10px;-webkit-border-radius: 100%;-moz-border-radius: 100%; border-radius: 100%; overflow: hidden;}
.authorities-table-body ul li .richer p{float: left;color: #1d75a3;}
.authorities-table-body ul li .car-type p{color: #1d75a3;text-align: center;}

.authorities-box.peoples{background: #607d8b;}
.authorities-box.rich{background: #f2b569;margin-left: 22px;}
.authorities-box.cars{background: #f37377;margin-left: 22px;}
.authorities-box.education1{background:#009688;margin-left: 22px;}
.authorities-box.education2{background:#4caf50;margin-left: 22px;}
.authorities-box.education3{background:#ff9800;margin-left: 22px;}

.authorities-box.gdp1{background: #d6756e;margin-left: 22px;}
.authorities-box.gdp1 .authorities-table-body ul li .colum-b{text-align: center;}
.authorities-box.gdp1 .authorities-table-body ul li .colum-b p{float: none;}
.authorities-box.gdp2{background: #ee855e;margin-left: 22px;}
.authorities-box.gdp2 .authorities-table-head .colum-b{width: 40%;}
.authorities-box.gdp2 .authorities-table-head .colum-c{width: 45%;}
.authorities-box.gdp2 .authorities-table-body ul li .colum-b{width: 40%;text-align: center;}
.authorities-box.gdp2 .authorities-table-body ul li .colum-c{width: 45%;}
.authorities-box.gdp2 .authorities-table-body ul li .colum-b p{float: none;}



.hot-scenic{margin-top: 20px;background: #fff;}
.hot-scenic-bar{float: left;width: 200px;height: 70px;padding: 64px 0;text-align: center;color: #fff;background: #5276cf;}
.hot-scenic-bar .bt{line-height: 36px;font-size: 28px;font-weight: 600;}
.hot-scenic-bar .more{display: inline-block;height: 24px;line-height: 24px;color:#fff;font-size: 12px;font-weight: lighter; }
.hot-scenic-bar .more i{margin-left: 6px;font-size: 12px;font-weight: lighter;}

.hot-scenic-scroll{position: relative;float: right;width: 940px;padding: 20px;}
.hot-scenic-list{position: relative; width: 860px; margin: 0 auto; overflow: hidden;}
.hot-scenic-list ul{width: 3000px;}
.hot-scenic-list ul li{float: left;width: 128px;margin-right: 18px;text-align: center;}
.hot-scenic-list ul li .thumb{width: 128px;height: 128px;text-align: center;  overflow: hidden;}
.hot-scenic-list ul li .bt{height: 22px;padding-top: 8px;line-height: 22px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hot-scenic-scroll .prev,.hot-scenic-scroll .next{ position: absolute;top: 50%; font-family: SimSun;width: 24px;line-height: 30px;color:#fff;margin-top: -15px;cursor: pointer;transition: all .2s ease-in-out 0s;background: rgba(0, 0, 0, .3);text-align:center; }
.hot-scenic-scroll .prev{left: 0;border-radius: 4px 0 0 4px;}
.hot-scenic-scroll .next{right: 0;border-radius: 0 4px 4px 0;}
.hot-scenic-scroll .prev:hover,.hot-scenic-scroll .next:hover{background: #fa9234;}

.city-zone{position: relative;float: left}
.city-zone ul {width: 320px; background: #fff;}
.city-zone ul li{position: relative;padding: 8px 20px;border-bottom: 1px solid #f6f8fa;cursor: pointer;}
.city-zone ul li:last-child{border: none;}
.city-zone ul li:hover{background-color: #fafafc;}
.city-zone ul li .cha-zone{height: 36px;line-height: 36px;color: #333;font-size: 20px;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: #1263d3;}

.tour-box{float: left;display: inline-block;width: 500px;padding: 20px;margin-left: 20px;background: #fff;}
.tour-hot .lists{display: none;overflow: hidden; }
.tour-hot .lists.disb{display: block;}
.tour-hot .lists ul{width: 530px;}
.tour-hot .lists ul li{float: left;display: inline-block;width: 158px;height: 228px;margin-right: 12px;margin-top: 20px;}
.tour-hot .lists ul li .bt{height: 36px;line-height: 36px;color: #444;font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tour-hot .lists ul li .ms{height: 28px;line-height: 28px;font-size: 13px;color:#aaa;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.tour-topic .lists{display: none;overflow: hidden; }
.tour-topic .lists.disb{display: block;}
.tour-topic .lists ul li{float: left;display: inline-block;width:235px;height: 42px;margin-right: 15px;margin-bottom: 10px;}
.tour-topic .lists ul li a{display: block;height: 42px;line-height: 42px;font-size: 15px;color: #666;background: #f5f5f5;border-radius: 18px;text-align: center;}
.tour-topic .lists ul li a:hover{color: #fff;background: #96b0f2;}

.titles-c{height:40px;line-height:40px;overflow: hidden;}
.titles-c .bt .title{display: inline-block;height:40px;line-height:48px;font-size: 20px;font-weight: 600;color: #262626;}
.titles-c .more {float: right;position: relative;display: inline-block;height: 48px;line-height: 48px;padding-right: 16px;color: #a78f8f;font-size: 14px;}
.titles-c .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;}
.titles-c .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;}
.titles-c .zs{float: right;margin-top: 14px;line-height: 24px;font-size: 14px;color: #999}
.tour-strategy{float: right;width: 260px;padding: 10px 20px;background: #fff;}
.tour-strategy ul{padding:10px 0;}
.tour-strategy ul li{height:30px; line-height:30px;margin:18px 0; overflow:hidden;}
.tour-strategy ul li i{float: left;display: inline-block;width: 20px;height: 29px;margin-right: 15px;line-height: 33px;text-align: center;color: #fff;background: url(../images/icons-tops.png) no-repeat -108px 0;background-size: 127px 29px;}
.tour-strategy ul li i.num1{background-position: 0 0;}
.tour-strategy ul li i.num2{background-position:-36px  0;}
.tour-strategy ul li i.num3{background-position:-72px  0;}
.tour-strategy ul li span{display: inline-block;width: 224px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.hot-deco{margin-top: 20px;background: rgba(255,255,255,.4);}
.hot-deco-bar{float: left;width: 200px;height: 70px;padding: 64px 0;text-align: center;color: #fff;background: #5276cf;}
.hot-deco-bar .bt{line-height: 36px;font-size: 28px;font-weight: 600;}
.hot-deco-bar .more{display: inline-block;height: 24px;line-height: 24px;color:#fff;font-size: 12px;font-weight: lighter; }
.hot-deco-bar .more i{margin-left: 6px;font-size: 12px;font-weight: lighter;}

.hot-deco-scroll{position: relative;float: right;width: 940px;padding: 20px;}
.hot-deco-list{position: relative; width: 860px; margin: 0 auto; overflow: hidden;}
.hot-deco-list ul{width: 3000px;}
.hot-deco-list ul li{float: left;width: 128px;margin-right: 18px;text-align: center;}
.hot-deco-list ul li .thumb{width: 128px;height: 128px;line-height: 128px;text-align: center;background: #f2f2f2;-webkit-border-radius: 100%; border-radius: 100%; overflow: hidden;}
.hot-deco-list ul li .thumb i{font-size: 96px;}
.hot-deco-list ul li:nth-child(1) .thumb i{color: #fb7569;}
.hot-deco-list ul li:nth-child(2) .thumb i{color: #fdb21d;}
.hot-deco-list ul li:nth-child(3) .thumb i{color: #00a95d;}
.hot-deco-list ul li:nth-child(4) .thumb i{color: #31d8fc;}
.hot-deco-list ul li:nth-child(5) .thumb i{color: #0266dd;}
.hot-deco-list ul li:nth-child(6) .thumb i{color: #ff9c00;}
.hot-deco-list ul li:nth-child(7) .thumb i{color: #ea94f4;}
.hot-deco-list ul li:nth-child(8) .thumb i{color: #20ae97;}
.hot-deco-list ul li:nth-child(9) .thumb i{color: #ff0000;}
.hot-deco-list ul li:nth-child(10) .thumb i{color: #4bbfdc;}
.hot-deco-list ul li:nth-child(11) .thumb i{color: #98c2ce;}
.hot-deco-list ul li:nth-child(12) .thumb i{color: #1a7aee;}
.hot-deco-list ul li .bt{height: 22px;padding-top: 8px;line-height: 22px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hot-deco-scroll .prev,.hot-deco-scroll .next{ position: absolute;top: 50%; font-family: SimSun;width: 24px;line-height: 30px;color:#fff;margin-top: -15px;cursor: pointer;transition: all .2s ease-in-out 0s;background: rgba(0, 0, 0, .3);text-align:center; }
.hot-deco-scroll .prev{left: 0;border-radius: 4px 0 0 4px;}
.hot-deco-scroll .next{right: 0;border-radius: 0 4px 4px 0;}
.hot-deco-scroll .prev:hover,.hot-deco-scroll .next:hover{background: #fa9234;}

.zx-left{float:left; width: 280px; padding:0 20px 20px 20px;background: #fff;box-shadow: 0 2px 10px rgba(0,0,0,.04);}
.zx-left-tit {margin:25px 0;}
.zx-left-tit span {line-height: 24px; font-size: 20px; color: #333}
.zx-left-tit em { margin-left: 8px; opacity: .5;  font-family: "MicrosoftYaHei"; font-size: 12px; color: #999;letter-spacing: 3px; line-height: 12px;}
.zx-left ul li{float: left;width: 60px;height: 18px;line-height: 18px; margin-right: 10px; margin-bottom: 10px; font-size: 13px;color: #333;}

.zx-middle{float: left;display: inline-block;width: 480px;margin-left: 30px; overflow: hidden;}
.zx-middle ul{width: 500px;}
.zx-middle ul li{float:left;display:inline-block;width:150px;margin-right:14px;margin-bottom: 20px;}
.zx-middle ul li a{display:block;}
.zx-middle ul li a .thumbs{width: 146px;height: 116px;text-align:center;border: 1px solid #eee;}
.zx-middle ul li a .thumbs img{height:116px;width:auto;max-width: 146px;}
.zx-middle ul li a .bt{height:26px; line-height:26px;padding-top:8px;font-size: 16px;color: #333; white-space: nowrap;word-wrap: normal;text-overflow: ellipsis;overflow: hidden;}
.zx-middle ul li a .merchantcard-stars{float:left;height:14px;line-height: 14px;margin-top: 8px;}
.zx-middle ul li a .merchantcard-stars i{float:left;width:14px;height:14px;margin:0 1px;color:#ccc;}
.zx-middle ul li a .merchantcard-stars i.light{color:#ffa800}
.zx-middle ul li a .merchantcard-count{float:left;height: 14px;line-height: 14px;margin-left: 15px;margin-top: 8px;font-size:13px;color:#777;}

.zx-right{float: right;width: 340px; overflow: hidden;}
.zx-right .lists {display: none;}
.zx-right .lists.disb{display: block;}
.zx-right .lists ul{width: 360px;}
.zx-right .lists ul li{float: left;width:100px;height: 100px;text-align: center;margin-right:20px;}
.zx-right .lists ul li .thumbs{width: 52px;height: 52px; margin: 0 auto;overflow: hidden;}
.zx-right .lists ul li img{display: inline-block;width: 52px;height: 52px;}
.zx-right .lists ul li span{display: block;height: 28px;line-height: 28px;text-align: center;font-size: 16px;}

.marry-l{float: left;width: 280px;padding: 10px 20px 20px 20px;background: #fff; overflow: hidden;}
.marry-cities ul{width: 300px;}
.marry-cities ul li{float: left;width: 64px;margin: 30px 36px 0 0;text-align: center;}
.marry-cities ul li .thumb{width: 64px;height:64px;line-height:64px;text-align: center;background: #f2f2f2;-webkit-border-radius: 100%; border-radius: 100%; overflow: hidden;}
.marry-cities ul li .thumb i{font-size: 48px;}
.marry-cities ul li:nth-child(1) .thumb i{color: #fb7569;}
.marry-cities ul li:nth-child(2) .thumb i{color: #fdb21d;}
.marry-cities ul li:nth-child(3) .thumb i{color: #00a95d;}
.marry-cities ul li:nth-child(4) .thumb i{color: #31d8fc;}
.marry-cities ul li:nth-child(5) .thumb i{color: #0266dd;}
.marry-cities ul li:nth-child(6) .thumb i{color: #ff9c00;}
.marry-cities ul li:nth-child(7) .thumb i{color: #ea94f4;}
.marry-cities ul li:nth-child(8) .thumb i{color: #20ae97;}
.marry-cities ul li:nth-child(9) .thumb i{color: #ff0000;}
.marry-cities ul li:nth-child(10) .thumb i{color: #4bbfdc;}
.marry-cities ul li:nth-child(11) .thumb i{color: #98c2ce;}
.marry-cities ul li:nth-child(12) .thumb i{color: #1a7aee;}
.marry-cities ul li:nth-child(13) .thumb i{color: #618bcf;}
.marry-cities ul li:nth-child(14) .thumb i{color: #b293a0;}
.marry-cities ul li:nth-child(15) .thumb i{color: #9acdff;}
.marry-cities ul li:nth-child(16) .thumb i{color: #fed731;}
.marry-cities ul li:nth-child(17) .thumb i{color: #c63d46;}
.marry-cities ul li:nth-child(18) .thumb i{color: #d38f8d;}
.marry-cities ul li .bt{height: 22px;padding-top: 8px;line-height: 22px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.marry-m{float: left;display: inline-block;width: 480px;padding: 10px 20px 20px 20px;margin-left: 30px;background: #fff; overflow: hidden;}
.marry-classfiy ul li{position: relative;float: left;width: 236px;height: 60px;padding: 24px 0;text-align: center;background: #ffe7e3;border: 2px solid #fff; overflow: hidden;}
.marry-classfiy ul li .f-cla{font-size: 26px;line-height: 32px;}
.marry-classfiy ul li .s-cla{line-height: 28px;font-size: 14px;font-weight: lighter;}
.marry-classfiy ul li .s-cla a{margin: 0 8px;}
.marry-classfiy ul li a{color: #daa69d;}
.marry-classfiy ul li:nth-child(1){background: #ffe7e3;}
.marry-classfiy ul li:nth-child(1) a{color: #daa69d;}
.marry-classfiy ul li:nth-child(2){background: #ffe6d7;}
.marry-classfiy ul li:nth-child(2) a{color: #ceae9a;}
.marry-classfiy ul li:nth-child(3){background: #f6f1db;}
.marry-classfiy ul li:nth-child(3) a{color: #bfb897;}
.marry-classfiy ul li:nth-child(4){background: #ffe7e3;}
.marry-classfiy ul li:nth-child(4) a{color: #bfb897;}
.marry-classfiy ul li:nth-child(5){background: #ffe7e3;}
.marry-classfiy ul li:nth-child(5) a{color: #bfb897;}
.marry-classfiy ul li:nth-child(6){background: #d7ffe6;}
.marry-classfiy ul li:nth-child(6) a{color: #99cfad;}
@keyframes leftrightwhite {0% {left: -200%;}50% {left: 200%;}50.1% {left: -200%;}100% {left: -200%;}}
@-webkit-keyframes leftrightwhite {0% {left: -200%;}50% {left: 200%;}50.1% {left: -200%;}100% { left: -200%;}}

.marry-m .lists {display: none;}
.marry-m .lists.disb{display: block;}
.marry-m .lists ul{width: 500px;}
.marry-m .lists ul li{float: left;width:100px;height: 100px;text-align: center;margin-right:20px;}
.marry-m .lists ul li .thumbs{width: 52px;height: 52px; margin: 0 auto;overflow: hidden;}
.marry-m .lists ul li img{display: inline-block;width: 52px;height: 52px;}
.marry-m .lists ul li span{display: block;height: 28px;line-height: 28px;text-align: center;font-size: 16px;}
.marry-r{float: right;width: 280px;padding: 10px 20px 20px 20px;background: #fff; overflow: hidden;}
.marry-classfiy ul li::after {content: ''; position: absolute; bottom: 0; width: 100px; height: 300px;top: -100px;background: linear-gradient(to right, transparent, rgba(255,255,255,0.6), transparent);left: -200%;transform: rotate(-45deg);-webkit-animation: leftrightwhite 4s infinite ease-in-out;animation: leftrightwhite 4s ease-in-out infinite;}

.marry-r ul{margin-top: 4px;}
.marry-r ul li {border-bottom:1px solid #f6f6f6;overflow: hidden;}
.marry-r ul li:last-child{border-bottom:0;}
.marry-r ul li .item {position: relative;display:block;padding: 18px 0 19px 0;}
.marry-r ul li .default {line-height: 30px;height: 30px; overflow: hidden}
.marry-r ul li .default p{float:left;width:200px;height: 30px;font-size:16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.marry-r ul li .default span{float:right;height: 30px;line-height: 30px;font-size:13px;color: #999;}
.marry-r ul li .tips {display: none;color: #bbb;margin-top: 6px; overflow: hidden;}
.marry-r ul li .tips p {font-size: 14px;line-height: 20px; height: 60px;overflow: hidden;}
.marry-r ul li .tips img {float:left;width: 60px;height: 60px;margin-right: 15px;}
.marry-r ul li.on .tips {display: block}
.marry-r ul li i{float: left;display: inline-block;width: 20px;height: 29px;margin-right: 15px;line-height: 33px;text-align: center;color: #fff;background: url(../images/icons-tops.png) no-repeat -108px 0;background-size: 127px 29px;}
.marry-r ul li i.num1{background-position: 0 0;}
.marry-r ul li i.num2{background-position:-36px  0;}
.marry-r ul li i.num3{background-position:-72px  0;}

.hs-left{float: left;width: 380px;}
.hs-left-first a{display:block;overflow: hidden;}
.hs-left-first a img{display: block;width:380px;height:253px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.hs-left-first{padding-bottom: 12px;border-bottom: 1px solid #f2f2f2;}
.hs-left-first a .bt{height:36px;margin-bottom: 6px; line-height:36px;font-size:20px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;color:#333;}
.hs-left-first a .ms{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size:16px; line-height:30px;color: #999;}
.hs-left-list ul li {position: relative;padding: 10px 0;height:28px; line-height: 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hs-left-list ul li a {font-size: 16px;color: #333;}
.hs-middle{float:left;display: inline-block;width:400px;margin-left: 30px;}
.hs-middle ul li{padding:18px 0;border-bottom:1px dashed #efefef;overflow: hidden;}
.hs-middle ul li:first-child{padding-top:0;}
.hs-middle ul li:last-child{border-bottom:0;}
.hs-middle ul li a img{float:right;width:120px;height:80px;margin-left: 15px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.hs-middle ul li a .bt{display: block;font-size:18px;line-height:28px; color: #333; max-height: 56px; overflow: hidden;}
.hs-middle ul li a  p{ overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:14px;line-height:22px;margin-top:10px;color: #999;}

.hs-right{float: right;width: 350px;font-size: 14px;}
.hs-right ul{margin-top: 20px;}
.hs-right ul li{height: 52px;line-height: 52px;overflow: hidden; }
.hs-right ul li:nth-child(2n-1){background: #f2f2f2;}
.hs-right ul li span{float: left;width: 80px;text-align: center;color: #888;}
.hs-right ul li .items{width: 270px;float: right; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hs-right ul li .items a{margin: 0 5px; color: #446b99;}
.ebdy-l{float: left;width: 760px;padding:10px 20px 20px 20px;background: #fff;}
.ebdy-l-left{float: left;width:380px;}

.ebdy-focus{position:relative;width:380px;height:320px;border-bottom: 1px solid #f2f2f2; }
.dbdy-focus-list{position:relative;width:380px;height:320px;overflow:hidden;}
.dbdy-focus-list ul{position:relative;width:3000px;}
.dbdy-focus-list ul li{position:relative;float:left;width:380px;height:320px;}
.dbdy-focus-list ul li a .thumbs{width:380px;height:253px;-webkit-border-radius: 6px;-moz-border-radius: 6px; border-radius: 6px; overflow:hidden;}
.dbdy-focus-list ul li a .thumbs img{width:380px;height:253px;}
.dbdy-focus-list ul li a .tit{height: 32px;margin-top:10px;line-height: 32px;font-size:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.dbdy-focus-control{position: absolute; top:220px;width: 100%; text-align: center;}
.dbdy-focus-control ul li{display: inline-block;width:24px;height:5px;margin-left:6px; background:#fff;-webkit-transition: all .3s;-moz-transition: all .3s; transition: all .3s;  cursor:pointer;}
.dbdy-focus-control ul li.on{height: 8px;background:#fd8d27;}

.ebdy-l-list ul li{padding:18px 0;border-bottom:1px dashed #efefef;overflow: hidden;}
.ebdy-l-list ul li:first-child{padding-top:0;}
.ebdy-l-list ul li:last-child{border-bottom:0;}
.ebdy-l-list ul li a img{float:right;width:120px;height:80px;margin-left: 15px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.ebdy-l-list ul li a .bt{display: block;font-size:18px;line-height:28px; color: #333; max-height: 56px; overflow: hidden;}
.ebdy-l-list ul li a p{ overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:14px;line-height:22px;margin-top:10px;color: #999;}
.ebdy-l-mid{float: right;width: 350px;}
.ebdy-l-mid ul li{height: 36px;line-height: 36px;margin: 12px 0;font-size: 18px;color: #999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ebdy-l-mid ul li a{margin-left:8px;}
.ebdy-l-mid ul li .tag{color: #888;margin-right: 8px;}

.ebdy-r{float: right;width: 340px;padding: 10px 20px 20px 20px;background: #fff;}
.ebdy-r ul li{padding:18px 0;border-bottom:1px dashed #efefef;overflow: hidden;}
.ebdy-r ul li:first-child{padding-top:0;}
.ebdy-r ul li:last-child{border-bottom:0;}
.ebdy-r ul li a img{float:right;width:80px;height:80px;margin-left: 15px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.ebdy-r ul li a .bt{display: block;height: 28px;font-size:18px;line-height:28px; color: #333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ebdy-r ul li a p{ overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:14px;line-height:22px;margin-top:10px;color: #999;}
.ebdy-r ul li a .time{font-size: 12px;line-height: 20px;color: #999;}

.brand-letters a{float: left; width: 40px;height: 40px;text-align:center;line-height: 40px;background-color: #f4f5fe;color: #1e5fff;font-size: 16px; font-weight: 600;border-radius: 12px 0 12px 0;margin: 22px 22px 0 0;}
.brand-letters a.dig{width: 60px;}
.brand-letters a.on{background: #5276cf;color: #fff;}
.brands-rec.disb{display: block;}
.brands-rec{display: none;padding: 40px 0 10px 0}
.brands-rec ul li{float: left;width: 150px;margin-bottom: 15px; text-align: center;}
.brands-rec ul li img{height:64px;width:auto;max-width: 120px;}
.brands-rec ul li a span{display:block;height:30px;margin-top: 6px;line-height:30px;text-align:center;overflow:hidden;}

.asks-l{float: left;width:680px;background: #fff;padding: 10px 20px 20px 20px;}
.asks-l ul li{position: relative;padding: 24px 0 24px 28px; border-bottom: 1px solid #f2f2f2; overflow: hidden;}
.asks-l ul li:last-child{border-bottom: 0;}
.asks-l ul li .u-badge {position: absolute;top: 26px;left: 0;width: 17px;height: 17px;border-radius: 4px 4px 0;background-color: #faab0c;font-size: 12px;color: #fff;text-align: center;line-height: 17px;}
.asks-l ul li  .tit {font-size: 16px;line-height: 22px}
.asks-l ul li .detail {margin-top: 10px;font-size: 14px;color: #999;line-height: 20px;}
.asks-l ul li .etc{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.asks-l ul li .detail .tag{position: relative;float: left;margin-right: 16px;padding: 0 5px; border: 1px solid #e8e8e8;border-radius: 4px;font-size: 11px;color: #666;line-height: 18px;}
.asks-l ul li .info {margin-top: 16px;line-height: 24px;font-size: 12px;color: #bbb;}
.asks-l ul li .photo-arr {float: left;margin-left: 6px;margin-right: 20px;}
.asks-l ul li .photo-arr img {float: left;width: 24px;height: 24px;margin-right: 10px;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden;margin-left: -6px;}
.asks-l ul li span em{color: #666;}

.ask-r{float: right;width:450px;}
.ask-card-data{padding: 48px 30px 30px;background: #fff url(../images/bg3.jpg) no-repeat;background-size: 1280px auto;text-align: center;}
.ask-card-data .num span{display: inline-block;margin: 0 2px;height: 44px;line-height: 44px; width: 32px;background-color: #5276cf;color: #fff;font-size: 24px; font-family: fantasy;font-weight:300;}
.ask-card-data .tit { margin-top: 14px;font-size: 20px;line-height: 25px;}
.ask-card-data .join {margin-top: 34px;font-size: 16px;color: #999}
.ask-card-data .join span {margin: 0 5px}
.ask-card-data .orange {color: #ff562f;}
.ask-card-data .btn { display: inline-block; margin-top: 16px;padding: 0 20px;font-size: 12px; line-height: 26px; border-radius: 13px;background-color: #f5f5f5;}

.ask-hots{padding: 10px 20px 20px 20px;margin-top: 20px;background: #fff;}
.ask-hots ul{margin-top: 10px;}
.ask-hots ul li {line-height: 26px;margin-top: 12px; font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ask-hots ul li span {float: left; margin: 6px 10px 0 0;width: 16px;height: 16px;line-height: 16px;font-size: 12px;background-color: #ddd;text-align: center;color: #fff;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.ask-hots ul li span.num1 {background-color: #fe741c;}
.ask-hots ul li span.num2 {background-color: #fdb80c}
.ask-hots ul li span.num3 {background-color: #ffdc00}

.footer{background: #262626;color: #8c8c8c;font-size: 14px;}
.friends{margin-bottom:30px;padding-bottom: 16px;border-bottom: 1px solid #404040;}
.friends-tabs ul li{float: left;margin-right: 20px;font-size: 14px;color: #8c8c8c;cursor: pointer;}
.friends-tabs ul li.on{color: #fff;font-weight: bold;}
.friends-list{display: none;margin-top: 10px;}
.friends-list.disb{display: block;}
.friends-list ul li{float: left;display: inline-block;font-size: 14px;margin-right: 20px;white-space: nowrap;}
.friends-list ul li a{color: #8c8c8c;}
.friends-list ul li a:hover{color: #fe741c}
.footer-l{float: left;width: 880px;}
.footer-l .contact{font-size: 30px;color: #fe741c;}
.footer-l .contact span{font-weight: bold;margin-right: 20px;}
.footer-l .contact a{display: inline-block; width: 138px; height: 32px;line-height: 32px; border: 1px solid #fe741c;color: #fe741c;text-align: center;font-size: 14px;-webkit-border-radius: 2px;-moz-border-radius: 2px; border-radius: 2px; vertical-align:middle;}
.footer-l .contact a i{font-size: 14px;margin: 0 8px 0 4px;font-weight: normal;}
.foot-nav{margin-top: 40px;padding-bottom: 20px;color: #fff;border-bottom: 1px solid #404040;}
.foot-nav a{margin-right: 25px;color: #fff;}
.foot-chara{margin-top: 10px;color: #666;}
.foot-chara a{margin: 0 4px;color: #8c8c8c;}
.footer-r{float: right;width: 280px;padding-top: 40px;}
.footer-r .code1{float: left;width: 140px;text-align: center;}
.footer-r .code2{float: left;width: 140px;text-align: center;}
.footer-r img{width: 100px;height: 100px;}
.footer-r .code2 img{opacity:.2;}

.side-fix{position: fixed;bottom: 10px;right: 10px;z-index: 10;}
.side-fix a {position:relative;display: block;width: 48px;height: 48px;margin-bottom: 15px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%; background-color: #dcdcdc;text-align: center;cursor: pointer;}
.side-fix a.code{color:#fff; text-align:center;line-height:48px;font-size:24px;background-color:#fd8d27}
.side-fix a:hover{background-color:#fd8d27;}
.side-fix a.feedback{color:#fff; text-align:center;line-height:48px;font-size:24px;}
.side-fix a.backtop{display:none;color:#fff; text-align:center;line-height:48px;font-size:24px;}
.side-code{display:none;position: absolute;right:68px;top:50%;width:158px;height:188px;margin-top:-94px;text-align:center; background:#fff;-webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.1);box-shadow: 0 1px 6px 0 rgba(0,0,0,.1);}
.side-code img{width:124px;height:124px;margin-top:20px;}
.side-code p{font-size:14px;height:24px;line-height: 24px;color: #333;}
.side-code:before{position: absolute;top: 50%;right:0;margin-right: -14px;margin-top:-3px; content: "";display: block;width: 0;height: 0;border: 7px solid transparent;border-left: 7px solid #ddd;}