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,video{margin:0;padding:0;}
html{font-family: "Microsoft Yahei", "Helvetica", "SimHei", "Hiragino Sans GB", sans-serif; font-size:50px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.5;}
body{font-size:14px;overflow-x:hidden;min-width:320px;max-width:750px;color:#444;margin:0 auto;}
a{text-decoration:none;color:#444;}
a:active{outline:0;}
table{border-collapse:collapse;border-spacing:0;}
td,th{padding:0;}
ul,ol{list-style:none outside none;}
h1,h2,h3{font-weight:normal;}
em,s,i{font-style: normal;}
img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
button,input,select,textarea{color:inherit;font:inherit;margin:0;moz-user-select: -moz-none; -moz-user-select: none; -o-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none;}
button{overflow:visible;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
input{line-height:normal;outline:none;-webkit-appearance: none;-webkit-border-radius:0}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
textarea{overflow:auto;resize:vertical;}
input::-moz-placeholder,textarea::-moz-placeholder{color:#8c8c8c;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#8c8c8c;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#8c8c8c;}
.clearfix:after {content:"\200B"; display:block; height:0; clear:both;}
.clearfix {*zoom:1;}
.mask{display:none;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.5);z-index:100}
.mt10{margin-top:.2rem;}

.pd15{padding:.3rem;}
.ptd{padding:.2rem .3rem;}
.pd10{padding:.2rem;}
.pdb64{padding-bottom:1.28rem;}
.fl{float:left;}
.fr{float:right;}
.bgwhite{background:#fff;}
.red{color:#f74645;}





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

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

.icon-taiwan:before {
  content: "\e6bc";
}

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

.icon-anhui:before {
  content: "\e635";
}

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

.icon-fujian:before {
  content: "\e639";
}

.icon-gansu:before {
  content: "\e63a";
}

.icon-guizhou:before {
  content: "\e63b";
}

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

.icon-hainansheng:before {
  content: "\e63d";
}

.icon-guangdong:before {
  content: "\e63f";
}

.icon-hebei:before {
  content: "\e640";
}

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

.icon-hunan:before {
  content: "\e642";
}

.icon-hubei:before {
  content: "\e643";
}

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

.icon-jiangxi:before {
  content: "\e645";
}

.icon-jilin:before {
  content: "\e646";
}

.icon-jiangsu:before {
  content: "\e647";
}

.icon-liaoning:before {
  content: "\e648";
}

.icon-ningxia:before {
  content: "\e649";
}

.icon-qinghai:before {
  content: "\e64a";
}

.icon-shandong:before {
  content: "\e64b";
}

.icon-neimenggu:before {
  content: "\e64c";
}

.icon-shanxi:before {
  content: "\e64d";
}

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

.icon-zhejiang:before {
  content: "\e64f";
}

.icon-sichuan:before {
  content: "\e650";
}

.icon-shanxi1:before {
  content: "\e651";
}

.icon-xicang:before {
  content: "\e652";
}

.icon-yunnan1:before {
  content: "\e653";
}

.icon-aomen:before {
  content: "\e654";
}

.icon-xianggang:before {
  content: "\e655";
}

.icon-a-iconshanghai:before {
  content: "\e61a";
}

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

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

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

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

.icon-hot:before {
  content: "\e65a";
}

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

.icon-yunnan:before {
  content: "\e624";
}

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

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

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

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

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

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

.icon-kunmingshi:before {
  content: "\e6d5";
}

.icon-lijiangshi:before {
  content: "\e6d6";
}

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

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

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

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

.icon-icon-:before {
  content: "\e677";
}




.top{height:1rem;background:#fff;background-image: url('https://static.gwpp.com/zixun/img/logo.jpg');background-repeat: no-repeat; background-size: 200px 55px; margin:.12rem 0 .12rem .16rem;}
.logo{float:left;diplay:inline-block;width:2.1rem;height:.72rem;margin:.12rem 0 .12rem .16rem;}
.logo img{width:2.1rem;height:.72rem;}
.channel-name{float:left;height:.88rem;line-height:6.88rem;color:#fff;font-size:.36rem;font-weight: bold;}
.nav-list{float:right;width:.88rem;height:.88rem;line-height:.88rem; text-align:center; color:#fff;font-size:.4rem; cursor:pointer;}
.seach-show{float:right;width:.88rem;height:.88rem;line-height:.88rem; text-align:center; color:#fff;font-size:.4rem; cursor:pointer;}
.search-toast{display:none;z-index:999;position:absolute; top:.88rem;left:0;width:100%;box-sizing: border-box;  -webkit-box-shadow:0 10px 20px hsla(0,0%,60%,.25); box-shadow:0 10px 20px hsla(0,0%,60%,.25); }
.search-toast .search-area{float: left;width: 80%; height:.8rem;background: #f5f5f5; border: 1px solid #ccc;color: #333;font-size:.32rem;padding:.2rem;box-sizing: border-box; }
.search-toast .search-button{float:left;width: 20%;height:.8rem;margin-left:-1px; line-height:.8rem; font-size:.32rem;border:1px solid #ccc;background:#ddd;}
.home-box{background: #fff url(../images/bg.png) no-repeat 0 0;background-size: 100% auto;}
.slide-box{padding:.3rem .3rem 0 .3rem;}
#slide.swiper-container{position:relative;height: 2.6rem;-webkit-box-shadow: 0 0.1rem 0.1rem 0 rgb(50 50 50 / 20%); box-shadow: 0 0.1rem 0.1rem 0 rgb(50 50 50 / 20%);border-radius: .2rem;overflow:hidden}
#slide.swiper-container .swiper-wrapper{height:100%}
#slide.swiper-container .swiper-slide{float:left;width:100%;height:100%}
#slide.swiper-container .swiper-slide img{width:100%;height:100% }
#slide .swiper-pagination{position: absolute; bottom:.1rem; left: 0; width: 100%; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 10;}
#slide .swiper-pagination .swiper-pagination-bullet{ margin:.04rem;width:.3rem;height:.06rem;-webkit-border-radius:0; border-radius:0;background:#fff;}
#slide .page-mask{position:absolute;left:0;bottom:0; width:100%;height:1rem;z-index:2;background: linear-gradient(rgba(0,0,0,0), #000); }
#slide .swiper-slidebt{ position:absolute; bottom:.56rem;width:100%;height:.6rem; box-sizing:border-box;padding:.2rem; text-align:center; font-size:.32rem; color:#fff;z-index:999;}
#slide .swiper-slidebt a{display:block;height:.6rem; line-height:.6rem;  color:#fff;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}




.title-a{height:.8rem;padding:0 .2rem;}
.title-a .bt{float:left; position:relative;display:inline-block;height:.8rem;line-height:.8rem; font-size:.36rem; font-weight:normal;}
.title-a .bt i{color:#ff9800;font-size:.4rem;margin-right:.1rem;}
.title-a .more{float:right;position: relative;display:inline-block;height:.8rem;line-height:.8rem;color: #888;font-size: .24rem;padding-right:.32rem;}
.title-a .more:before {content: '';position: absolute;top: 0;bottom: 0;right: .16rem;display: inline-block; width: .08rem; height: .08rem;-webkit-border-radius: 100%;margin:auto;-moz-border-radius: 100%;border-radius: 100%;background: #b2b3c5;}
.title-a .more:after {content: '';position: absolute;top: 0;bottom: 0;right: 0;display: inline-block;width:  .08rem;height:  .08rem;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;background: #ddd; margin: auto;}
.classify{background:#fff;padding-top:.2rem;}
.classify ul li{float:left;width:20%;padding:.1rem 0; text-align:center;}
.classify ul li a{display:block;}
.classify ul li i{display:inline-block;width:.8rem;height:.8rem; line-height:.8rem;background:#7dd0c0;color:#fff; font-size:.44rem;font-weight:400; -webkit-border-radius:.1rem;-moz-border-radius:.1rem; border-radius:.1rem; }
.classify ul li span{display:block;height:.48rem; line-height:.48rem;margin-top:.1rem; font-size:.24rem;}

.classify ul li:nth-child(1) i{text-shadow:1px 1px 2px rgba(128,27,166,.2);background:#f599f5;}
.classify ul li:nth-child(1) i:before {content: "\e63b";}
.classify ul li:nth-child(2) i{text-shadow:1px 1px 2px rgba(204,38,84,.2);background:#fe9256;}
.classify ul li:nth-child(2) i:before {content: "\e652";}
.classify ul li:nth-child(3) i{text-shadow:1px 1px 2px rgba(54,110,187,.2);background:#70acff;;}
.classify ul li:nth-child(3) i:before {content: "\e650";}
.classify ul li:nth-child(4) i{text-shadow:1px 1px 2px rgba(17,140,145,.2);background:#31dea9;}
.classify ul li:nth-child(4) i:before {content: "\e653";}/*云南*/
.classify ul li:nth-child(5) i{text-shadow:1px 1px 2px rgba(17,140,145,.2);background: #fe9256;}
.classify ul li:nth-child(5) i:before {content: "\e641";}/*河南*/
.classify ul li:nth-child(6) i{text-shadow:1px 1px 2px rgba(17,140,145,.2);background: #ffb848;}
.classify ul li:nth-child(6) i:before {content: "\e643";}/*湖北*/
.classify ul li:nth-child(7) i{text-shadow:1px 1px 2px rgba(17,140,145,.2);background: #ff512b;}
.classify ul li:nth-child(7) i:before {content: "\e642";}/*湖南*/
.classify ul li:nth-child(8) i{text-shadow:1px 1px 2px rgba(17,140,145,.2);background: #17bbfe;}
.classify ul li:nth-child(8) i:before {content: "\e63f";}/*广东*/
.classify ul li:nth-child(9) i{text-shadow:1px 1px 2px rgba(17,140,145,.2);background: #45d57e;}
.classify ul li:nth-child(9) i:before {content: "\e63c";}/*广西*/
.classify ul li:nth-child(10) i{text-shadow:1px 1px 2px rgba(17,140,145,.2);background: #ff7f3d;}
.classify ul li:nth-child(10) i:before {content: "\e63d";}/*海南*/
.classify ul li:nth-child(11) i{text-shadow:1px 1px 2px rgba(17,140,145,.2);background: #6a86d3;}
.classify ul li:nth-child(11) i:before {content: "\e6bc";}/*台湾*/
.classify ul li:nth-child(12) i{text-shadow:1px 1px 2px rgba(17,140,145,.2);background: #35d0cb;}
.classify ul li:nth-child(12) i:before {content: "\e637";}/*北京*/
.classify ul li:nth-child(13) i{text-shadow:1px 1px 2px rgba(17,140,145,.2);background: #d695d6;}
.classify ul li:nth-child(13) i:before {content: "\e64e";}/*天津*/
.classify ul li:nth-child(14) i{text-shadow:1px 1px 2px rgba(17,140,145,.2);background: #ffba3d;}
.classify ul li:nth-child(14) i:before {content: "\e61a";}/*上海*/
.classify ul li:nth-child(15) i{text-shadow:1px 1px 2px rgba(17,140,145,.2);background: #38d5ea;}
.classify ul li:nth-child(15) i:before {content: "\e636";}/*重庆*/
.classify ul li:nth-child(16) i{text-shadow:1px 1px 2px rgba(17,140,145,.2);background: #9389e7;}
.classify ul li:nth-child(16) i:before {content: "\e655";}/*香港*/
.classify ul li:nth-child(17) i{text-shadow:1px 1px 2px rgba(17,140,145,.2);background: #c277e2;}
.classify ul li:nth-child(17) i:before {content: "\e601";}/*新疆*/
.classify ul li:nth-child(18) i{text-shadow:1px 1px 2px rgba(17,140,145,.2);background: #fe9256;}
.classify ul li:nth-child(18) i:before {content: "\e649";}/*宁夏*/
.classify ul li:nth-child(19) i{text-shadow:1px 1px 2px rgba(17,140,145,.2);background: #ec6978;}
.classify ul li:nth-child(19) i:before {content: "\e640";}/*河北*/
.classify ul li:nth-child(20) i{text-shadow:1px 1px 2px rgba(17,140,145,.2);background: #fa6754;}
.classify ul li:nth-child(20) i:before {content: "\e64d";}/*山西*/
.classify ul li:nth-child(21) i{text-shadow:1px 1px 2px rgba(17,140,145,.2);background: #4598fa;}
.classify ul li:nth-child(21) i:before {content: "\e64c";}/*内蒙古*/
.classify ul li:nth-child(22) i{text-shadow:1px 1px 2px rgba(17,140,145,.2);background: #6295ff;}
.classify ul li:nth-child(22) i:before { content: "\e648";}/*辽宁*/
.classify ul li:nth-child(23) i{text-shadow:1px 1px 2px rgba(17,140,145,.2);background: #ffa746;}
.classify ul li:nth-child(23) i:before { content: "\e646";}/*吉林*/
.classify ul li:nth-child(24) i{text-shadow:1px 1px 2px rgba(17,140,145,.2);background: #787fff;}
.classify ul li:nth-child(24) i:before {content: "\e644";}/*黑龙江*/
.classify ul li:nth-child(25) i{text-shadow:1px 1px 2px rgba(17,140,145,.2);background: #48d0b7;}
.classify ul li:nth-child(25) i:before {content: "\e647";}/*江苏*/
.classify ul li:nth-child(26) i{text-shadow:1px 1px 2px rgba(17,140,145,.2);background: #febf34;}
.classify ul li:nth-child(26) i:before {content: "\e64f";}/*浙江*/
.classify ul li:nth-child(27) i{text-shadow:1px 1px 2px rgba(17,140,145,.2);background: #ff4153;}
.classify ul li:nth-child(27) i:before {content: "\e635";}/*安徽*/
.classify ul li:nth-child(28) i{text-shadow:1px 1px 2px rgba(17,140,145,.2);background: #42b8ed;}
.classify ul li:nth-child(28) i:before {content: "\e639";}/*福建*/
.classify ul li:nth-child(29) i{text-shadow:1px 1px 2px rgba(17,140,145,.2);background: #a999fb;}
.classify ul li:nth-child(29) i:before { content: "\e645";}/*江西*/
.classify ul li:nth-child(30) i{text-shadow:1px 1px 2px rgba(17,140,145,.2);background: #45d2f2;}
.classify ul li:nth-child(30) i:before { content: "\e64b";}/*山东*/
.classify ul li:nth-child(31) i{text-shadow:1px 1px 2px rgba(17,140,145,.2);background: #ff992a;}
.classify ul li:nth-child(31) i:before {content: "\e651";}/*陕西*/
.classify ul li:nth-child(32) i{text-shadow:1px 1px 2px rgba(17,140,145,.2);background: #3fd9ce;}
.classify ul li:nth-child(32) i:before { content: "\e63a";}/*甘肃*/
.classify ul li:nth-child(33) i{text-shadow:1px 1px 2px rgba(17,140,145,.2);background: #f52d42;}
.classify ul li:nth-child(33) i:before {content: "\e64a";}/*青海*/
.classify ul li:nth-child(34) i{text-shadow:1px 1px 2px rgba(17,140,145,.2);background: #ff7f3d;}
.classify ul li:nth-child(34) i:before {content: "\e654";}/*澳门*/
.show-more-cate{margin:.2rem 0;text-align:center;color:#99a5c5;font-size:.28rem;}
.show-more-cate i{position:relative;left: 8px;top: -2px;display:inline-block;padding:0 .16rem;font-weight: 300;font-size:.24rem;color:#99a5c5;}
.show-more-cate.show-up i{-webkit-transform: rotate(180deg);transform: rotate(180deg);}



.hot-card-cities{width:100%;margin-top: .2rem;background:#fff;overflow:hidden}
.hot-card-cities ul li{position:relative;display:inline-block;padding:0 .1rem;text-align: center;}
.hot-card-cities ul li span{display:block;padding:0 .4rem;height:.64rem;line-height:.64rem;font-size:.32rem; text-align:center; border:1px solid #eee;color:#fe8100;-webkit-border-radius: .4rem;-moz-border-radius: .4rem; border-radius: .4rem;box-sizing: border-box;cursor: pointer;}
.hot-card-cities ul li.on span{background:#fe8100;border-color:#fe8100;color:#fff;}
.hot-card-cities ul{overflow-x:auto;white-space:nowrap;font-size:0;overflow-x:-moz-scrollbars-none;-ms-overflow-style:none}
.hot-card-cities ul::-webkit-scrollbar{width:0;height:0;display:none;-webkit-appearance:none;border-radius:0}

.hot-card-cont{display: none;overflow: hidden; }
.hot-card-cont.disb{display: block;}
.hot-card-cont ul{padding: .2rem;}
.hot-card-cont ul li{float: left;display: inline-block;width: 33.3333%;padding: .1rem;-webkit-box-sizing: border-box;box-sizing: border-box;}
.hot-card-cont ul li .thumb{width: 100%;height: 2.14rem;margin-bottom: .08rem;-webkiit-border-radius: .1rem;-moz-border-radius: .1rem;border-radius: .1rem; overflow: hidden;}
.hot-card-cont ul li .thumb img{width: 100%;height: 100%;}
.hot-card-cont ul li .bt{height: .6rem;line-height:.6rem;color: #222;font-size:.36rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hot-card-cont ul li .ms{height: .5rem;line-height: .5rem;font-size: .24rem;color:#999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.strategy-list ul{padding: .2rem .3rem;}
.strategy-list ul li{padding:.1rem 0;border-bottom: 1px solid #eee; overflow: hidden;}
.strategy-list ul li .img{float:right;width:2.45rem;height:1.56rem;margin-left:.3rem;-webkit-border-radius: .1rem;-moz-border-radius: .1rem; border-radius: .1rem; overflow: hidden;}
.strategy-list ul li .img img{width:2.45rem;height:1.56rem;}
.strategy-list ul li .bt{margin-bottom:.2rem;line-height: .44rem; font-size:.36rem;color: #292929;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-box-orient: vertical;box-orient: vertical;-webkit-line-clamp: 2;}
.strategy-list ul li .ms{font-size:.24rem;color:#999;}
.strategy-list ul li .ms span.tag{color:#607d8b;}
.strategy-list ul li:last-child {border-bottom: 0;}

.footer{padding:.2rem;text-align:center;background:#262a2e;color:#fff;font-size:.24rem;}
.footer a{display:inline-block;height:.8rem; line-height:.8rem;padding:0 .12rem;font-size:.28rem;color:#aaa}
.footer p{margin-top:.1rem; color:#999; font-size:.24rem;}


.bread{line-height:.36rem;padding:0 .2rem;font-size:.24rem;color: #999;}
.bread a{color:#999;}
.bread{line-height:.36rem;padding:0 .2rem;font-size:.3rem;color: #999;}
.bread a{color:#999;}
.bread a.home{display:inline-block;width:.28rem;height:.28rem;margin-bottom:-.04rem;background:url(../images/home.png) no-repeat;background-size:100% 100%;}

.list-bar li{height:.8rem;line-height:.8rem;font-size:.36rem;text-align:center;box-sizing:border-box;border:1px solid #e2e2e2;background:#fff;border-left:0;cursor: pointer;}
.list-bar li:last-child{border-right:0}
.list-bar li i{margin-left:.2rem;font-size:.36rem;color:#ccc;-webkit-transition:all .3s linear 0s;-moz-transition:all .3s linear 0s;transition:all .3s linear 0s}

.pages {padding:.2rem 0;text-align:center; clear:both;}
.pages span,.pages a {display:inline-block; margin-right:.01rem;margin-bottom:.2rem; color:#666;background:#fff;}
.pages a,.pages span {padding:.12rem .28rem; 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:.01rem;margin-bottom:.2rem; color:#666;}
.pages ul li a{background:#fff;}
.pages ul li.thisclass{padding:.12rem .28rem; background: #264391; border:1px solid  #264391; color:#fff; text-decoration:none; }

.list-thumb ul li{padding:.3rem; border-bottom:1px solid #f2f2f2;}
.list-thumb ul li:last-child{border-bottom:0;}
.list-thumb ul li a{display:block; overflow:hidden;}
.list-thumb ul li a img{float:left;width:2.16rem;height:1.44rem;margin-right:.3rem;-webkit-border-radius: .1rem;-moz-border-radius: .1rem;border-radius: .1rem;}
.list-thumb ul li a .bt{margin-bottom:.2rem;max-height:.88rem;line-height:.44rem; font-size:.32rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.list-thumb ul li a .info{color:#999; font-size:.24rem;}
.list-thumb ul li a .info span{padding-right:.4rem;}
.list-thumb ul li a .info span i{font-size:.24rem;}

.rel-cards ul{padding:0 .2rem .2rem .2rem;}
.rel-cards ul li{float:left;width:33.3333%;padding:.1rem;box-sizing: border-box;}
.rel-cards ul li a{position:relative;display: block;width:100%;}
.rel-cards ul li .thumb{width:2.16rem;height:2.16rem;}
.rel-cards ul li .thumb img{width:2.16rem;height:2.16rem;}
.rel-cards ul li .bt{position: absolute;bottom:0;left:0;width:96%;padding:0 2%;height:.52rem;line-height:.52rem;font-size:.28rem;background:rgba(0,0,0,.6);color:#fff;text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}


.mask{display: none;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.5);z-index:100}
.listpop{display: none;position:fixed;left:0;top:0;width:100%;border-top:.08rem solid #264391;background:#fff;z-index:11;-webkit-animation:bounceInDown .8s;animation:bounceInDown .8s;z-index:101}
.listpop .bt{height:.88rem;line-height:.88rem;text-align:center;font-size:.4rem;color:#264391;border-bottom:1px solid #e2e2e2;}
.listpop ul li{float:left;width:25%;height:.64rem;box-sizing:border-box;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;line-height:.64rem;text-align:center;font-size:.28rem;}
.listpop ul li.on{background: #fe8100;color: #fff;}
.listpop ul li.on a{color: #fff;}
.listpop ul li a{display:inline-block}
.listpop i{position:absolute;top:.08rem;right:.2rem;width:.64rem;height:.64rem;line-height:.64rem;font-size:.4rem;text-align:center;border-radius:.64rem;background:#e2e2e2}




@keyframes bounceInDown{60%,75%,90%,from,to{

-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);

animation-timing-function:cubic-bezier(.215,.61,.355,1)}

0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}

60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}

75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}

90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}

to{-webkit-transform:none;transform:none}

}