update
This commit is contained in:
toom1996
625
src/assets/content/Vobao/main_style.css
Normal file
625
src/assets/content/Vobao/main_style.css
Normal file
@ -0,0 +1,625 @@
|
||||
@charset "UTF-8";
|
||||
/**
|
||||
*
|
||||
* @authors Your Name (you@example.org)
|
||||
* @date 2016-04-19 11:21:31
|
||||
* @version $Id$
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'iconfont'; /* project id 86855 */
|
||||
src: url('https://at.alicdn.com/t/font_86855_uarloqip7415g66r.eot');
|
||||
src: url('https://at.alicdn.com/t/font_86855_uarloqip7415g66r.eot?#iefix') format('embedded-opentype'),
|
||||
url('https://at.alicdn.com/t/font_86855_uarloqip7415g66r.woff') format('woff'),
|
||||
url('https://at.alicdn.com/t/font_86855_uarloqip7415g66r.ttf') format('truetype'),
|
||||
url('https://at.alicdn.com/t/font_86855_uarloqip7415g66r.svg#iconfont') format('svg');
|
||||
}
|
||||
|
||||
.iconfont{font-family:'iconfont', 微软雅黑, 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans GB', 'Hiragino Sans GB W3', 'WenQuanYi Micro Hei', sans-serif;; font-style: normal; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
|
||||
.box{ width: 1200px; margin:auto;}
|
||||
.wrapper{ min-width:1200px; }
|
||||
|
||||
/*首页头部*/
|
||||
.p_navigation>.box>ul>li>a.btn2 {
|
||||
background: url(/Images/V3/index/new.gif) 20px center no-repeat;
|
||||
padding: 0 19px 0 48px;
|
||||
}
|
||||
.p_navigation>.box>ul>li>a.btn2:hover {
|
||||
background: url(/Images/V3/index/new.gif) 20px center #008fe9 no-repeat;
|
||||
}
|
||||
|
||||
.p_top{height: 35px;line-height: 35px;border-bottom: 1px solid #dadada;background: #ffffff;}
|
||||
.p_top p{ width: 600px; color: #2c2c2c; font-size: 14px; }
|
||||
.p_top li{float: left;margin:0 8px;font-size: 14px;}
|
||||
.p_top li a {color: #13a3ff;}
|
||||
.p_top li a:hover{ text-decoration: underline;}
|
||||
.p_head {background: #ffffff;}
|
||||
.p_head .logo{ margin:20px 0;}
|
||||
.p_head .search{border: 1px solid #13a3ff;width: 468px;background: #fff;position: absolute;left: 50%;margin-left: -234px;margin-top: 28px;}
|
||||
.p_head input{border: 0;padding: 11px;width: 402px;}
|
||||
.p_head input:focus{outline:none;}
|
||||
.p_head .btn{background: #13a3ff;color: #fff;width: 44px;height: 43px;line-height:1.5;text-align: center;font-size: 27px;cursor: pointer;}
|
||||
.p_head .btn:hover { background: #008fe9; }
|
||||
|
||||
.p_head .tel:before{font-size: 46px;font-style: normal;content:"\e607";float: left;margin: -3px 0 0;padding: 0;}
|
||||
.p_head .tel{color: #7dcded;font-size: 16px;width: 210px;margin: 25px 0 0 0;}
|
||||
.p_head .tel p{text-indent: 7px;color: #13a3ff;}
|
||||
.p_head .tel p.nub{ font-size: 22px; }
|
||||
|
||||
/*首页导航*/
|
||||
.p_navigation{ background: #13a3ff; height: 47px; line-height: 47px; color: #fff; font-size: 18px; text-align: center; }
|
||||
.p_navigation>.box>ul{ width: 1200px; }
|
||||
.p_navigation>.box>ul>li{ position: relative; }
|
||||
.p_navigation>.box>ul>li>a{ color: #fff; float: left; padding: 0 30px; }
|
||||
.p_navigation>.box>ul>li>a:hover , .p_navigation>.box>ul>li>a.active, .p_navigation>.box>ul>li.active{ background: #008fe9; }
|
||||
.p_navigation>.box>a.btn:before{ font-size: 25px; content: "\e606"; float: left; margin: 0px 5px;}
|
||||
.p_navigation a.btn {background: #ffd736;padding: 0 20px;color: #13a3ff;}
|
||||
.p_navigation a.btn:hover{color: #13a3ff;background: #ffe168;}
|
||||
.p_navigation>.box>ul>li>a.btn1{ background: url(/Images/V3/index/1.gif) 20px center no-repeat; padding-left: 51px; }
|
||||
.p_navigation>.box>ul>li>a.btn1:hover {background: url(/Images/V3/index/1.gif) 20px center #008fe9 no-repeat;}
|
||||
|
||||
/*首页焦点图*/
|
||||
.p_banner{ background:#fff; position:relative; z-index:10;}
|
||||
.p_banner .banner{width:100%; position:absolute;top:0;left:0; background-position:center top;height:300px;}
|
||||
.p_banner .banner img{ width: 100%; height:300px;}
|
||||
|
||||
/*测试需求*/
|
||||
.demand{z-index:2; width:335px;height: 230px;text-align: center;padding: 30px 40px 40px;border-radius: 2px;position: absolute;top: 0;right: 50%;margin-right: -600px;background: rgba( 255, 255, 255, .8);filter: progid:DXImageTransform.Microsoft.gradient(gradientType = 0, startColorstr = #80ffffff, endColorstr = #80ffffff)\8;}
|
||||
:root .demand{
|
||||
filter: none; /*for IE9*/
|
||||
}
|
||||
.demand h2{ color: #13a3ff; font-size: 30px; line-height: 40px;}
|
||||
.demand h3{color: #666666;font-size: 18px;line-height: 37px;}
|
||||
.demand .name{color: #2c2c2c;font-size: 18px;width:100px;text-align: left;line-height: 55px;}
|
||||
.demand .fr{float: left;width: 210px;text-align: left;line-height: 55px;}
|
||||
.demand .fr span{ margin-right: 7px;}
|
||||
.demand .btn{cursor:pointer; color: #fff;background: #13a3ff;border-radius:6px;display: block;line-height: 45px;height: 45px;border: 0;width: 100%;margin: 15px 0 0;}
|
||||
.demand .btn:hover{ background: #008fe9; }
|
||||
.demand select{border: solid 1px #cccccc;appearance:none;-moz-appearance:none;-webkit-appearance:none;width: 90px;float: left;padding: 6px 0;color: #666666;text-indent: 8px;margin: 13px 11px 0 0;background: url(/Images/V2/index/arrow.png) no-repeat scroll 70px center #fff;line-height: 1.4;}
|
||||
.demand select::-ms-expand { display: none; }
|
||||
|
||||
|
||||
/* RADIO */
|
||||
.regular-radio{display: none;display/*\**/:inline-block \9}
|
||||
.regular-radio + label{top: 4px;-webkit-appearance: none;border: 1px solid #13a3ff;padding: 8px;border-radius: 50px;display: inline-block;position: relative; display/*\**/:none \9}
|
||||
.regular-radio:checked + label:after{content: ' ';width: 10px;height: 10px;border-radius: 50px;position: absolute;top: 3px;background: #13a3ff;left: 3px;font-size: 32px;}
|
||||
.regular-radio:checked + label{border: 1px solid #13a3ff;}
|
||||
|
||||
/*首页标题1*/
|
||||
.policyholder{height: 50px;line-height: 50px;color: #13a3ff;font-size: 25px;text-indent:20px;position: relative;}
|
||||
.policyholder ul , .policyholder .more a , .p_tab .more a{ color: #666666; font-size: 16px; position: absolute; right:20px;top: 17px;line-height: 20px;}
|
||||
.policyholder .more a:hover{ color: #13a3ff;}
|
||||
.policyholder .more1 a{ right: 110px; top: 16px;}
|
||||
.policyholder li{ float: left; border-right: 1px solid #666666; padding: 0 12px; text-indent: 0;}
|
||||
.policyholder li.title{ color: #666666; border: 0; padding: 0;}
|
||||
.policyholder li > a{ color: #666666;}
|
||||
.policyholder li > a:hover{ color: #13a3ff; }
|
||||
.policyholder li:last-child{ border: 0; }
|
||||
.policyholder li.last-child{
|
||||
border: 0;
|
||||
}
|
||||
.borderbottom1{border-bottom: 1px solid #dadada;}
|
||||
.ask_btn{border: 1px solid #f2f2f2;color:#666666;padding: 4px 10px;background: #ffffff;font-size: 16px;border-radius: 4px;position: absolute;right: 15px;top: 12px; cursor: pointer;}
|
||||
.ask_btn:hover{border:1px #00a1e0 solid; color:#00a1e0;padding: 4px 10px;background: #ffffff;font-size: 16px;border-radius: 4px;position: absolute;right: 15px;top: 12px;}
|
||||
.policyholder span{color: #aaaaaa; font-size: 18px;}
|
||||
.policyholder span.area{ color: #2c2c2c; font-size: 16px; cursor: pointer;}
|
||||
.policyholder1 ul{ right:70px;}
|
||||
/* p_hotproduct */
|
||||
.p_contact{background: #f3f5f7; padding: 20px 0;}
|
||||
.p_hotproduct {background: #fff;width: 1200px;margin: auto;margin-top:20px;}
|
||||
.p_hotproduct .main_left{width: 300px;+width: 280px;padding:5px 20px 0;border-right: 1px solid #dadada; box-sizing:border-box}
|
||||
.p_hotproduct .main_left dl.last{border-bottom: 0;}
|
||||
.p_hotproduct .main_left dl{padding: 8px 0 8px 0;border-bottom: 1px dashed #dadada;}
|
||||
.p_hotproduct .main_left dt{color: #13a3ff;font-size: 18px;line-height: 35px;}
|
||||
.p_hotproduct .main_left dt.person:before{font-size: 24px;margin-right: 5px; content: "\e600";}
|
||||
.p_hotproduct .main_left dt.property:before{font-size: 25px;margin-right: 4px; content: "\e603";}
|
||||
.p_hotproduct .main_left dt.company:before{font-size: 21px;margin-right: 6px; content: "\e602";}
|
||||
.p_hotproduct .main_left dd a{color: #2c2c2c;font-size: 16px;float: left;width: 110px;/*text-indent: 15px;*/line-height: 30px;height: 30px; overflow: hidden;margin-left: 15px;}
|
||||
.p_hotproduct .main_left dd a:hover{ color: #00a1e0; }
|
||||
|
||||
.p_hotproduct>.main_right{ width: 899px;+width: 878px; }
|
||||
.p_hotproduct .tab{margin: 35px auto 10px;background: url(/Images/V2/index/index-product-titlebg.jpg) no-repeat center;text-align: center;font-size: 0;}
|
||||
.p_hotproduct .tab li{color: #13a3ff;font-size: 16px;text-align: center;height: 31px;line-height: 31px;display: inline-block;width: 90px;border: 1px solid #13a3ff;background: #fff; cursor: pointer;}
|
||||
.p_hotproduct .tab li.active{ background: #13a3ff; color: #fff;}
|
||||
.p_hotproduct .tab li:first-child{ border-radius: 20px 0 0 20px; }
|
||||
.p_hotproduct .tab li:last-child{ border-radius: 0 20px 20px 0; }
|
||||
|
||||
.p_hotproduct .con li{float: left;width: 390px;margin: 30px 0 5px 40px;}
|
||||
.p_hotproduct .con .img{width: 75px;height: 75px;padding: 5px;margin: 7px 0 0;overflow: hidden;border: 1px solid #e6e6e6; overflow: hidden;}
|
||||
.p_hotproduct .con .img,.main_ggt011,.main_ggt012,.photo,.p_expert .main_right .img{overflow: hidden; }
|
||||
.p_hotproduct .con .img,.main_ggt011 img,.main_ggt012 img,.photo img,.p_expert .main_right .img img,.p_guide .img img{-webkit-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
|
||||
.p_hotproduct .con .img:hover img,.main_ggt011:hover img,.main_ggt012:hover img,.photo:hover img,.p_expert .main_right .img:hover img,.p_guide .img:hover img {-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
|
||||
.p_hotproduct .con .fr{width: 290px;}
|
||||
.p_hotproduct .con h2 a{color: #2c2c2c;font-size:16px;/* line-height: 20px; */height: 20px;overflow:hidden;display: block;white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
-o-text-overflow: ellipsis;
|
||||
-moz-binding: url('ellipsis.xml#ellipsis');}
|
||||
.p_hotproduct .con h2 a:hover{ color:#00a1e0 }
|
||||
.p_hotproduct .con .infor{color: #666666;font-size: 14px;margin: 6px 0 6px;height: 40px;overflow: hidden;}
|
||||
.p_hotproduct .con .btn a{color: #00a1e0;font-size: 14px;padding: 2px 5px;border: 1px #00a1e0 solid;float: left;margin-right: 4px;border-radius:4px;}
|
||||
.p_hotproduct .con .btn a:hover{ background: #13a3ff; color: #fff; }
|
||||
.p_hotproduct a.more{color: #666666;font-size: 16px;line-height: 33px;height: 33px;border: 1px solid #dadada;width: 110px;text-align: center;display: block;border-radius: 6px;margin: 10px auto 15px;}
|
||||
.p_hotproduct a.more:hover{ background:#13a3ff; color: #fff;}
|
||||
|
||||
/* 保险专题 保险咨询 */
|
||||
.p_special{ background: #fff; width: 1200px; margin:20px auto 0; } /* 原有padding: 5px 0 0; */
|
||||
.p_special .main_left{ float: left; width: 384px; height: 480px; border-right: 1px solid #dadada;}
|
||||
.p_special .main_left .newwrap{margin: 5px 30px 20px;width: 325px;}
|
||||
.p_special .main_left .newlist{width: 325px; overflow: hidden;background: #fff;}
|
||||
.p_special .newlist h2 a{font-size: 18px;color: #2c2c2c;text-align: center;line-height: 40px;height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
|
||||
.p_special .newlist h2 a:hover{ color: #13a3ff; }
|
||||
.p_special .newlist p{color: #666666;font-size: 14px;line-height: 22px;}
|
||||
.p_special .newlist .txt{ width: 325px; height: 106px;}
|
||||
|
||||
/* 保险咨询 */
|
||||
.p_special .main_right{ float: left; width: 519px; height: 480px; border-right: 1px solid #dadada;}
|
||||
.p_special .main_right ul{ margin: 5px 20px 0px 25px; padding-bottom: 15px;}
|
||||
.p_special .main_right li{ line-height:28px;}
|
||||
.p_special .main_right li .left a{ float: left; width: 395px; text-indent: 25px; font-size: 16px; color: #2c2c2c; background: url(/Images/V2/index/icon02.jpg) no-repeat 0;overflow:hidden; display: block;white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
-o-text-overflow: ellipsis;
|
||||
-moz-binding: url('ellipsis.xml#ellipsis');}
|
||||
.p_special .main_right li .left a:hover{ color: #13a3ff; background: url(/Images/V2/index/icon01.jpg) no-repeat 0;}
|
||||
.p_special .main_right li .date{float: right;max-width: 70px;height: 32px;background: url(/Images/V2/index/zan-icon.jpg) no-repeat left center;color: #aaaaaa;overflow: hidden;text-indent: 20px;/* margin-right: 10px; *//* text-align: right; */}
|
||||
.border-bottom2{ border-bottom:1px dashed #e0e0e0;}
|
||||
|
||||
/* 城市明星 */
|
||||
.p_star{ background: #fff; width: 1140px; margin:20px auto 0; padding: 0 30px 15px;}
|
||||
.p_star h2{ color: #13a3ff; font-size:30px; text-align: center; line-height: 80px; background: url(/Images/V2/index/title_bg.jpg) no-repeat center; }
|
||||
.photo {float: left;width: 125px;height: 145px;overflow: hidden;}
|
||||
.p_star ul li{ width: 250px; height: 145px; }
|
||||
.p_star .photo img{ float: left; width: 125px; height: 145px; overflow: hidden; }
|
||||
.p_star .right{width: 130px;height:135px;float: right;text-align:left;padding: 0 0 10px 10px;margin-right: 18px;background: #f3f5f7;}
|
||||
.p_star .name{ float: left; font-size: 18px;color: #2c2c2c;line-height: 40px; margin-top: 10px;}
|
||||
.p_star .name a{ color: #2c2c2c;}
|
||||
.p_star p a:hover,.p_star .name a:hover{ color: #13a3ff; }
|
||||
.p_star p{color: #666666;font-size: 16px;line-height: 30px;}
|
||||
.p_star p a{ color: #666;}
|
||||
|
||||
.p_star .tel{color: #2c2c2c;font-size: 16px;line-height: 35px;}
|
||||
.p_star .jian{float: left;background: url(/Images/V2/index/jian-icon.jpg) no-repeat;margin: 21px 0 0 4px;width: 21px;height: 20px;}
|
||||
|
||||
*{margin:0;padding:0;list-style-type:none;}
|
||||
.scroll-outer{height:421px;}
|
||||
#scroll{width:1130px;margin:0 auto;}
|
||||
#scroll .owl-wrapper-outer{margin:0 auto;}
|
||||
#scroll .item{position:relative;width:250px;height:339px;margin:0 auto;background-color:#fff;overflow:hidden;}
|
||||
|
||||
.owl-theme .owl-controls .owl-buttons div{position:absolute;top:180px;width:30px;height:60px;margin:0;padding:0;border-radius:0; background-color:transparent;overflow:hidden; _display:none;}
|
||||
|
||||
/* 保险专家 */
|
||||
.p_expert{ width:1200px; margin:20px auto 0; background: #fff;}
|
||||
.p_expert h2{color: #2c2c2c;font-size: 18px;line-height: 30px;}
|
||||
.p_expert .main_left{width: 320px; +width: 300px; padding: 10px 0 0 20px;float: left;border-right: 1px solid #dadada;box-sizing: border-box;}
|
||||
.p_expert .main_left select{border: solid 1px #cccccc;appearance:none;-moz-appearance:none;-webkit-appearance:none;width: 270px; padding: 6px 0;color: #666666;text-indent: 8px;margin: 13px 0 0;background: url(/Images/V2/index/arrow.png) no-repeat scroll 250px center #fff;}
|
||||
.p_expert .main_left select::-ms-expand { display: none; }
|
||||
.p_expert .main_left input{border: solid 1px #cccccc; width:268px;padding: 6px 0;margin: 13px 0 0; text-indent: 10px;}
|
||||
.p_expert .main_left .bule_btn{ color: #ffffff; font-size: 18px; text-align: center; line-height: 30px; background: #13a3ff; border:0; border-radius: 5px; margin: 13px 0 0;cursor: pointer;}
|
||||
.p_expert .main_left .bule_btn:hover{ background:#008fe9; color: #fff;}
|
||||
.p_expert .main_left .count{border-top: 1px solid #dadada; margin: 15px 0 0; padding: 15px 0 0;}
|
||||
.p_expert .main_left .count img{ float: left; width:140px; }
|
||||
.p_expert .main_left .count .fl{ margin-top: 8px;}
|
||||
.p_expert .main_left .count p{ color: #2c2c2c; font-size: 16px; line-height: 22px; }
|
||||
.p_expert .main_left .count p.nub{ color: #13a3ff; font-size: 25px; line-height: 45px;}
|
||||
.p_expert .main_right{ width: 879px; float: right; }
|
||||
.p_expert .main_right li{ float: left; width: 255px; margin: 25px 0 0 25px;height: 110px; overflow: hidden;}
|
||||
.p_expert .main_right .img{ float: left; width: 95px; height: 110px;overflow: hidden; }
|
||||
.p_expert .main_right .con{ float: right; width: 140px; }
|
||||
.p_expert .main_right .name{font-size: 16px;color: #2c2c2c;line-height: 30px;}
|
||||
.p_expert .main_right .name a,.con p a{ color: #666;}
|
||||
.p_expert .main_right .name a:hover{ color: #13a3ff;}
|
||||
.p_expert .main_right p{font-size:14px;color:#666;line-height:22px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
|
||||
.small_btn{ font-size: 14px; text-align: center; line-height:18px; border-radius: 2px; border: 1px solid #13a3ff; float: left; cursor: pointer;width: 65px;height: 24px;line-height: 24px;box-sizing: border-box;}
|
||||
.p_expert .main_right .btn{color: #13a3ff;background: #fff;margin-top: 9px;}
|
||||
.p_expert .main_right .btn:hover{ background: #13a3ff; color: #fff;}
|
||||
.p_expert .main_right .bule_btn{float: left;background: #13a3ff;color: #fff;margin: 9px 0 0 7px;}
|
||||
.p_expert .main_right .bule_btn:hover{ background: #fff; color: #13a3ff;}
|
||||
.p_expert .main_right .name img{ margin-left:5px; }
|
||||
|
||||
/* 热门方案 */
|
||||
.p_hotplan{width: 1200px;margin:20px auto 0;background: #fff;}
|
||||
.p_hotplan>ul{ font-size: 0; }
|
||||
.p_hotplan>ul>li{width: 360px;text-align: center;padding: 0 19px;display: inline-block; +display:inline;+zoom: 1;}
|
||||
.p_hotplan>ul>li+li{border-left: 1px solid #dadada;}
|
||||
.p_hotplan .head{border-bottom: 1px dashed #dadada;margin: 15px 5px 10px; position: relative;}
|
||||
.p_hotplan .head h3{font-size: 25px;color: #2c2c2c;line-height: 40px;}
|
||||
.p_hotplan .head h3 a{ width:350px;overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
-o-text-overflow: ellipsis;
|
||||
-moz-binding: url('ellipsis.xml#ellipsis'); }
|
||||
.p_hotplan .head dl{font-size: 0;text-align: center;line-height: 25px;padding-bottom: 2px;}
|
||||
.p_hotplan .head dd{font-size: 21px;color: #e1e1e1;display: inline-block;margin-left: 10px;}
|
||||
.p_hotplan .head dt{font-size: 16px;color: #aaaaaa;display: inline-block;margin-right: 10px;}
|
||||
.p_hotplan p{ color: #2c2c2c; font-size: 18px; line-height: 30px;overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
-o-text-overflow: ellipsis;
|
||||
-moz-binding: url('ellipsis.xml#ellipsis');}
|
||||
.p_hotplan .con{ background: #fafafa; line-height: 40px; font-size: 16px; color: #13a3ff; margin: 10px 0 13px; height: 40px; overflow: hidden;padding: 0 5px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
-o-text-overflow: ellipsis;
|
||||
-moz-binding: url('ellipsis.xml#ellipsis');}
|
||||
.p_hotplan>ul>li>.premium>li{ font-size: 16px; display: inline-block; color: #666666; padding: 0 20px;}
|
||||
.p_hotplan>ul>li>.premium>li+li{border-left: 1px dashed #dadada;}
|
||||
.p_hotplan>ul>li>.premium>li>.nub{ color: #13a3ff;font-size: 25px;width: 139px; }
|
||||
.p_hotplan .bule_btn{color: #ffffff;font-size: 18px;text-align: center;line-height: 40px;background: #13a3ff;border:0;border-radius: 5px;margin: 13px auto;width: 320px;}
|
||||
.p_hotplan .bule_btn:hover{ background:#008fe9; color: #fff;}
|
||||
|
||||
|
||||
/*投保指南*/
|
||||
.p_guide{width:1200px; margin:20px auto 0; background: #fff;}
|
||||
.p_guide>ul{ font-size: 0; }
|
||||
.p_guide>ul>li{width: 400px;+width:340px;padding:10px 29px 0;display: inline-block; vertical-align: top;/* border-right:1px solid #f2f2f2;*/box-sizing: border-box;+display: inline; +zoom: 1;}
|
||||
.p_guide>ul>li+li{border-left:1px solid #dadada;}
|
||||
/*.p_guide>ul>li:last-child{ border: 0; }*/
|
||||
.p_guide>ul>li .title{font-size: 18px;color: #2c2c2c;line-height: 45px;text-align: center;position: relative;}
|
||||
.p_guide>ul>li .title span{ padding: 0 15px; background: #fff; position: relative; z-index: 2;}
|
||||
.p_guide>ul>li hr{width: 260px;height: 0;border: 0; margin: 0 50px;border-top:1px solid #dadada; position: absolute;top:50%;z-index: 1;}
|
||||
.p_guide>ul>li>.img{width: 341px;height: 180px;overflow: hidden;}
|
||||
.p_guide>ul>li>.img img{width: 341px;height: 180px;overflow: hidden;}
|
||||
.p_guide>ul>li>ul>li>a{line-height:30px;height: 30px;text-indent: 25px;font-size: 16px;width: 341px;overflow: hidden;color: #2c2c2c;display: block;background: url(/Images/V2/index/icon02.jpg) no-repeat 0;}
|
||||
.p_guide>ul>li>ul>li>a:hover{ color: #13a3ff; background: url(/Images/V2/index/icon02_hover.jpg) no-repeat 0;}
|
||||
.p_guide a.more{color: #666666;font-size: 16px;line-height: 33px;height: 33px;border: 1px solid #dadada;width: 110px;text-align: center;display: block;border-radius: 6px;margin: 10px auto 15px;}
|
||||
.p_guide a.more:hover{ background:#13a3ff; color: #fff;}
|
||||
|
||||
|
||||
/*合作伙伴*/
|
||||
.p_partner{background:#fff; width: 1200px; margin: 20px auto 0;}
|
||||
|
||||
|
||||
/*子导航*/
|
||||
.navchild{/* display: none; */position: absolute;top: 47px;left:0;background: #008fe9;text-align: left;z-index: 20;width: 400px;padding: 0 20px;}
|
||||
/*.navchild h2{float: left;width: 391px;height: 60px;background: url(/Images/V2/index/x_line2.png) left 51px no-repeat;font-size: 18px;line-height: 60px;}*/
|
||||
/*.navchild h2:before{ position: relative; top: 3px; left: 2px; margin-right: 15px; content: url(/Images/old/v3/MainSite/Content/themes/Default/images/XZ/t1.png);}*/
|
||||
/*.navchild h2 a{color:#fff;}
|
||||
.navchild h2 a:hover{ color: #8BDDFD; }*/
|
||||
.navlist{width: 198px;height: 152px;float: left; background: url(/Images/V2/index/x_line2.png) 0 150px no-repeat;}
|
||||
.navt1,.navt2,.navt3,.navt4{width: 193px;height: 27px;color: #f1f1f1;font-size: 17px;line-height: 27px;}
|
||||
.navt1:before,.navt2:before,.navt3:before,.navt4:before{position: relative;top: 5px;left: 2px;margin-right: 14px;}
|
||||
.navt1:before{content: url(/Images/old/v3/MainSite/Content/themes/Default/images/XZ/t2.png);}
|
||||
.navt2:before{content: url(/Images/old/v3/MainSite/Content/themes/Default/images/XZ/t3.png);}
|
||||
.navt3:before{content: url(/Images/old/v3/MainSite/Content/themes/Default/images/XZ/t4.png);}
|
||||
.navt4:before{content: url(/Images/old/v3/MainSite/Content/themes/Default/images/XZ/t5.png);}
|
||||
.navt3,.navt4{margin-top: 5px;}
|
||||
.navlist ul{float: left;padding-left: 30px;}
|
||||
.navlist li{float: left;width: 80px;height: 30px;padding: 0;line-height: 30px;background: none;color: #f1f1f1;font-size: 13px;}
|
||||
.navlist li a{width: 80px;height: 30px;padding: 0;line-height: 30px;color: #f1f1f1;}
|
||||
.navlist li a:hover{height: 30px;padding: 0;line-height: 30px;color: #fff;background: none;}
|
||||
.ndown{ color: #fff; float: left; padding: 0 31px;}
|
||||
|
||||
.rnav{float: right;height: 49px;line-height: 49px;font-size: 13px;}
|
||||
.tlogo{position: relative; cursor: pointer;}
|
||||
.licon{position: absolute;top: 0;right: 0;overflow: hidden;width: 88px;height: 49px;text-align:center}
|
||||
.tlogochild{display: none;position: absolute;top: 10px;width: 88px;border:1px solid #dfdfdf;border-bottom:none;background: #fff;z-index: 999;}
|
||||
.tlogochild li{width: 88px;height: 33px;_height: 28px;_padding-top: 5px;border-bottom:1px solid #dfdfdf;line-height: 33px;background: #fff;color: #666666;font-size: 12px;text-align: center;_line-height: 15px; margin: 0;}
|
||||
.tlogochild li a{ float: none; }
|
||||
|
||||
.setcity{display: none;position: absolute;top: 45px;left: 110px;/* width: 305px; */padding: 0 20px;background: #fff;border: 1px solid #e3e3e3;}
|
||||
.ctop{margin-bottom: 5px;color: #666666;line-height: 40px; text-indent: 0;}
|
||||
.cbg{position: relative;top: -6px;left: 15px;width: 15px;height: 10px;background: url(/Images/V3/member/tbg.png) no-repeat;}
|
||||
.set{font-size: 18px;}
|
||||
.ctop .all{color: #666;font-size: 14px;cursor: pointer;}
|
||||
.ctop .all a{color: #666;}
|
||||
.ctop .all:hover{color: #008fca;}
|
||||
.ctop a:hover{color: #008fca;}
|
||||
.setlist{width: 272px;font-size: 16px;margin: 0px auto;}
|
||||
.setlist select{width: 130px;height: 30px;line-height: 30px;}
|
||||
.setlist input{margin-left: 55px;}
|
||||
.sbut{width: 195px; height: 30px; line-height: 30px; margin:15px auto 20px auto;}
|
||||
.sbut1{width: 90px;background: #00adf0;color: #fff;text-align: center;cursor: pointer; text-indent: 0; line-height: 30px; font-size: 14px;}
|
||||
.sbut2{width: 90px;background: #ededed;text-align: center;cursor: pointer; text-indent: 0; line-height: 30px; font-size: 14px;}
|
||||
|
||||
/*底部开始*/
|
||||
.bottom{
|
||||
width: 100%;
|
||||
height: 290px;
|
||||
padding-top: 75px;
|
||||
background: #444749;
|
||||
}
|
||||
.bleft{
|
||||
overflow: hidden;
|
||||
width: 320px;
|
||||
height: 290px; float: left;
|
||||
}
|
||||
.bleft dl{
|
||||
float: left;
|
||||
width: 320px;
|
||||
height: 290px;
|
||||
}
|
||||
.bleft dl dt{
|
||||
float: left;
|
||||
width: 190px;
|
||||
height: 80px;
|
||||
}
|
||||
.bleft dl dt img{
|
||||
width: 182px;
|
||||
height: 54px;
|
||||
}
|
||||
.bleft dl dd{
|
||||
float: left;
|
||||
width: 320px;
|
||||
height: 200px;
|
||||
line-height: 26px;
|
||||
color: #92979b;
|
||||
font-size: 13px;
|
||||
}
|
||||
.blist{
|
||||
overflow: hidden;
|
||||
width: 184px;
|
||||
height: 290px; float: left;
|
||||
}
|
||||
.blist dl{
|
||||
float: left;
|
||||
width: 184px;
|
||||
height: 24px;
|
||||
}
|
||||
.blist dl dt{
|
||||
float: left;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
.blist dl dt{
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
.blist dl dd{
|
||||
float: left;
|
||||
width: 150px;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
color: #e8e9e9;
|
||||
font-size: 18px;
|
||||
}
|
||||
.blist ul{
|
||||
float: left;
|
||||
width: 184px;
|
||||
padding-left: 34px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
.blist li{
|
||||
float: left;
|
||||
width: 184px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
color: #e8e9e9;
|
||||
font-size: 13px;
|
||||
}
|
||||
.blist li a{
|
||||
color: #e8e9e9;
|
||||
}
|
||||
.blist p {
|
||||
float: left;
|
||||
width: 174px;
|
||||
height: 24px;
|
||||
padding-top: 10px;
|
||||
padding-left: 5px;
|
||||
line-height: 24px;
|
||||
color: #e8e9e9;
|
||||
font-size: 16px;
|
||||
}
|
||||
.attention{
|
||||
float: left;
|
||||
width: 184px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
.attention dl{
|
||||
float: left;
|
||||
width: 184px;
|
||||
height: 30px;
|
||||
}
|
||||
.attention dl dt{
|
||||
float: left;
|
||||
width: 24px;
|
||||
height: 15px;
|
||||
padding: 7px 10px 8px 0;
|
||||
text-align: right;
|
||||
}
|
||||
.attention dl dt img{
|
||||
width: 19px;
|
||||
height: 15px;
|
||||
}
|
||||
.attention dl dd{
|
||||
float: left;
|
||||
width: 150px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
color: #e8e9e9;
|
||||
font-size: 13px;
|
||||
}
|
||||
.attention dl dd a{
|
||||
color: #e8e9e9;
|
||||
}
|
||||
.weixin{
|
||||
width: 115px;
|
||||
height: 185px;
|
||||
padding: 15px 14px 0 14px;
|
||||
background: #5b5d5f;
|
||||
border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px; float: left;
|
||||
|
||||
}
|
||||
.weixin dl{
|
||||
float: left;
|
||||
width: 115px;
|
||||
height: 185px;
|
||||
}
|
||||
.weixin dl dt{
|
||||
float: left;
|
||||
width: 115px;
|
||||
height: 116px;
|
||||
}
|
||||
|
||||
.weixin dl dd{
|
||||
float: left;
|
||||
width: 115px;
|
||||
padding-top: 10px;
|
||||
line-height: 20px;
|
||||
color: #d6dbdf;
|
||||
font-size: 12px;
|
||||
font-family: '宋体';
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.show { display: block; }
|
||||
.enter { display: block; position: fixed; top: 500px; left: 100px; width: 140px; height: 45px; line-height: 45px; text-align: center; font-size: 18px; color: #fff; background: #13a3ff; border-radius: 5px; cursor: pointer; }
|
||||
.enter i { font-size: 24px; }
|
||||
.enter:hover{ color: #ffff00; }
|
||||
|
||||
.p_tab {width: 100%;overflow: hidden;border-bottom: 1px solid #dadada; position:relative;}
|
||||
.p_tab li{display: inline-block; *display: inline;*zoom: 1;height: 50px;padding: 0 25px;line-height: 50px;text-align: center;font-size: 18px;color: #2c2c2c;cursor: pointer;/* border-bottom: 1px solid #dadada; */}
|
||||
.p_tab li.active,.p_tab li:hover {color: #13a3ff;border-bottom: 3px solid #13a3ff;height: 47px;}
|
||||
.p_link {display: none;padding: 20px 0;}
|
||||
.p_link img {height: 50px; vertical-align: middle;}
|
||||
.p_link a {display: inline-block; *display: inline; *zoom:1;color: #2c2c2c;margin: 0 15px 0 25px;line-height: 37px;}
|
||||
.p_link a:hover { color: #00a1e0;}
|
||||
.show { display: block; }
|
||||
.quan{ position: absolute; top: 8px; margin-left: 10px;}
|
||||
|
||||
/* 2016.12.12 LWT */
|
||||
.wb_hfrz { position:absolute; text-align:center; width: 100%; margin-top:185px; }
|
||||
.wb_hfrz img { width:110px; height:35px; margin-right:5px; }
|
||||
|
||||
/*2016.12.12样式新增*/
|
||||
.jy_qinp {
|
||||
color: #aaaaaa;
|
||||
}
|
||||
.cw_vip {
|
||||
float: left;
|
||||
display: inline-block;
|
||||
width: 75px;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
padding-left: 22px;
|
||||
background: url(/Images/V2/index/vip_tb011.png) 0 9px no-repeat;
|
||||
color: #f6881f;
|
||||
font-size: 16px;
|
||||
}
|
||||
.cw_vip a {
|
||||
color: #f6881f;
|
||||
}
|
||||
.cw_vip a:hover {
|
||||
color: #f8993f;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.zf_an01 {
|
||||
float: left;
|
||||
display: inline-block;
|
||||
width: 70px;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
padding-left: 22px;
|
||||
background: url(/Images/V2/index/zf_bt011.png) 0 9px no-repeat;
|
||||
color: #f6881f;
|
||||
font-size: 16px;
|
||||
}
|
||||
.zf_an01 a {
|
||||
color: #f6881f;
|
||||
}
|
||||
.zf_an01 a:hover {
|
||||
color: #f8993f;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.latest_news_box { background: #fff; width:1200px; margin:0 auto; height:45px; }
|
||||
.latest_news { width:1198px; height:45px; float:left; line-height:45px; color:#333333; font-size: 14px; }
|
||||
.latest_news a{ float: left;display: inline-block;color:#333333; max-width:260px; overflow:hidden; padding-right:23px;}
|
||||
.latest_news a:hover{ float: left;display: inline-block;color:#333333; max-width:260px; overflow:hidden;text-decoration: underline; }
|
||||
.latest_news_l { width:46px; height:45px; float: left;display: inline-block; margin-left:5px; background: url(/Images/V2/index/gb_tb011.png) 20px 14px no-repeat; }
|
||||
/*.latest_news_r { float: left;display: inline-block;width:1100px;height: 45px;}*/
|
||||
|
||||
.scroll_vertical{position:relative;float: left;display: inline-block;width:1100px;height: 45px;}
|
||||
.scroll_vertical .gd_box{position:relative;width:1198px; height:45px; overflow:hidden; list-style: none;}
|
||||
.scroll_vertical .list{position:absolute;top:0;left:0;}
|
||||
.scroll_vertical .list li{height:45px; line-height:45px; overflow:hidden; padding:0 10px; color:#333333;}
|
||||
|
||||
/*#ggscrollWrap { width:1198px; height:45px; overflow:hidden; list-style: none;}
|
||||
#ggscrollMsg li { height:45px; line-height:45px; overflow:hidden; padding:0 10px; color:#333333;}*/
|
||||
|
||||
.p_advert{background: #fff;width: 1200px;height: 120px;margin: auto; margin-top:20px;}
|
||||
.p_advert img {width: 1200px;height: 120px;opacity: 0.90;filter:alpha(opacity=90);}
|
||||
.p_advert img:hover { opacity: 1;filter:alpha(opacity=100);}
|
||||
|
||||
.p_special .main_ggt01{ float: left; width: 290px;}
|
||||
.main_ggt011{float: left;display: inline-block;width: 250px;height: 200px; margin-left:21px; margin-top:27px;}
|
||||
.main_ggt011 img {
|
||||
width: 250px;
|
||||
height: 200px;
|
||||
}
|
||||
.main_ggt012{float: left;display: inline-block;width: 250px;height: 200px; margin-left:21px; margin-top:27px;}
|
||||
.main_ggt012 img {
|
||||
width: 250px;
|
||||
height: 200px;
|
||||
}
|
||||
#kinMaxShow{visibility:hidden;width:100%; height:300px;overflow:hidden;}
|
||||
/*城市切换*/
|
||||
.none{display: none;}
|
||||
.p_head{ position: relative; }
|
||||
.select-city{font-size: 14px;padding: 3px 15px;border-radius: 6px;position: absolute;color: #666666;left: 50%;top: 50px;z-index: 1;margin-left: -390px;cursor: pointer;border: 1px solid #dadada;}
|
||||
|
||||
.city-bg{width: 100%; height: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99; background: rgba( 0, 0, 0, .4);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(gradientType = 0, startColorstr = #40000000, endColorstr = #40000000)\9;}
|
||||
.animated{-webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
|
||||
.bounceIn{-webkit-animation-name: bounceIn; animation-name: bounceIn;}
|
||||
@keyframes bounceIn{
|
||||
0%{opacity:0; -webkit-transform:scale(.3); -ms-transform:scale(.3); transform:scale(.3)}
|
||||
80%{opacity:1; -webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05)}
|
||||
100%{opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1)}}
|
||||
|
||||
.city-change{width: 640px; height: 440px; background: #ffffff; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2); box-shadow: 0 1px 3px rgba(0,0,0,0.2); border-radius: 2px; position: fixed; margin: auto; left: 0; right: 0; top: 0; bottom: 0; padding-bottom: 20px;}
|
||||
.city-change .city-close{cursor: pointer; display: inline-block; width: 31px; height: 30px; overflow: hidden; position: absolute; right: -10px; top: -10px; z-index: 100; background: url(/Images/V3/index/close-fc.png); background-repeat: no-repeat;}
|
||||
.citypop-content-top{height: 29px; line-height: 29px; padding: 8px 15px; position: relative; background-color: #fcfcfc; border-bottom: solid 1px #ccd3e4;}
|
||||
.citypop-search{width: 250px; height: 22px; line-height: 22px; float: left; margin-top: 3px; margin-right: 10px; border: solid 1px #ccd3e4; background-color: #fff; position: relative;}
|
||||
|
||||
.citypop-search-icon:before{font-size: 15px;font-style: normal;content:"\e604";margin-left: 4px;}
|
||||
|
||||
.citypop-search input{outline: 0;width: 228px;position: absolute;left: 22px;top: 0;border: 0;background-color: #fff;color: #b8bbc1;padding: 0;line-height: 22px;}
|
||||
.citypop-hotcity a{margin-left: 15px; padding: 0 5px; display: inline-block; float: left; color: #2c2c2c;}
|
||||
.citypop-hotcity a.on,.citypop-hotcity a:hover{color: #d60000;}
|
||||
.citypop-nb{height: 28px; padding: 8px 11px;}
|
||||
.citypop-nb a{display: inline-block; width: 19px; height: 19px; line-height: 19px; border-radius: 2px; margin: 4px; font-size: 14px; text-align: center; color: #3b5998; border: solid 1px #cbddeb; background-color: #f0f9fe; float: left;}
|
||||
.citypop-nb a:hover{background-color: #3b5997; border: solid 1px #17469e; color: #fff;}
|
||||
.citypop-scity{height: 370px; overflow-y: scroll; overflow-x: hidden; font-size: 12px;}
|
||||
.citypop-scity dl{ margin: 0; overflow: hidden; padding: 8px 0;}
|
||||
.citypop-scity dl.first{border-top: dotted 1px #cecfd3;}
|
||||
.citypop-scity dl dt{width: 85px; color: #333; text-align: right; font-weight: bold; padding-top: 4px;}
|
||||
.citypop-scity dl dd{width: 535px;}
|
||||
.citypop-scity dl dt, .citypop-scity dl dd{float: left; margin: 0;}
|
||||
.citypop-scity dl dd a{height: 20px; line-height: 20px; color: #2c2c2c; outline: 0; padding: 2px 8px; float: left; display: block; white-space: nowrap;}
|
||||
.citypop-scity dl dd a.on,.citypop-scity dl dd a:hover{color: #fff; background-color: #ff9410;}
|
||||
.citypop a:link, .citypop a:visited{text-decoration: none;}
|
||||
.citypop-scity dl dt .tx, .citypop-scity dl dt .nu{height: 20px; line-height: 20px;}
|
||||
.citypop-scity dl dt .nu{float: left; font-size: 18px; color: #d0d0d0; font-weight: 100; padding: 0 5px 0 15px;}
|
||||
.ac_results{ position: fixed !important;}
|
||||
.citypop-tip-no{ position: absolute;border: 1px solid #ccc;background: #fff;color: #b8bbc1;font-size: 12px;padding: 0 10px; width: 230px;margin-left: -1px;display: none;}
|
||||
|
||||
/*下载增加二维码*/
|
||||
.p_head .search{margin-left: -270px;}
|
||||
.p_head .headQR{ float: right; margin:7px 0 0 13px; float: right;}
|
||||
|
||||
|
||||
/*.navchild h2:before,.navchild h2 a, .navchild h2 a:hover去掉*/
|
||||
.navchild h2{float: left;width: 391px;height: 60px;background: url(/Images/V2/index/x_line2.png) left 51px no-repeat;font-size: 18px;line-height: 60px;}
|
||||
.home_a:before{ position: relative; top: 3px; left: 2px; margin-right: 15px; content: url(/Images/old/v3/MainSite/Content/themes/Default/images/XZ/t1.png);}
|
||||
.home_a{ width: 193px;}
|
||||
.home_a a{color:#f1f1f1;}
|
||||
.home_a a:hover{ color: #8BDDFD; }
|
||||
|
||||
.appDown_a:before{content:"\e610";}
|
||||
.appDown_a a{color:#f1f1f1;}
|
||||
.appDown_a a:hover{ color: #ffea00; }
|
||||
|
||||
.policyholder-xz .more1 a {
|
||||
right: 25px;
|
||||
}
|
||||
|
||||
.p_special .margin-right-xz .main_right ul {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.p_special .margin-right-xz .main_right li .date{
|
||||
line-height: 36px;
|
||||
}
|
||||
404
src/assets/content/Vobao/newIndex.css
Normal file
404
src/assets/content/Vobao/newIndex.css
Normal file
@ -0,0 +1,404 @@
|
||||
.news-container .news-content .news-box .news-box-box .box-title {
|
||||
margin-bottom: 15px;
|
||||
margin-top: 15px; }
|
||||
|
||||
.jqcloudbox {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
border: 1px solid #E0E0E0;
|
||||
border-radius: 10px;
|
||||
margin-bottom: 15px; }
|
||||
.jqcloudbox .jqcloud-title {
|
||||
font-size: 24px;
|
||||
color: #1A1A1A;
|
||||
line-height: 55px; }
|
||||
.jqcloudbox #example {
|
||||
width: 294px;
|
||||
height: 205px;
|
||||
padding: 0 10px 10px 10px;
|
||||
}
|
||||
|
||||
.xznews-container .xznews-head {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
border-radius: 2px;
|
||||
border-top: 3px solid #33A6FB;
|
||||
height: 45px;
|
||||
line-height: 45px;
|
||||
border-bottom: 1px solid gainsboro;
|
||||
padding: 0px 6px; }
|
||||
.xznews-container .xznews-head .xznews-title {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex; }
|
||||
.xznews-container .xznews-head .xznews-title .xznews-bdtitle {
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
color: #33A6FB;
|
||||
margin-right: 5px; }
|
||||
.xznews-container .xznews-head .xznews-title .xznews-tiptitle {
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
color: #E7E7E7; }
|
||||
.xznews-container .xznews-head .xznews-tip {
|
||||
font-size: 16px;
|
||||
color: #1A1A1A;
|
||||
cursor: pointer; }
|
||||
|
||||
.xznews-container .xznews-box {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
padding: 20px 0px 35px;
|
||||
-ms-flex-pack: distribute;
|
||||
justify-content: space-around; }
|
||||
.xznews-container .xznews-box .xznews-box-f {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column; }
|
||||
.xznews-container .xznews-box .xznews-box-f .xznews-f-pitem {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between; }
|
||||
.xznews-container .xznews-box .xznews-box-f .xznews-f-pitem .pitem-item {
|
||||
width: 224px;
|
||||
cursor: pointer; }
|
||||
.xznews-container .xznews-box .xznews-box-f .xznews-f-pitem .pitem-item .item-img {
|
||||
width: 224px;
|
||||
height: 140px; }
|
||||
.xznews-container .xznews-box .xznews-box-f .xznews-f-pitem .pitem-item .item-title {
|
||||
font-size: 16px;
|
||||
color: #1A1A1A;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
text-align: center; }
|
||||
.xznews-container .xznews-box .xznews-box-f .xznews-f-fitem {
|
||||
width: 470px;
|
||||
position: relative;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
margin-top: 20px;
|
||||
cursor: pointer; }
|
||||
.xznews-container .xznews-box .xznews-box-f .xznews-f-fitem .fitem-img {
|
||||
width: 470px;
|
||||
height: 290px; }
|
||||
.xznews-container .xznews-box .xznews-box-f .xznews-f-fitem .fitem-tip {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
font-size: 16px;
|
||||
color: #FFFFFF;
|
||||
line-height: 40px;
|
||||
background-color: rgba(119, 122, 125, 0.5);
|
||||
text-align: center; }
|
||||
.xznews-container .xznews-box .xznews-box-f .xznews-f-list .f-item-spc {
|
||||
cursor: pointer; }
|
||||
.xznews-container .xznews-box .xznews-box-f .xznews-f-list .f-item-spc:first-child {
|
||||
border-bottom: 1px dashed gainsboro;
|
||||
margin-bottom: 10px; }
|
||||
.xznews-container .xznews-box .xznews-box-f .xznews-f-list .f-item-spc .item-spc-title {
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
line-height: 30px;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap; }
|
||||
.xznews-container .xznews-box .xznews-box-f .xznews-f-list .f-item-spc .item-spc-cont {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
color: #999999;
|
||||
line-height: 27px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
margin: 10px 0px 5px; }
|
||||
.xznews-container .xznews-box .xznews-box-f .xznews-f-list .f-item {
|
||||
position: relative;
|
||||
padding-left: 10px;
|
||||
font-size: 16px;
|
||||
color: #333333;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
line-height: 32px;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
}
|
||||
.xznews-container .xznews-box .xznews-box-f .xznews-f-list .f-item::before {
|
||||
content: '';
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
top: 40%;
|
||||
background-color: #333333;
|
||||
left: 0px; }
|
||||
.xznews-container .xznews-box .xznews-box-s {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column; }
|
||||
.xznews-container .xznews-box .xznews-box-s .xznews-s-list {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column; }
|
||||
.xznews-container .xznews-box .xznews-box-s .xznews-s-list .s-list-item {
|
||||
position: relative;
|
||||
padding-left: 20px;
|
||||
font-size: 16px;
|
||||
color: #333333;
|
||||
line-height: 30px;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
line-height: 34px;
|
||||
cursor: pointer; }
|
||||
.xznews-container .xznews-box .xznews-box-s .xznews-s-list .s-list-item::before {
|
||||
content: '';
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
top: 40%;
|
||||
background-color: #333333;
|
||||
left: 10px; }
|
||||
.xznews-container .xznews-box .xznews-box-s .spc-list {
|
||||
border-bottom: 1px dashed #E5E5E5;
|
||||
padding-bottom: 10px;
|
||||
margin-bottom: 10px; }
|
||||
.xznews-container .xznews-box .xznews-box-s .spc-item {
|
||||
font-weight: bold; }
|
||||
.xznews-container .xznews-box .xznews-box-s .spc-item::before {
|
||||
background-color: #FFA05B !important; }
|
||||
.xznews-container .xznews-box .xznews-box-s .s-img-item {
|
||||
position: relative;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
width: 470px;
|
||||
height: 300px;
|
||||
cursor: pointer; }
|
||||
.xznews-container .xznews-box .xznews-box-s .s-img-item .s-img {
|
||||
width: 470px;
|
||||
height: 300px; }
|
||||
.xznews-container .xznews-box .xznews-box-s .s-img-item .s-img-tip {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
font-size: 16px;
|
||||
color: #FFFFFF;
|
||||
line-height: 40px;
|
||||
background-color: rgba(119, 122, 125, 0.5);
|
||||
text-align: center; }
|
||||
.xznews-container .xznews-box .xznews-box-t .t-list {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column; }
|
||||
.xznews-container .xznews-box .xznews-box-t .t-list .t-item-spc {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
margin-bottom: 13px;
|
||||
cursor: pointer; }
|
||||
.xznews-container .xznews-box .xznews-box-t .t-list .t-item-spc .t-item-img {
|
||||
width: 130px;
|
||||
height: 80px; }
|
||||
.xznews-container .xznews-box .xznews-box-t .t-list .t-item-spc .t-item-box {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
height: 70px;
|
||||
background-color: #F6F7F8;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: start;
|
||||
-ms-flex-align: start;
|
||||
align-items: flex-start;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
padding: 5px 10px;
|
||||
background-image: url(/Images/v5/pc/imgtip.png);
|
||||
background-position-x: right;
|
||||
background-position-y: bottom;
|
||||
background-repeat: no-repeat; }
|
||||
.xznews-container .xznews-box .xznews-box-t .t-list .t-item-spc .t-item-box .t-item-title {
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
line-height: 21px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
margin-bottom: 5px;
|
||||
cursor: pointer; }
|
||||
.xznews-container .xznews-box .xznews-box-t .t-list .t-item-spc .t-item-box .t-item-tip {
|
||||
font-size: 14px;
|
||||
color: #999999;
|
||||
line-height: 23px; }
|
||||
.xznews-container .xznews-box .xznews-box-t .t-list .t-item {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
font-size: 16px;
|
||||
line-height: 31px;
|
||||
color: black;
|
||||
cursor: pointer; }
|
||||
.xznews-container .xznews-box .xznews-box-t .t-list .t-item .t-item-tip {
|
||||
color: #666666;
|
||||
margin-right: 10px; }
|
||||
.xznews-container .xznews-box .xznews-box-t .t-list .t-item .t-item-title {
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap; }
|
||||
.xznews-container .xznews-box .xznews-box-t .t-list2 .t-item-spc {
|
||||
margin-bottom: 30px;
|
||||
cursor: pointer; }
|
||||
.xznews-container .xznews-box .xznews-box-t .t-list2 .t-item-spc:last-child {
|
||||
margin-bottom: 0px; }
|
||||
.xznews-container .xznews-box .xznews-box-width {
|
||||
width: 470px; }
|
||||
.xznews-container .xznews-box .xznews-box-width2 {
|
||||
width: 366px; }
|
||||
.xznews-container .xznews-box .xznews-box-width3 {
|
||||
width: 313px; }
|
||||
.xznews-container .xznews-box .box-swiper {
|
||||
width: 32%;
|
||||
position: relative; }
|
||||
.xznews-container .xznews-box .box-swiper .box-swiper-item {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column; }
|
||||
.xznews-container .xznews-box .box-swiper .box-swiper-item .item-img {
|
||||
width: 387px;
|
||||
height: 239px; }
|
||||
.xznews-container .xznews-box .box-swiper .box-swiper-item .item-title {
|
||||
font-size: 18px;
|
||||
color: #1A1A1A;
|
||||
line-height: 27px;
|
||||
margin: 10px 0px 13px;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap; }
|
||||
.xznews-container .xznews-box .box-swiper .box-swiper-item .item-cont {
|
||||
font-size: 14px;
|
||||
color: #999999;
|
||||
line-height: 27px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical; }
|
||||
.xznews-container .xznews-box .box-swiper .swiper-pagination {
|
||||
margin: 5px auto 0;
|
||||
width: 100%; }
|
||||
.xznews-container .xznews-box .box-swiper .swiper-pagination .swiper-pagination-bullet {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-radius: 5px;
|
||||
margin: 0 4px; }
|
||||
|
||||
.xznews-container .xznews-box2 {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
padding: 20px 0px 35px;
|
||||
-ms-flex-pack: distribute;
|
||||
justify-content: space-around; }
|
||||
.xznews-container .xznews-box2 .box-item {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
width: 224px;
|
||||
cursor: pointer;
|
||||
margin-bottom: 10px; }
|
||||
.xznews-container .xznews-box2 .box-item .box-item-img {
|
||||
width: 224px;
|
||||
height: 138px;
|
||||
margin-bottom: 8px; }
|
||||
.xznews-container .xznews-box2 .box-item .box-item-tip {
|
||||
width: 80%;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical; }
|
||||
|
||||
div.jqcloud span.w10 {
|
||||
font-size: 300%;
|
||||
}
|
||||
782
src/assets/content/Vobao/v5_main_style.css
Normal file
782
src/assets/content/Vobao/v5_main_style.css
Normal file
@ -0,0 +1,782 @@
|
||||
.head-banner-a {
|
||||
background-repeat: no-repeat;
|
||||
background-position-x: center;
|
||||
width: 100%;
|
||||
height: 360px !important;
|
||||
display: block; }
|
||||
|
||||
.xqcs-container {
|
||||
background-color: #F7F8F9; }
|
||||
.xqcs-container .width-1200 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 20px 0px; }
|
||||
.xqcs-container .width-1200 .xqcs-box {
|
||||
width: 420px;
|
||||
background: #FFFFFF;
|
||||
border-radius: 10px;
|
||||
margin-right: 10px;
|
||||
padding: 12px 20px 15px; }
|
||||
.xqcs-container .width-1200 .xqcs-box .xqcs-box-head {
|
||||
display: flex;
|
||||
align-items: center; }
|
||||
.xqcs-container .width-1200 .xqcs-box .xqcs-box-head .xqcs-box-img {
|
||||
width: 22px;
|
||||
height: 24px;
|
||||
margin-right: 5px;
|
||||
padding-bottom: 2px; }
|
||||
.xqcs-container .width-1200 .xqcs-box .xqcs-box-head .xqcs-box-title {
|
||||
font-size: 26px;
|
||||
color: #666666; }
|
||||
.xqcs-container .width-1200 .xqcs-box .xqcs-box-head .xqcs-box-tip {
|
||||
flex: 1;
|
||||
text-align: right;
|
||||
font-size: 14px;
|
||||
color: #6E6E6E; }
|
||||
.xqcs-container .width-1200 .xqcs-box .xqcs-box-head .xqcs-box-tip .tip-spc-nub {
|
||||
background: #B4B4B4;
|
||||
border-radius: 3px;
|
||||
font-size: 14px;
|
||||
color: #FFFFFF;
|
||||
padding: 4px 5px;
|
||||
margin: 0px 3px; }
|
||||
.xqcs-container .width-1200 .xqcs-box .xqcs-box-ipt {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 10px 0px; }
|
||||
.xqcs-container .width-1200 .xqcs-box .xqcs-box-ipt .xqcs-ipt {
|
||||
width: 41%;
|
||||
height: 40px;
|
||||
background: #FFFFFF;
|
||||
border: 1px solid #E1E1E1;
|
||||
border-radius: 3px;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
color: #999999;
|
||||
padding: 0px 15px; }
|
||||
.xqcs-container .width-1200 .xqcs-box .selfDiv {
|
||||
width: 100% !important; }
|
||||
.xqcs-container .width-1200 .xqcs-box .xqcs-box-tip {
|
||||
font-size: 14px;
|
||||
color: #666666;
|
||||
margin: 12px 0px 16px;
|
||||
display: block; }
|
||||
.xqcs-container .width-1200 .xqcs-box .xqcs-box-btn {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
background: #33A6FB;
|
||||
border-radius: 3px;
|
||||
font-size: 18px;
|
||||
color: #FFFFFF;
|
||||
line-height: 40px;
|
||||
text-align: center; }
|
||||
.xqcs-container .width-1200 .xqcs-box-tab {
|
||||
display: flex; }
|
||||
.xqcs-container .width-1200 .xqcs-box-tab .box-tab-item {
|
||||
width: 222px;
|
||||
height: 215px;
|
||||
background: #FFFFFF;
|
||||
border-radius: 10px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 20px 0px 25px;
|
||||
margin: 0px 10px;
|
||||
cursor: pointer; }
|
||||
.xqcs-container .width-1200 .xqcs-box-tab .box-tab-item .xqcs-item-img {
|
||||
width: 124px;
|
||||
height: 126px; }
|
||||
.xqcs-container .width-1200 .xqcs-box-tab .box-tab-item .xqcs-item-name {
|
||||
font-size: 22px;
|
||||
font-weight: bold;
|
||||
color: #33A6FB;
|
||||
margin-top: 10px;}
|
||||
.xqcs-container .width-1200 .xqcs-box-tab .box-tab-item .xqcs-item-tip {
|
||||
width: 36px;
|
||||
height: 3px;
|
||||
background: #33A6FB;
|
||||
margin: 6px 0px 14px; }
|
||||
.xqcs-container .width-1200 .xqcs-box-tab .box-tab-item .xqcs-item-txt {
|
||||
font-size: 16px;
|
||||
color: #1A1A1A; }
|
||||
.xqcs-container .width-1200 .xqcs-box-tab .box-tab-item:hover {
|
||||
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); }
|
||||
|
||||
.news-container {
|
||||
padding: 35px 0px; }
|
||||
.news-container .news-head {
|
||||
text-align: center;
|
||||
margin-bottom: 40px; }
|
||||
.news-container .news-head .news-head-title {
|
||||
font-size: 32px;
|
||||
font-weight: bold;
|
||||
color: #494949;
|
||||
margin-bottom: 12px; }
|
||||
.news-container .news-head .news-head-tip {
|
||||
font-size: 18px;
|
||||
color: #999999; }
|
||||
.news-container .news-content {
|
||||
display: flex; }
|
||||
.news-container .news-content .news-box {
|
||||
width: 887px;
|
||||
display: flex; }
|
||||
.news-container .news-content .news-box .news-box-nav {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 180px;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
|
||||
border-radius: 10px; }
|
||||
.news-container .news-content .news-box .news-box-nav .news-nav-title {
|
||||
height: 70px;
|
||||
background: #FFA05B;
|
||||
border-radius: 10px 10px 0px 0px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 22px;
|
||||
color: #FFFFFF; }
|
||||
.news-container .news-content .news-box .news-box-nav .news-nav-title .news-nav-img {
|
||||
width: 31px;
|
||||
height: 30px;
|
||||
margin-right: 10px; }
|
||||
.news-container .news-content .news-box .news-box-nav .news-nav-item {
|
||||
padding: 0px 19px; }
|
||||
.news-container .news-content .news-box .news-box-nav .news-nav-item .nav-item {
|
||||
font-size: 18px;
|
||||
color: #1A1A1A;
|
||||
padding: 30px 0px;
|
||||
border-bottom: 1px solid gainsboro;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
cursor: pointer; }
|
||||
.news-container .news-content .news-box .news-box-nav .news-nav-item .nav-item:hover {
|
||||
color: #FFA05B; }
|
||||
.news-container .news-content .news-box .news-box-nav .news-nav-item .nav-item .nav-item-img {
|
||||
width: 8px;
|
||||
height: 16px;
|
||||
margin-left: 20px;
|
||||
display: none; }
|
||||
.news-container .news-content .news-box .news-box-nav .news-nav-item .nav-item .spc-tip {
|
||||
width: 35px;
|
||||
height: 16px;
|
||||
margin-left: 5px; }
|
||||
.news-container .news-content .news-box .news-box-nav .news-nav-item .nav-item .nav-item-name {
|
||||
text-align: center;
|
||||
flex: 1; }
|
||||
.news-container .news-content .news-box .news-box-nav .news-nav-item .nav-item .spc-item-nav {
|
||||
flex: none; }
|
||||
.news-container .news-content .news-box .news-box-nav .news-nav-item .nav-item:last-child {
|
||||
border: none; }
|
||||
.news-container .news-content .news-box .news-box-nav .news-nav-item .active-nav {
|
||||
color: #FFA05B;
|
||||
flex: none;
|
||||
padding-right: 7px; }
|
||||
.news-container .news-content .news-box .news-box-nav .news-nav-item .active-nav .nav-item-name {
|
||||
flex: none; }
|
||||
.news-container .news-content .news-box .news-box-nav .news-nav-item .active-nav .spc-tip {
|
||||
display: none; }
|
||||
.news-container .news-content .news-box .news-box-nav .news-nav-item .active-nav .nav-item-img {
|
||||
display: block; }
|
||||
.news-container .news-content .news-box .news-box-box {
|
||||
flex: 1;
|
||||
margin: 0px 20px; }
|
||||
.news-container .news-content .news-box .news-box-box .box-title {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 10px; }
|
||||
.news-container .news-content .news-box .news-box-box .box-title .box-title-name {
|
||||
font-size: 24px;
|
||||
color: #1A1A1A; }
|
||||
.news-container .news-content .news-box .news-box-box .box-title .box-title-more {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 16px;
|
||||
color: #666666;
|
||||
line-height: 16px; }
|
||||
.news-container .news-content .news-box .news-box-box .box-title .box-title-more .more-tip {
|
||||
width: 8px;
|
||||
height: 16px;
|
||||
margin-left: 8px; }
|
||||
.news-container .news-content .news-box .news-box-box .box-top {
|
||||
border-bottom: 1px dashed gainsboro;
|
||||
display: flex;
|
||||
flex-direction: column; }
|
||||
.news-container .news-content .news-box .news-box-box .box-top .box-top-item {
|
||||
display: flex;
|
||||
margin: 5px 0px 10px; }
|
||||
.news-container .news-content .news-box .news-box-box .box-top .box-top-item .item-img {
|
||||
width: 136px;
|
||||
height: 91px;
|
||||
margin-right: 15px; }
|
||||
.news-container .news-content .news-box .news-box-box .box-top .box-top-item .item-box {
|
||||
display: flex;
|
||||
flex-direction: column; }
|
||||
.news-container .news-content .news-box .news-box-box .box-top .box-top-item .item-box .item-box-title {
|
||||
font-size: 18px;
|
||||
color: #1A1A1A; }
|
||||
.news-container .news-content .news-box .news-box-box .box-top .box-top-item .item-box .item-box-tip {
|
||||
font-size: 15px;
|
||||
color: #666666;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
margin: 10px 0px 28px; }
|
||||
.news-container .news-content .news-box .news-box-box .box-top .box-top-item .item-box .item-box-time {
|
||||
font-size: 15px;
|
||||
color: #999999; }
|
||||
|
||||
.news-container .news-content .news-box .news-box-box .box-top .box-top-item2 {
|
||||
display: flex;
|
||||
margin: 5px 0px 10px;
|
||||
align-items: center; }
|
||||
.news-container .news-content .news-box .news-box-box .box-top .box-top-item2 .item-img {
|
||||
width: 63px;
|
||||
height: 63px;
|
||||
margin-right: 15px; }
|
||||
.news-container .news-content .news-box .news-box-box .box-top .box-top-item2 .item-box {
|
||||
display: flex;
|
||||
flex-direction: column; }
|
||||
.news-container .news-content .news-box .news-box-box .box-top .box-top-item2 .item-box .item-box-title {
|
||||
font-size: 18px;
|
||||
color: #1A1A1A; }
|
||||
.news-container .news-content .news-box .news-box-box .box-top .box-top-item2 .item-box .item-box-tip {
|
||||
font-size: 15px;
|
||||
color: #666666;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
margin: 5px 0px 5px; }
|
||||
.news-container .news-content .news-box .news-box-box .box-top .box-top-item2 .item-box .item-box-time {
|
||||
font-size: 15px;
|
||||
color: #999999; }
|
||||
|
||||
.news-container .news-content .news-box .news-box-box .box-list {
|
||||
padding-top: 5px; }
|
||||
.news-container .news-content .news-box .news-box-box .box-list .list-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 15px 5px 15px 0px;
|
||||
border-bottom: 1px dashed gainsboro; }
|
||||
.news-container .news-content .news-box .news-box-box .box-list .list-item:last-child {
|
||||
border-bottom: none; }
|
||||
.news-container .news-content .news-box .news-box-box .box-list .list-item .list-item-fl {
|
||||
font-size: 16px;
|
||||
color: #1A1A1A;
|
||||
flex: 1; }
|
||||
.news-container .news-content .news-box .news-box-box .box-list .list-item .list-item-fr {
|
||||
font-size: 14px;
|
||||
color: #999999; }
|
||||
.news-container .news-tool {
|
||||
width: 313px; }
|
||||
.news-container .news-tool .news-tool-box {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-around; }
|
||||
.news-container .news-tool .news-tool-box .tool-item {
|
||||
width: 140px;
|
||||
height: 35px;
|
||||
background: #F6F6F6;
|
||||
border-radius: 18px;
|
||||
font-size: 16px;
|
||||
line-height: 35px;
|
||||
text-align: center;
|
||||
margin: 0px 0px 20px; }
|
||||
.news-container .news-tool .news-banner .news-banner-img {
|
||||
width: 314px;
|
||||
height: 131px;
|
||||
margin: 15px 0px; }
|
||||
.news-container .news-tool .news-banner .news-banner-img:first-child {
|
||||
margin-top: 0px; }
|
||||
|
||||
.city-container {
|
||||
background-color: #FAFAFB; }
|
||||
.city-container .city-box {
|
||||
padding: 29px 0px; }
|
||||
.city-container .city-box .city-box-head {
|
||||
text-align: center; }
|
||||
.city-container .city-box .city-box-head .city-title {
|
||||
font-size: 32px;
|
||||
font-weight: bold;
|
||||
color: #494949; }
|
||||
.city-container .city-box .city-box-head .city-tip {
|
||||
font-size: 18px;
|
||||
color: #999999;
|
||||
margin: 10px 0px 30px; }
|
||||
.city-container .city-box .city-box-content .city-item-box {
|
||||
display: flex;
|
||||
padding-top: 62px; }
|
||||
.city-container .city-box .city-box-content .city-item-box .city-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 285px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: #FFFFFF;
|
||||
margin: 0px 10px; }
|
||||
.city-container .city-box .city-box-content .city-item-box .city-item .city-item-head {
|
||||
width: 125px;
|
||||
height: 125px;
|
||||
border-radius: 50%;
|
||||
background-color: white;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
background-size: 100% 100%;
|
||||
margin-top: -62px; }
|
||||
.city-container .city-box .city-box-content .city-item-box .city-item .city-item-name {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 22px;
|
||||
color: #1A1A1A;
|
||||
justify-content: center;
|
||||
margin: 15px 0px 10px; }
|
||||
.city-container .city-box .city-box-content .city-item-box .city-item .city-item-name .name-tip {
|
||||
width: 21px;
|
||||
height: 20px; }
|
||||
.city-container .city-box .city-box-content .city-item-box .city-item .city-item-tip {
|
||||
font-size: 16px;
|
||||
color: #1A1A1A; }
|
||||
.city-container .city-box .city-box-content .city-item-box .city-item .city-item-tip span:first-child {
|
||||
margin-right: 10px; }
|
||||
.city-container .city-box .city-box-content .city-item-box .city-item .city-item-cont {
|
||||
width: 226px; height:120px;
|
||||
background: #FFF7F0;
|
||||
border-radius: 10px;
|
||||
padding: 12px 15px;
|
||||
margin: 15px 0px;
|
||||
line-height: 1.6; }
|
||||
.city-container .city-box .city-box-content .city-item-box .city-item .city-btn {
|
||||
margin-bottom: 110px;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
color: #FFF;
|
||||
line-height: 40px;
|
||||
width: 120px;
|
||||
height: 40px;
|
||||
background: #55B5FB;
|
||||
border-radius: 30px;
|
||||
text-align: center;
|
||||
margin-top: 42px;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.expert-container {
|
||||
padding: 40px 0px 30px; }
|
||||
.expert-container .expert-head {
|
||||
text-align: center; }
|
||||
.expert-container .expert-head .expert-title {
|
||||
font-size: 32px;
|
||||
font-weight: bold;
|
||||
color: #494949; }
|
||||
.expert-container .expert-head .expert-tip {
|
||||
font-size: 18px;
|
||||
color: #666666;
|
||||
margin: 10px 0px 15px; }
|
||||
.expert-container .expert-head .expert-tip .expert-tip-spc {
|
||||
font-weight: bold;
|
||||
color: #F95E5E;
|
||||
font-size: 22px; }
|
||||
.expert-container .expert-addr-search {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center; }
|
||||
.expert-container .expert-addr-search .addr-select {
|
||||
width: 230px;
|
||||
height: 40px;
|
||||
background: #FFFFFF;
|
||||
border: 1px solid #E1E1E1;
|
||||
border-radius: 20px;
|
||||
position: relative;
|
||||
font-size: 18px;
|
||||
color: #1A1A1A;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
margin: 0px 10px; }
|
||||
.expert-container .expert-addr-search .addr-select::after {
|
||||
content: "";
|
||||
width: 18px;
|
||||
height: 10px;
|
||||
background: url(/Images/v5/pc/tip14.png) no-repeat center;
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 41%;
|
||||
pointer-events: none; }
|
||||
.expert-container .expert-addr-search .addr-select select {
|
||||
text-align:center;
|
||||
text-align-last:center;
|
||||
outline:0;
|
||||
appearance:none;
|
||||
border:0;
|
||||
width:96%;
|
||||
height:38px;
|
||||
border-radius:20px;
|
||||
margin-left:-8px;
|
||||
-moz-appearance:none;
|
||||
-webkit-appearance:none;
|
||||
background: white;
|
||||
}
|
||||
.expert-container .expert-addr-search .addr-select select::-ms-expand {
|
||||
display: none; }
|
||||
.expert-container .expert-addr-search .expert-search {
|
||||
display: flex;
|
||||
height: 39px;
|
||||
background: #FFFFFF;
|
||||
border: 1px solid #C5C5C5;
|
||||
border-radius: 18px;
|
||||
padding: 0px 15px;
|
||||
align-items: center;
|
||||
margin: 0px 10px; }
|
||||
.expert-container .expert-addr-search .expert-search .search-btn {
|
||||
width: 18px;
|
||||
height: 17px; }
|
||||
.expert-container .expert-addr-search .expert-search .expert-search-ipt {
|
||||
width: 200px;
|
||||
flex: 1;
|
||||
margin-right: 5px;
|
||||
outline: none;
|
||||
border: none;
|
||||
font-size: 14px;
|
||||
color: #1A1A1A; }
|
||||
.expert-container .expert-content {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 20px 0px 30px; }
|
||||
.expert-container .expert-content .expert-item {
|
||||
display: flex;
|
||||
padding: 15px 20px;
|
||||
background: #F7F7F9;
|
||||
width: 330px;
|
||||
margin: 12px 15px; }
|
||||
.expert-container .expert-content .expert-item .item-head {
|
||||
width: 125px;
|
||||
height: 145px;
|
||||
margin-right: 15px; }
|
||||
.expert-container .expert-content .expert-item .item-box {
|
||||
display: flex;
|
||||
flex-direction: column; }
|
||||
.expert-container .expert-content .expert-item .item-box .item-box-name {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 22px;
|
||||
font-weight: 400; }
|
||||
.expert-container .expert-content .expert-item .item-box .item-box-name img {
|
||||
margin-left: 5px; }
|
||||
.expert-container .expert-content .expert-item .item-box .item-box-tip {
|
||||
margin: 15px 0px 10px;
|
||||
font-size: 16px;
|
||||
color: #1A1A1A; }
|
||||
.expert-container .expert-content .expert-item .item-box .item-box-tab {
|
||||
font-size: 16px;
|
||||
color: #999999; }
|
||||
.expert-container .expert-content .expert-item .item-box .item-box-btn {
|
||||
cursor:pointer;
|
||||
width: 90px;
|
||||
height: 30px;
|
||||
background: #F7F7F9;
|
||||
border: 1px solid #33A6FB;
|
||||
border-radius: 3px;
|
||||
font-size: 16px;
|
||||
color: #33A6FB;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
margin-top: 10px; }
|
||||
.expert-container .expert-content .expert-item .item-box .item-box-btn:hover {
|
||||
background: #13a3ff;
|
||||
color: #fff;
|
||||
}
|
||||
.expert-container .expert-foot {
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
color: #666666; }
|
||||
.expert-container .expert-foot span {
|
||||
margin: 0px 15px; }
|
||||
|
||||
.prog-container {
|
||||
background-color: #FAFAFB; }
|
||||
.prog-container .prog-box {
|
||||
padding: 25px 0px 30px; }
|
||||
.prog-container .prog-box .prog-box-head {
|
||||
text-align: center; }
|
||||
.prog-container .prog-box .prog-box-head .prog-title {
|
||||
font-size: 32px;
|
||||
font-weight: bold;
|
||||
color: #494949; }
|
||||
.prog-container .prog-box .prog-box-head .prog-tip {
|
||||
font-size: 18px;
|
||||
color: #999999;
|
||||
margin: 10px 0px 30px; }
|
||||
.prog-container .prog-box .prog-box-cont {
|
||||
display: flex;
|
||||
align-items: center; }
|
||||
.prog-container .prog-box .prog-box-cont .prog-cont-tab {
|
||||
background-image: url("/Images/v5/pc/tip21.png");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 40px 0px 17px 24px;
|
||||
width: 192px; }
|
||||
.prog-container .prog-box .prog-box-cont .prog-cont-tab .prog-tab-title {
|
||||
font-size: 45px;
|
||||
font-weight: bold;
|
||||
color: #FFFFFF;
|
||||
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
|
||||
text-align: left;
|
||||
width: 100%; }
|
||||
.prog-container .prog-box .prog-box-cont .prog-cont-tab .prog-tab-tip {
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
color: #FFFFFF;
|
||||
opacity: 0.2;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
margin: 15px 0px 30px; }
|
||||
.prog-container .prog-box .prog-box-cont .prog-cont-tab .prog-tab-txt {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 18px;
|
||||
color: #FFFFFF;
|
||||
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
|
||||
padding-right: 24px;
|
||||
line-height: 30px; }
|
||||
.prog-container .prog-box .prog-box-cont .prog-cont-tab .prog-tab-box {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
align-items: flex-end;
|
||||
margin: 30px 0px 0px; }
|
||||
.prog-container .prog-box .prog-box-cont .prog-cont-tab .prog-tab-box .tab-item {
|
||||
cursor: pointer;
|
||||
width: 100px;
|
||||
height: 35px;
|
||||
background: #BD7D29;
|
||||
font-size: 18px;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
line-height: 35px;
|
||||
margin: 5px 0px; }
|
||||
.prog-container .prog-box .prog-box-cont .prog-cont-tab .prog-tab-box .active-tab-item {
|
||||
width: 110px;
|
||||
height: 35px;
|
||||
background: #FFFFFF;
|
||||
color: #BD7D29; }
|
||||
.prog-container .prog-box .prog-box-cont .prog-cont-cont {
|
||||
background-image: url(/Images/v5/pc/tip15.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
background-position-x: -1px;
|
||||
width: 410px;
|
||||
height: 407px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
padding: 18px 20px; }
|
||||
.prog-container .prog-box .prog-box-cont .prog-cont-title {
|
||||
font-size: 21px;
|
||||
font-weight: bold;
|
||||
color: #6E430D;
|
||||
line-height: 48px; }
|
||||
.prog-container .prog-box .prog-box-cont .prog-cont-tip {
|
||||
font-size: 16px;
|
||||
color: #1A1A1A;
|
||||
line-height: 23px; }
|
||||
.prog-container .prog-box .prog-box-cont .prog-cont-tip2 {
|
||||
font-size: 16px;
|
||||
color: #1A1A1A;
|
||||
line-height: 23px;
|
||||
margin: 13px 0; }
|
||||
.prog-container .prog-box .prog-box-cont .prog-cont-btn {
|
||||
width: 115px;
|
||||
height: 35px;
|
||||
background: #E79652;
|
||||
border-radius: 5px;
|
||||
font-size: 16px;
|
||||
color: #FFFFFF;
|
||||
line-height: 35px;
|
||||
text-align: center; }
|
||||
.prog-container .prog-box .prog-box-cont .spc-color1 {
|
||||
background: #E79652; }
|
||||
.prog-container .prog-box .prog-box-cont .prog-cont-box {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-direction: column;
|
||||
height: 443px;
|
||||
margin-left: 20px; }
|
||||
.prog-container .prog-box .prog-box-cont .prog-cont-box .prog-cont-item {
|
||||
background-image: url(/Images/v5/pc/tip16.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
width: 321px;
|
||||
height: 212px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 0px 55px 0px 140px;
|
||||
justify-content: center; }
|
||||
.prog-container .prog-box .prog-box-cont .prog-cont-box .prog-cont-item2 {
|
||||
background-image: url(/Images/v5/pc/tip17.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
width: 321px;
|
||||
height: 212px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 0px 55px 0px 140px;
|
||||
justify-content: center; }
|
||||
.prog-container .prog-box .prog-box-cont .prog-cont-box .prog-cont-item2 .prog-cont-title {
|
||||
color: #0F654E; }
|
||||
.prog-container .prog-box .prog-box-cont .prog-cont-box .prog-cont-item2 .prog-cont-btn {
|
||||
background-color: #25BDA4; }
|
||||
.prog-container .prog-box .prog-box-foot {
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
color: #666666;
|
||||
line-height: 48px;
|
||||
margin: 10px 0px 0px; }
|
||||
|
||||
.list-container {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 30px 0px; }
|
||||
.list-container .list-box {
|
||||
width: 550px;
|
||||
background: #FAFAFB;
|
||||
border-radius: 10px;
|
||||
padding: 18px 20px; }
|
||||
.list-container .list-box .list-title {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center; }
|
||||
.list-container .list-box .list-title .list-title-fl {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 28px;
|
||||
font-weight: bold;
|
||||
color: #FAA645;
|
||||
line-height: 48px; }
|
||||
.list-container .list-box .list-title .list-title-fl .title-img {
|
||||
width: 24px;
|
||||
height: 26px;
|
||||
margin-right: 6px; }
|
||||
.list-container .list-box .list-title .list-title-fl .title-img2 {
|
||||
width: 24px;
|
||||
height: 22px;
|
||||
margin-right: 6px; }
|
||||
.list-container .list-box .list-title .list-title-fl .title-name2 {
|
||||
color: #33A6FB; }
|
||||
.list-container .list-box .list-title .list-title-fr {
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
color: #666666;
|
||||
line-height: 48px; }
|
||||
.list-container .list-box .list-item-box {
|
||||
display: flex;
|
||||
flex-direction: column; }
|
||||
.list-container .list-box .list-item-box .list-item {
|
||||
padding: 15px 5px;
|
||||
border-bottom: 1px dashed gainsboro;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between; }
|
||||
.list-container .list-box .list-item-box .list-item:last-child {
|
||||
border: none; }
|
||||
.list-container .list-box .list-item-box .list-item::before {
|
||||
content: '';
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
background: #999999;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: 45%; }
|
||||
.list-container .list-box .list-item-box .list-item .list-title {
|
||||
padding-left: 10px;
|
||||
font-size: 16px;
|
||||
color: #1A1A1A;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
margin-right: 20px; }
|
||||
.list-container .list-box .list-item-box .list-item .list-tip {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 14px;
|
||||
color: #999999; }
|
||||
.list-container .list-box .list-item-box .list-item .list-tip .tip-img {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin-right: 6px; }
|
||||
.list-container .list-box .list-item-box .list-item2 {
|
||||
padding: 10px 5px 0px;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center; }
|
||||
.list-container .list-box .list-item-box .list-item2 .item2-head {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin-right: 8px; }
|
||||
.list-container .list-box .list-item-box .list-item2 .item2-head .head-img {
|
||||
width: 65px;
|
||||
height: 65px;
|
||||
border-radius: 50%;
|
||||
margin-bottom: 5px; }
|
||||
.list-container .list-box .list-item-box .list-item2 .item2-head .head-title {
|
||||
font-size: 16px;
|
||||
color: #1A1A1A; }
|
||||
.list-container .list-box .list-item-box .list-item2 .item2-box {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 88%; }
|
||||
.list-container .list-box .list-item-box .list-item2 .item2-box .box-ask {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%; }
|
||||
.list-container .list-box .list-item-box .list-item2 .item2-box .box-ask .ask-tip {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
background: #E6F1FB;
|
||||
border-radius: 50%;
|
||||
font-size: 14px;
|
||||
color: #33A6FB;
|
||||
text-align: center;
|
||||
line-height: 25px;
|
||||
margin-right: 5px; }
|
||||
.list-container .list-box .list-item-box .list-item2 .item2-box .box-ask .ask-name {
|
||||
flex: 1;
|
||||
font-size: 18px;
|
||||
color: #1A1A1A;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap; }
|
||||
.list-container .list-box .list-item-box .list-item2 .item2-box .box-que {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
margin-top: 10px; }
|
||||
.list-container .list-box .list-item-box .list-item2 .item2-box .box-que .que-tip {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
background: #FAF1E8;
|
||||
border-radius: 50%;
|
||||
font-size: 14px;
|
||||
color: #FAA645;
|
||||
text-align: center;
|
||||
line-height: 25px;
|
||||
margin-right: 5px; }
|
||||
.list-container .list-box .list-item-box .list-item2 .item2-box .box-que .que-name {
|
||||
flex: 1;
|
||||
font-size: 14px;
|
||||
color: #666666;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
line-height: 1.6; }
|
||||
500
src/assets/content/Vobao/vobao.css
Normal file
500
src/assets/content/Vobao/vobao.css
Normal file
@ -0,0 +1,500 @@
|
||||
@charset "UTF-8";
|
||||
html {
|
||||
line-height: 1.15;
|
||||
-webkit-text-size-adjust: 100%; }
|
||||
|
||||
body {
|
||||
margin: 0; }
|
||||
|
||||
main {
|
||||
display: block; }
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: 0.67em 0; }
|
||||
|
||||
hr {
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
overflow: visible; }
|
||||
|
||||
pre {
|
||||
font-family: monospace, monospace;
|
||||
font-size: 1em; }
|
||||
|
||||
a {
|
||||
background-color: transparent; }
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: none;
|
||||
text-decoration: underline;
|
||||
text-decoration: underline dotted; }
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder; }
|
||||
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: monospace, monospace;
|
||||
font-size: 1em; }
|
||||
|
||||
small {
|
||||
font-size: 80%; }
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline; }
|
||||
|
||||
sub {
|
||||
bottom: -0.25em; }
|
||||
|
||||
sup {
|
||||
top: -0.5em; }
|
||||
|
||||
img {
|
||||
border-style: none; }
|
||||
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
font-family: inherit;
|
||||
font-size: 100%;
|
||||
line-height: 1.15;
|
||||
margin: 0; }
|
||||
|
||||
button,
|
||||
input {
|
||||
overflow: visible; }
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none; }
|
||||
|
||||
button,
|
||||
[type="button"],
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
-webkit-appearance: button; }
|
||||
|
||||
button::-moz-focus-inner,
|
||||
[type="button"]::-moz-focus-inner,
|
||||
[type="reset"]::-moz-focus-inner,
|
||||
[type="submit"]::-moz-focus-inner {
|
||||
border-style: none;
|
||||
padding: 0; }
|
||||
|
||||
button:-moz-focusring,
|
||||
[type="button"]:-moz-focusring,
|
||||
[type="reset"]:-moz-focusring,
|
||||
[type="submit"]:-moz-focusring {
|
||||
outline: 1px dotted ButtonText; }
|
||||
|
||||
fieldset {
|
||||
padding: 0.35em 0.75em 0.625em; }
|
||||
|
||||
legend {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
color: inherit;
|
||||
display: table;
|
||||
max-width: 100%;
|
||||
padding: 0;
|
||||
white-space: normal; }
|
||||
|
||||
progress {
|
||||
vertical-align: baseline; }
|
||||
|
||||
textarea {
|
||||
overflow: auto; }
|
||||
|
||||
[type="checkbox"],
|
||||
[type="radio"] {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
padding: 0; }
|
||||
|
||||
[type="number"]::-webkit-inner-spin-button,
|
||||
[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto; }
|
||||
|
||||
[type="search"] {
|
||||
-webkit-appearance: textfield;
|
||||
outline-offset: -2px; }
|
||||
|
||||
[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none; }
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
-webkit-appearance: button;
|
||||
font: inherit; }
|
||||
|
||||
details {
|
||||
display: block; }
|
||||
|
||||
summary {
|
||||
display: list-item; }
|
||||
|
||||
template {
|
||||
display: none; }
|
||||
|
||||
[hidden] {
|
||||
display: none; }
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
color: #333;
|
||||
outline: 0; }
|
||||
|
||||
a:link {
|
||||
color: inherit; }
|
||||
|
||||
a:visited {
|
||||
color: inherit; }
|
||||
|
||||
a:hover {
|
||||
color: inherit; }
|
||||
|
||||
a:active {
|
||||
color: inherit; }
|
||||
|
||||
.foot-container {
|
||||
width: 100%;
|
||||
padding-top: 75px;
|
||||
background: #444749;
|
||||
position: relative; }
|
||||
.foot-container .foot-box {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex; }
|
||||
.foot-container .foot-box .foot-box-item {
|
||||
color: #92979b; }
|
||||
.foot-container .foot-box .foot-box-item .item-logo {
|
||||
width: 190px;
|
||||
height: 80px; }
|
||||
.foot-container .foot-box .foot-box-item .item-tip {
|
||||
width: 320px;
|
||||
height: 200px;
|
||||
line-height: 26px;
|
||||
color: #92979b;
|
||||
font-size: 13px; }
|
||||
.foot-container .foot-box .foot-box-item .item-tip a {
|
||||
cursor: pointer; }
|
||||
.foot-container .foot-box .new-blist {
|
||||
overflow: hidden;
|
||||
width: 184px;
|
||||
height: 290px; }
|
||||
.foot-container .foot-box .new-blist .dl {
|
||||
width: 184px;
|
||||
height: 24px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex; }
|
||||
.foot-container .foot-box .new-blist .dl .dt {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-right: 10px;
|
||||
-ms-flex-negative: 1;
|
||||
flex-shrink: 1; }
|
||||
.foot-container .foot-box .new-blist .dl .dd {
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
color: #e8e9e9;
|
||||
font-size: 18px;
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1; }
|
||||
.foot-container .foot-box .new-blist ul {
|
||||
width: 184px;
|
||||
padding-left: 34px;
|
||||
padding-top: 10px; }
|
||||
.foot-container .foot-box .new-blist ul li {
|
||||
width: 184px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
color: #e8e9e9;
|
||||
font-size: 13px; }
|
||||
.foot-container .foot-box .new-blist .attention {
|
||||
padding-left: 10px; }
|
||||
.foot-container .foot-box .new-blist p {
|
||||
width: 174px;
|
||||
height: 24px;
|
||||
margin-top: 10px;
|
||||
margin-left: 5px;
|
||||
line-height: 24px;
|
||||
color: #e8e9e9;
|
||||
font-size: 16px; }
|
||||
.foot-container .foot-box .new-weixin {
|
||||
height: 185px;
|
||||
padding: 15px 14px 0px 14px;
|
||||
background: #5b5d5f;
|
||||
border-radius: 3px; }
|
||||
.foot-container .foot-box .new-weixin dl {
|
||||
width: 115px;
|
||||
height: 185px; }
|
||||
.foot-container .foot-box .new-weixin dl dt {
|
||||
width: 115px;
|
||||
height: 116px;
|
||||
text-align: center; }
|
||||
.foot-container .foot-box .new-weixin dl dd {
|
||||
width: 115px;
|
||||
line-height: 20px;
|
||||
color: #d6dbdf;
|
||||
font-size: 12px;
|
||||
font-family: '宋体';
|
||||
text-align: center; }
|
||||
.foot-container .new-wb_hfrz {
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
bottom: 75px; }
|
||||
|
||||
.head-box {
|
||||
background: #F5F5F5;
|
||||
padding: 10px 0px; }
|
||||
.head-box .head-tip-box {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between; }
|
||||
.head-box .head-tip-box .head-tip-fl {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center; }
|
||||
.head-box .head-tip-box .head-tip-fl .head-tip-item {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
font-size: 14px;
|
||||
color: #1A1A1A; }
|
||||
.head-box .head-tip-box .head-tip-fl .head-tip-item .item-img {
|
||||
width: 11px;
|
||||
height: 14px;
|
||||
margin-right: 5px; }
|
||||
.head-box .head-tip-box .head-tip-fl .head-tip-item .item-img2 {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
margin-right: 5px; }
|
||||
.head-box .head-tip-box .head-tip-fl .head-tip-item .item-img3 {
|
||||
width: 16px;
|
||||
height: 12px;
|
||||
margin-right: 5px; }
|
||||
.head-box .head-tip-box .head-tip-fl .head-tip-item .item-img4 {
|
||||
width: 13px;
|
||||
height: 16px;
|
||||
margin-right: 5px; }
|
||||
.head-box .head-tip-box .head-tip-fl .head-tip-item .spc-color-red {
|
||||
margin-left: 5px; }
|
||||
.head-box .head-tip-box .head-tip-fl .head-tip-item .add-select {
|
||||
cursor: pointer; }
|
||||
.head-box .head-tip-box .head-tip-fl .head-tip-bd {
|
||||
width: 2px;
|
||||
height: 15px;
|
||||
background: gainsboro;
|
||||
margin: 0px 8px; }
|
||||
|
||||
.head-tab-box {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
padding: 18px 0px; }
|
||||
.head-tab-box .head-logo {
|
||||
width: 160px;
|
||||
height: 49px;
|
||||
margin-right: 44px; }
|
||||
.head-tab-box .head-tab-item {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
-ms-flex-pack: distribute;
|
||||
justify-content: space-around; }
|
||||
.head-tab-box .head-tab-item .tab-item {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
font-size: 18px;
|
||||
color: black;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
height: 50px; }
|
||||
.head-tab-box .head-tab-item .tab-item:hover .tab-item-bd {
|
||||
background: #33A6FB; }
|
||||
.head-tab-box .head-tab-item .tab-item .tab-item-bd {
|
||||
width: 35px;
|
||||
height: 3px;
|
||||
margin-top: 5px; }
|
||||
.head-tab-box .head-tab-item .tab-item .tab-item-name {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center; }
|
||||
.head-tab-box .head-tab-item .tab-item .tab-item-name .item-img-tip {
|
||||
width: 8px;
|
||||
height: 4px;
|
||||
margin-left: 8px; }
|
||||
.head-tab-box .head-tab-item .tab-item .hover-item-box {
|
||||
position: absolute;
|
||||
width: 523px;
|
||||
background: #FFFFFF;
|
||||
-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.35);
|
||||
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.35);
|
||||
border-radius: 10px;
|
||||
z-index: 9;
|
||||
top: 50px;
|
||||
left: -210px;
|
||||
padding: 5px 20px 10px; }
|
||||
.head-tab-box .head-tab-item .tab-item .hover-item-box .hover-item-title {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
margin-top: 15px; }
|
||||
.head-tab-box .head-tab-item .tab-item .hover-item-box .hover-item-title .hover-title-tip {
|
||||
width: 16px;
|
||||
height: 18px;
|
||||
margin-right: 10px; }
|
||||
.head-tab-box .head-tab-item .tab-item .hover-item-box .hover-item-title .hover-title-tip2 {
|
||||
width: 18px;
|
||||
height: 19px;
|
||||
margin-right: 8px; }
|
||||
.head-tab-box .head-tab-item .tab-item .hover-item-box .hover-item-title .hover-title-tip3 {
|
||||
width: 16px;
|
||||
height: 18px;
|
||||
margin-right: 8px; }
|
||||
.head-tab-box .head-tab-item .tab-item .hover-item-box .hover-item-title .hover-title-tip4 {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-right: 6px; }
|
||||
.head-tab-box .head-tab-item .tab-item .hover-item-box .hover-item-title .hover-title-name {
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
color: #333333; }
|
||||
.head-tab-box .head-tab-item .tab-item .hover-item-box .hover-item-abox {
|
||||
padding: 14px 25px 4px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
border-bottom: 1px solid gainsboro; }
|
||||
.head-tab-box .head-tab-item .tab-item .hover-item-box .hover-item-abox:last-child {
|
||||
border-bottom: none; }
|
||||
.head-tab-box .head-tab-item .tab-item .hover-item-box .hover-item-abox .abox-item {
|
||||
font-size: 18px;
|
||||
color: #333333;
|
||||
margin: 0px 20px 10px 0px; }
|
||||
.head-tab-box .head-tab-item .active-item .tab-item-bd {
|
||||
background: #33A6FB; }
|
||||
.head-tab-box .head-tab-search {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
height: 36px;
|
||||
background: #FFFFFF;
|
||||
border: 1px solid #C5C5C5;
|
||||
border-radius: 18px;
|
||||
padding: 0px 15px;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
margin-bottom: 7px; }
|
||||
.head-tab-box .head-tab-search .search-btn {
|
||||
width: 21px;
|
||||
height: 20px; }
|
||||
.head-tab-box .head-tab-search .search-ipt {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
margin-right: 5px;
|
||||
outline: none;
|
||||
border: none;
|
||||
font-size: 14px;
|
||||
color: #999999; }
|
||||
|
||||
.links-container {
|
||||
background-color: #FAFAFB; }
|
||||
.links-container .links-box {
|
||||
padding: 25px 0px 30px; }
|
||||
.links-container .links-box .links-title {
|
||||
font-size: 32px;
|
||||
font-weight: bold;
|
||||
color: #494949;
|
||||
text-align: center; }
|
||||
.links-container .links-box .links-tab {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
margin: 20px 0px 25px; }
|
||||
.links-container .links-box .links-tab .links-tab-item {
|
||||
width: 130px;
|
||||
height: 40px;
|
||||
border: 1px solid #E7E7E7;
|
||||
border-radius: 20px;
|
||||
font-size: 18px;
|
||||
color: #333333;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
margin: 0px 10px;
|
||||
cursor: pointer; }
|
||||
.links-container .links-box .links-tab .active-links {
|
||||
border-color: #33A6FB;
|
||||
color: #33A6FB; }
|
||||
.links-container .links-box .links-box-foot {
|
||||
text-align: center; }
|
||||
|
||||
.width-1200 {
|
||||
min-width: 1200px;
|
||||
margin: 0 auto;
|
||||
max-width: 1200px;
|
||||
width: 1200px; }
|
||||
|
||||
.min-width {
|
||||
min-width: 1200px; }
|
||||
|
||||
.spc-color-red {
|
||||
color: #F95E5E !important; }
|
||||
5
src/assets/content/css/other/NewIndex2.css
Normal file
5
src/assets/content/css/other/NewIndex2.css
Normal file
@ -0,0 +1,5 @@
|
||||
.verify-wrap .fix-tips, .verify-msg { line-height: 42px; }
|
||||
.drag-btn, .suc-drag-btn { height: 42px !important; }
|
||||
.xqcs-box-btn:hover { background-color:#008fe9 !important; }
|
||||
.main_ggt011, .main_ggt012 { float: left; display: inline-block; width: 314px; height:auto; border-radius: 15px; margin:0; }
|
||||
.main_ggt011 img, .main_ggt012 img { width: 314px; height: 213px; }
|
||||
58
src/assets/content/reset.css
Normal file
58
src/assets/content/reset.css
Normal file
@ -0,0 +1,58 @@
|
||||
@charset 'utf-8';
|
||||
/* CSS reset */
|
||||
html{color:#333333;font-family:Arial,'微软雅黑','宋体'; font-size: 15px;}
|
||||
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,strong{padding:0;margin:0;}
|
||||
table{border-collapse:collapse;border-spacing:0;}
|
||||
fieldset,img{border:0;}
|
||||
a{text-decoration:none; color:#333333; outline:none;}/*此处待添加默认链接颜色*/
|
||||
a:hover{color: #dd5046;}
|
||||
var,em,strong{font-style:normal;}
|
||||
address,caption,cite,code,dfn,em,strong,th,var, optgroup{font-style:inherit;font-weight:inherit;}
|
||||
del,ins{text-decoration:none;}
|
||||
li{list-style:none;}
|
||||
caption,th{text-align:left;}
|
||||
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
|
||||
q:before,q:after{content:'';}
|
||||
abbr,acronym{border:0;font-variant:normal;}
|
||||
sup{vertical-align:baseline;}
|
||||
sub{vertical-align:baseline;}
|
||||
legend{color:#000;}
|
||||
input,button,textarea,select,optgroup,option{font-family:inherit; font-size:inherit;font-style:inherit;font-weight:inherit;}
|
||||
input,button,textarea,select{*font-size:100%;}
|
||||
body{/*-webkit-user-select:none;*/-webkit-text-size-adjust:none;}
|
||||
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
|
||||
.clearfix:after {content:"\200B"; display:block; height:0; clear:both; }
|
||||
.clearfix { *zoom:1; }
|
||||
.clear:after {content:".";display:block;height:0;clear:both;visibility:hidden; overflow:hidden;}
|
||||
.clear { *zoom:1;}
|
||||
.fl {float: left;}
|
||||
.fr {float: right;}
|
||||
.fw {font-weight: bold;}
|
||||
a{ cursor:pointer;}
|
||||
|
||||
/* Suggested order:
|
||||
//显示属性
|
||||
* display
|
||||
* list-style
|
||||
* position
|
||||
* float
|
||||
* clear
|
||||
|
||||
//自身属性
|
||||
* width
|
||||
* height
|
||||
* margin
|
||||
* padding
|
||||
* border
|
||||
* background
|
||||
|
||||
//文本属性
|
||||
* color
|
||||
* font
|
||||
* text-decoration
|
||||
* text-align
|
||||
* vertical-align
|
||||
* white-space
|
||||
* other text
|
||||
* content
|
||||
*/
|
||||
786
src/assets/css/bigSort.css
Normal file
786
src/assets/css/bigSort.css
Normal file
@ -0,0 +1,786 @@
|
||||
@charset "UTF-8";
|
||||
var,
|
||||
em,
|
||||
strong {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
address,
|
||||
caption,
|
||||
cite,
|
||||
code,
|
||||
dfn,
|
||||
em,
|
||||
strong,
|
||||
th,
|
||||
var,
|
||||
optgroup {
|
||||
font-style: inherit;
|
||||
font-weight: inherit;
|
||||
}
|
||||
|
||||
del,
|
||||
ins {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
caption,
|
||||
th {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-size: 100%;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
q:before,
|
||||
q:after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
abbr,
|
||||
acronym {
|
||||
border: 0;
|
||||
font-variant: normal;
|
||||
}
|
||||
|
||||
sup {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
legend {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
input,
|
||||
button,
|
||||
textarea,
|
||||
select,
|
||||
optgroup,
|
||||
option {
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
font-style: inherit;
|
||||
font-weight: inherit;
|
||||
}
|
||||
|
||||
input,
|
||||
button,
|
||||
textarea,
|
||||
select {
|
||||
*font-size: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
-webkit-user-select: none;
|
||||
-webkit-text-size-adjust: none;
|
||||
}
|
||||
|
||||
* {
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
.clear:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
height: 0;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.clear {
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: myFirstFont;
|
||||
src: url("FZHTJW.ttf") ；;
|
||||
}
|
||||
|
||||
a {
|
||||
outline: none;
|
||||
text-decoration: none;
|
||||
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
|
||||
-webkit-user-select: none;
|
||||
-moz-user-focus: none;
|
||||
-moz-user-select: none;
|
||||
color: black;
|
||||
}
|
||||
|
||||
/*正常的未被访问过的链接*/
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
|
||||
-webkit-user-select: none;
|
||||
-moz-user-focus: none;
|
||||
-moz-user-select: none;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
/*已经访问过的链接*/
|
||||
a:visited {
|
||||
text-decoration: none;
|
||||
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
|
||||
-webkit-user-select: none;
|
||||
-moz-user-focus: none;
|
||||
-moz-user-select: none;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
/*鼠标划过(停留)的链接*/
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
|
||||
-webkit-user-select: none;
|
||||
-moz-user-focus: none;
|
||||
-moz-user-select: none;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
/* 正在点击的链接*/
|
||||
a:active {
|
||||
text-decoration: none;
|
||||
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
|
||||
-webkit-user-select: none;
|
||||
-moz-user-focus: none;
|
||||
-moz-user-select: none;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
body,
|
||||
html {
|
||||
min-width: 1200px;
|
||||
}
|
||||
|
||||
.one-overflow, .bSort-page .tb-wrapper .tb-main .main-left .tabbar-main .tabbar-left, .bSort-page .tb-wrapper .tb-main .main-left .bigsort-list .bigsort-item .item-left .item-left__tag, .bSort-page .tb-wrapper .tb-main .main-left .bigsort-list .bigsort-item .item-right__title, .bSort-page .tb-wrapper .tb-main .main-right .find-ul li, .bSort-page .tb-wrapper .tb-main .main-right .find-ul li a {
|
||||
-o-text-overflow: ellipsis;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/*文本格式化，超出范围，显示省略号*/
|
||||
.bSort-page {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper {
|
||||
width: 1200px;
|
||||
margin: 0px auto 20px;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .sort-main {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .sort-main .h-sort {
|
||||
padding: 15px;
|
||||
height: 60px;
|
||||
margin-right: 2px;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-webkit-align-items: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
background-color: #f9f9f9;
|
||||
border-radius: 5px;
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .sort-main .h-sort .sort-left {
|
||||
min-width: 64px;
|
||||
padding-right: 15px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .sort-main .h-sort .sort-left .left-img {
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .sort-main .h-sort .sort-left .sort-title {
|
||||
font-size: 16px;
|
||||
color: #48ace3;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .sort-main .h-sort .sort-right {
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .sort-main .h-sort .sort-right a {
|
||||
display: inline-block;
|
||||
color: #666;
|
||||
padding-right: 5px;
|
||||
font-size: 14px;
|
||||
padding: 10px 5px 10px 0;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .sort-main .h-sort__one {
|
||||
min-width: 290px;
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .left-navbar {
|
||||
font-size: 16px;
|
||||
color: #1a1a1a;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-left {
|
||||
width: 780px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-left .tabbar-main {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-webkit-justify-content: space-between;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
-webkit-box-align: center;
|
||||
-webkit-align-items: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
border-bottom: #48ace3 solid 4px;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-left .tabbar-main .tabbar-left {
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-left .tabbar-main .tabbar-left .tabbar-item {
|
||||
line-height: 1;
|
||||
color: #333;
|
||||
font-size: 16px;
|
||||
padding: 16px 20px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-left .tabbar-main .tabbar-left .tabbar-item__active {
|
||||
background-color: #48ace3;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-left .tabbar-main__first {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-left .bigsort-list .bigsort-item {
|
||||
padding: 20px 0;
|
||||
border-bottom: 1px solid #e0e0e0;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-left .bigsort-list .bigsort-item .item-left {
|
||||
position: relative;
|
||||
-webkit-box-flex: 0;
|
||||
-webkit-flex: 0 0 185px;
|
||||
-ms-flex: 0 0 185px;
|
||||
flex: 0 0 185px;
|
||||
width: 185px;
|
||||
height: 122px;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-left .bigsort-list .bigsort-item .item-left img {
|
||||
display: block;
|
||||
width: 185px;
|
||||
height: 122px;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-left .bigsort-list .bigsort-item .item-left .item-left__tag {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
padding: 2px 5px;
|
||||
max-width: 150px;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-left .bigsort-list .bigsort-item .item-right {
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-webkit-flex-direction: column;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-left .bigsort-list .bigsort-item .item-right__title {
|
||||
color: #333;
|
||||
font-size: 21px;
|
||||
line-height: 1.5;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-left .bigsort-list .bigsort-item .item-right__content {
|
||||
color: #aeadab;
|
||||
font-size: 14px;
|
||||
overflow: hidden;
|
||||
-o-text-overflow: ellipsis;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
margin-bottom: 10px;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-left .bigsort-list .bigsort-item .item-right__time {
|
||||
color: #aeadab;
|
||||
font-size: 14px;
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-left .page-total {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-webkit-align-items: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-webkit-justify-content: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
color: #333;
|
||||
font-size: 14px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-left .page-total a {
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-left .page-total .page-end,
|
||||
.bSort-page .tb-wrapper .tb-main .main-left .page-total .page-start {
|
||||
width: 60px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
background-color: #ffffff;
|
||||
border: solid 1px #979797;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-left .page-total .page-num {
|
||||
padding: 0 10px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
background-color: #ffffff;
|
||||
border: solid 1px #979797;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin: 0 10px;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-left .page-total .page-num__active {
|
||||
background-color: #b16f24;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-left .page-total .page-more {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-left .bigSort-noresult {
|
||||
padding-top: 60px;
|
||||
text-align: center;
|
||||
color: #1a1a1a;
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right {
|
||||
width: 400px;
|
||||
min-height: 100px;
|
||||
/*正常的未被访问过的链接*/
|
||||
/*已经访问过的链接*/
|
||||
/*鼠标划过(停留)的链接*/
|
||||
/* 正在点击的链接*/
|
||||
/*文本格式化，超出范围，显示省略号*/
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right var,
|
||||
.bSort-page .tb-wrapper .tb-main .main-right em,
|
||||
.bSort-page .tb-wrapper .tb-main .main-right strong {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right address,
|
||||
.bSort-page .tb-wrapper .tb-main .main-right caption,
|
||||
.bSort-page .tb-wrapper .tb-main .main-right cite,
|
||||
.bSort-page .tb-wrapper .tb-main .main-right code,
|
||||
.bSort-page .tb-wrapper .tb-main .main-right dfn,
|
||||
.bSort-page .tb-wrapper .tb-main .main-right em,
|
||||
.bSort-page .tb-wrapper .tb-main .main-right strong,
|
||||
.bSort-page .tb-wrapper .tb-main .main-right th,
|
||||
.bSort-page .tb-wrapper .tb-main .main-right var,
|
||||
.bSort-page .tb-wrapper .tb-main .main-right optgroup {
|
||||
font-style: inherit;
|
||||
font-weight: inherit;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right del,
|
||||
.bSort-page .tb-wrapper .tb-main .main-right ins {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right caption,
|
||||
.bSort-page .tb-wrapper .tb-main .main-right th {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right h1,
|
||||
.bSort-page .tb-wrapper .tb-main .main-right h2,
|
||||
.bSort-page .tb-wrapper .tb-main .main-right h3,
|
||||
.bSort-page .tb-wrapper .tb-main .main-right h4,
|
||||
.bSort-page .tb-wrapper .tb-main .main-right h5,
|
||||
.bSort-page .tb-wrapper .tb-main .main-right h6 {
|
||||
font-size: 100%;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right q:before,
|
||||
.bSort-page .tb-wrapper .tb-main .main-right q:after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right abbr,
|
||||
.bSort-page .tb-wrapper .tb-main .main-right acronym {
|
||||
border: 0;
|
||||
font-variant: normal;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right sup {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right sub {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right legend {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right input,
|
||||
.bSort-page .tb-wrapper .tb-main .main-right button,
|
||||
.bSort-page .tb-wrapper .tb-main .main-right textarea,
|
||||
.bSort-page .tb-wrapper .tb-main .main-right select,
|
||||
.bSort-page .tb-wrapper .tb-main .main-right optgroup,
|
||||
.bSort-page .tb-wrapper .tb-main .main-right option {
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
font-style: inherit;
|
||||
font-weight: inherit;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right input,
|
||||
.bSort-page .tb-wrapper .tb-main .main-right button,
|
||||
.bSort-page .tb-wrapper .tb-main .main-right textarea,
|
||||
.bSort-page .tb-wrapper .tb-main .main-right select {
|
||||
*font-size: 100%;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right body {
|
||||
-webkit-user-select: none;
|
||||
-webkit-text-size-adjust: none;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right * {
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right .clear:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
height: 0;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right .clear {
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
.bSort-page .tb-wrapper .tb-main .main-right {
|
||||
font-family: myFirstFont;
|
||||
src: url("FZHTJW.ttf") ；;
|
||||
}
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right a {
|
||||
outline: none;
|
||||
text-decoration: none;
|
||||
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
|
||||
-webkit-user-select: none;
|
||||
-moz-user-focus: none;
|
||||
-moz-user-select: none;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right a:link {
|
||||
text-decoration: none;
|
||||
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
|
||||
-webkit-user-select: none;
|
||||
-moz-user-focus: none;
|
||||
-moz-user-select: none;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right a:visited {
|
||||
text-decoration: none;
|
||||
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
|
||||
-webkit-user-select: none;
|
||||
-moz-user-focus: none;
|
||||
-moz-user-select: none;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right a:hover {
|
||||
text-decoration: none;
|
||||
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
|
||||
-webkit-user-select: none;
|
||||
-moz-user-focus: none;
|
||||
-moz-user-select: none;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right a:active {
|
||||
text-decoration: none;
|
||||
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
|
||||
-webkit-user-select: none;
|
||||
-moz-user-focus: none;
|
||||
-moz-user-select: none;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right body,
|
||||
.bSort-page .tb-wrapper .tb-main .main-right html {
|
||||
min-width: 1200px;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right .one-overflow, .bSort-page .tb-wrapper .tb-main .main-right .main-left .tabbar-main .tabbar-left, .bSort-page .tb-wrapper .tb-main .main-left .tabbar-main .main-right .tabbar-left, .bSort-page .tb-wrapper .tb-main .main-right .main-left .bigsort-list .bigsort-item .item-left .item-left__tag, .bSort-page .tb-wrapper .tb-main .main-left .bigsort-list .bigsort-item .item-left .main-right .item-left__tag, .bSort-page .tb-wrapper .tb-main .main-right .main-left .bigsort-list .bigsort-item .item-right__title, .bSort-page .tb-wrapper .tb-main .main-left .bigsort-list .bigsort-item .main-right .item-right__title, .bSort-page .tb-wrapper .tb-main .main-right .find-ul li, .bSort-page .tb-wrapper .tb-main .main-right .find-ul li a {
|
||||
-o-text-overflow: ellipsis;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right .toleft {
|
||||
height: 23px;
|
||||
line-height: 1;
|
||||
margin-left: 18px;
|
||||
padding-right: 10px;
|
||||
background: #fff;
|
||||
color: #333;
|
||||
font-size: 21px;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right .titbg7 {
|
||||
background: url(/Images/old/v3/MainSite/Content/themes/Default/images/news/title7.jpg) 0 50% no-repeat;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right .titletwo {
|
||||
overflow: hidden;
|
||||
width: 354px;
|
||||
height: 23px;
|
||||
line-height: 23px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right .hot-a {
|
||||
clear: both;
|
||||
margin-top: 15px;
|
||||
display: inline-block;
|
||||
width: 372px;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right .hot-a .hot-left {
|
||||
position: relative;
|
||||
float: left;
|
||||
width: 125px;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right .hot-a .hot-left .hot-num {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: 2px 7px;
|
||||
color: #fff;
|
||||
background-color: black;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right .hot-a .hot-left .hot-img {
|
||||
width: 110px;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right .hot-a .hot-right {
|
||||
float: left;
|
||||
width: 239px;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right .hot-a .hot-right .hot-right__name {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
color: #666;
|
||||
margin-bottom: 5px;
|
||||
overflow: hidden;
|
||||
-o-text-overflow: ellipsis;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right .border-around {
|
||||
border: 1px solid #dfdfdf;
|
||||
clear: both;
|
||||
margin-bottom: 30px;
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right .gnright {
|
||||
border: 0;
|
||||
width: 400px;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right .find-ul {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-ms-flex-wrap: wrap;
|
||||
-webkit-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
padding: 15px 0 10px;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right .find-ul li {
|
||||
padding: 0 10px;
|
||||
margin-bottom: 10px;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
text-align: center;
|
||||
margin-right: 10px;
|
||||
background-color: #ffd7c3;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right .find-ul li a {
|
||||
color: #333;
|
||||
font-size: 15px;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right .find-ul li:nth-of-type(6n-5) {
|
||||
background: #ffd7c3;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right .find-ul li:nth-of-type(6n-4) {
|
||||
background: #ceddff;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right .find-ul li:nth-of-type(6n-3) {
|
||||
background: #ead0ff;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right .find-ul li:nth-of-type(6n-2) {
|
||||
background: #ffe2b5;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right .find-ul li:nth-of-type(6n-1) {
|
||||
background: #ffc7d1;
|
||||
}
|
||||
|
||||
.bSort-page .tb-wrapper .tb-main .main-right .find-ul li:nth-of-type(6n) {
|
||||
background: #ceddff;
|
||||
}
|
||||
|
||||
.right-item2 { font-size: 15px; color: #333; padding: 0 10px 10px; border: 1px solid #dfdfdf; border-top: 3px solid #13a3ff; width: 378px; float: right; margin-bottom: 20px; }
|
||||
.right-item2 li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 27px; }
|
||||
.linkl{display:none;}
|
||||
.linkr,.linkshow{width:100%}
|
||||
.links{background:#FAFAFB;}
|
||||
.linka{width:140px;}
|
||||
15
src/assets/css/detail.css
Normal file
15
src/assets/css/detail.css
Normal file
@ -0,0 +1,15 @@
|
||||
.ndbottom { display: inline; width: 100%; height: 60px; margin: 25px 1px 0 0; padding-top: 10px; border-bottom: 1px solid #efefef; }
|
||||
.down-up__page { padding: 10px 0px; height: 85px; width: 100%; font-size: 15px; display: inline-block; color: #666; }
|
||||
.add-con { display: inline; width: 100%; margin-top: 30px; margin-left: 0; }
|
||||
.mboxlist { margin-left: 0; width: 100%; }
|
||||
.absoutnews { width: 100%; margin-left: 0; }
|
||||
.pc_comment { margin-left: 0; width: 100%; }
|
||||
.right-item2 { font-size: 15px; color: #333; padding: 0 10px 10px; border: 1px solid #dfdfdf; border-top: 3px solid #13a3ff; width: 378px; float: right; margin-top: 40px; }
|
||||
.right-item2 li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 27px; }
|
||||
.mp-tips label { width: 500px; color: #333333; font-size: 19px; text-align: center; margin: 15px 0; display: block; }
|
||||
.gnright { margin: 0; }
|
||||
.xyright { width: 400px; }
|
||||
.new-question, #adv { margin-bottom: 0; }
|
||||
.GgSystem_Mgr_Cls, .right-item2 { margin-top: 30px; }
|
||||
.new-wb_hfrz { position: absolute; text-align: center; width: 100%; bottom: 75px; }
|
||||
.mlcon-item .item-mid { max-width: 608px; min-width: 608px; }
|
||||
63
src/assets/css/hTopSort.css
Normal file
63
src/assets/css/hTopSort.css
Normal file
@ -0,0 +1,63 @@
|
||||
.sort-main {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.sort-main .h-sort {
|
||||
padding: 15px;
|
||||
height: 60px;
|
||||
margin-right: 2px;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-webkit-align-items: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
background-color: #f9f9f9;
|
||||
border-radius: 5px;
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.sort-main .h-sort .sort-left {
|
||||
min-width: 64px;
|
||||
padding-right: 15px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.sort-main .h-sort .sort-left .left-img {
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
.sort-main .h-sort .sort-left .sort-title {
|
||||
font-size: 16px;
|
||||
color: #48ace3;
|
||||
}
|
||||
|
||||
.sort-main .h-sort .sort-right {
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.sort-main .h-sort .sort-right a {
|
||||
display: inline-block;
|
||||
color: #666;
|
||||
padding-right: 5px;
|
||||
font-size: 14px;
|
||||
padding: 10px 5px 10px 0;
|
||||
}
|
||||
|
||||
.sort-main .h-sort__one {
|
||||
min-width: 290px;
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
48
src/assets/css/jquery.autocomplete.css
Normal file
48
src/assets/css/jquery.autocomplete.css
Normal file
@ -0,0 +1,48 @@
|
||||
.ac_results {
|
||||
padding: 0px;
|
||||
border: 1px solid black;
|
||||
background-color: white;
|
||||
overflow: hidden;
|
||||
z-index: 99999;
|
||||
}
|
||||
|
||||
.ac_results ul {
|
||||
width: 100%;
|
||||
list-style-position: outside;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.ac_results li {
|
||||
margin: 0px;
|
||||
padding: 2px 5px;
|
||||
cursor: default;
|
||||
display: block;
|
||||
/*
|
||||
if width will be 100% horizontal scrollbar will apear
|
||||
when scroll mode will be used
|
||||
*/
|
||||
/*width: 100%;*/
|
||||
font: menu;
|
||||
font-size: 12px;
|
||||
/*
|
||||
it is very important, if line-height not setted or setted
|
||||
in relative units scroll will be broken in firefox
|
||||
*/
|
||||
line-height: 16px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.ac_loading {
|
||||
background: white url('indicator.gif') right center no-repeat;
|
||||
}
|
||||
|
||||
.ac_odd {
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
.ac_over {
|
||||
background-color: #0A246A;
|
||||
color: white;
|
||||
}
|
||||
395
src/assets/css/licai.css
Normal file
395
src/assets/css/licai.css
Normal file
@ -0,0 +1,395 @@
|
||||
@font-face {
|
||||
font-family: "iconfont";
|
||||
src: url("iconfont.eot?t=1566437416175");
|
||||
/* IE9 */
|
||||
src: url("iconfont.eot?t=1566437416175#iefix") format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAUEAAsAAAAACfgAAAS2AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDOAqGfIVcATYCJAMYCw4ABCAFhG0HVxuBCBEVpPWQ/Thwzmdx1HlE53fVrSUUOslJ+s/x8LiGvp/koIQKVFV7skgSx6jqZyfc2OkZPWFYE/w82/Lh9wq8qGzcGi6W4jLaWOgtskyYsxHICRM1WZKzqIBt8VLgNNvDweW07YHNs7dcfjXG0rEmBhgHFNAY2xaFWVzi2AM8w4UJPEyg1wwH2EFUQga0CmFUIM5qq0uhdRmUGHZo1XXIwgLxHGS0aSbrMoBn+u/jC7iFPEiqDMJRp1WRFbDzDJ7NQeR/EgoQDZPKs+G2jIwOKMRZqOMxZDPQQXo/scUa0IrdEu9Zz0Kfzfn/n1gg6out1U9/eSRZESqiBkHRT8zDYMV7kBES7zGEzHsWQuF9qFyccg4aVKypSywdBjEK4jYyO38jS2K3fg6mYDCiFK6Cc4TX6wyXip5liZ9nC59mCp70CQQZQmGmWJwtEhXg5AZ6E3cjtT6b4mnxFmoz2MKj1GEdcj21EVsljj4jNCVt+BmOzbjiYIbeQGqsFwC5Plv7mDm2er/N9YrNOsS5Rg7F4zKE4j7nReLsVaIoHo5TC7VvRDEyqErGi5Npf8XFPVVgQtCWQmGG4LYOqcE/b8FTwvfeNELLbnkT9Hxgv5lXRK0H1tMNBIHaa5xSMY/ayNWW43E30ZqV81tm0Kr2KapjFLKoqMKb9zMXTBlBBimw4FAiIxlGnM2simaEORxmjy57Pt8Cn7dWr4i3yPq/e4mtpMS+JKIqpkjsLM6p/u3o1SuE0u2MYRUH+k2UVKfEzZsnZFrN98XUL9XAPZY8cCXMKJRkYmJSUuSPkLHq5pTtVIah5fnyCr6um+6CNyaxtqpY3HozTYTn0mBm/3zcxbeqjbiiKcHbZqVdKfm7itjlkuEoUJundMZ/Mz4AF5T5wTOVdNLg2rWDaPkVDcmsaoymWTU6KDLSxQXujZzr/rkdup6R6pE9KlGasZVy01jwy/1gyQ/O6lYYUeie1U9cwU16J6Yaax7SHIFNy9/BmaUS643Wl69elVpvsrpScsVqk7XUIbvs7ySBgHsSqw1W0rPnNMpGXZr0IpWwTMpvJAH/F89Cr7tZGJ+J/zuxufp0nV6cibfhzb1HObPxfWmvhqkwXYFJgqMlzAuZo/JLx8wU28yFAYD/y9EDVAL+j6NfufHPJZF2JofPQGq55/+//0NsNqLPv9OcmB/+6ioHfJUn2ADvpqja6JJ0SjiJyNTk2aZjQwzlj+QrFox1edeTh///J1C7BY2dqNMrmjnPIoyaKEs5wYTqak3YkDSmIWvNUguzg0qfBai1tqHXvOjlfca0QRZFAZgzFSAM2wbJoLeQDbtCLUwpVCa9hdpwIJAsvGO14dI60sVW4CsiCv4oDeuKJbMujPQ74k/hi1Osc96QLnWTbVje8BEVpIwp3Td2VJlY6pIOcByKoqZG6gyhGolqszFNDnuSEdZlb2FLgE9BhAT+kFSoVmG1uVr4vn8HsY+CT2LqfoTfQHTS9onNYKWgHhVVqrpt6d75ijmUYh7GRK1EDmiDQgzUSBPeLwMhZUhy+BobJjXitAqjflW5lFuglzC9jhQ5SlRRR2P8BFMSNYtSv/qXRtmzAqwnVJ+5obOHYfpeDwAA") format("woff2"), url("iconfont.woff?t=1566437416175") format("woff"), url("iconfont.ttf?t=1566437416175") format("truetype"), url("iconfont.svg?t=1566437416175#iconfont") format("svg");
|
||||
/* iOS 4.1- */
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
font-family: "iconfont" !important;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-wenti:before {
|
||||
content: "\e641";
|
||||
}
|
||||
|
||||
.icon-dianzan1:before {
|
||||
content: "\e600";
|
||||
}
|
||||
|
||||
.icon-leftMenu:before {
|
||||
content: "\e601";
|
||||
}
|
||||
|
||||
.icon-leftMenu1:before {
|
||||
content: "\e602";
|
||||
}
|
||||
|
||||
.icon-zan:before {
|
||||
content: "\e692";
|
||||
}
|
||||
|
||||
.border-around {
|
||||
border: 1px solid #dfdfdf;
|
||||
clear: both;
|
||||
margin-bottom: 30px;
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.gnright {
|
||||
border: none;
|
||||
/* width: 400px; */
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.week-hot .hot-item {
|
||||
width: 100%;
|
||||
padding: 15px 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.week-hot .hot-item .hot-item__lf {
|
||||
float: left;
|
||||
width: 99px;
|
||||
height: 65px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.week-hot .hot-item .hot-item__lfno{
|
||||
float: left;
|
||||
width: 20px;
|
||||
height:20px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.week-hot .hot-item .hot-item__lfno div{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
background: #303131;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
|
||||
.week-hot .hot-item .hot-item__lf div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
background: #303131;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.week-hot .hot-item .hot-item__lf img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.week-hot .hot-item .hot-item__rt {
|
||||
float: left;
|
||||
font-size: 17px;
|
||||
color: #666;
|
||||
padding-left: 15px;
|
||||
width: 238px;
|
||||
}
|
||||
|
||||
.week-hot .hot-item .hot-item__rt .item-rt__bottom {
|
||||
vertical-align: middle;
|
||||
margin-top: 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.week-hot .hot-item .hot-item__rt .item-rt__bottom img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.week-hot .hot-item .hot-item__rt .item-rt__bottom span {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.new__821 .header-title {
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
border-bottom: 1px solid #dfdfdf;
|
||||
font-size: 21px;
|
||||
color: #464646;
|
||||
}
|
||||
|
||||
.new__821 .header-title span {
|
||||
display: inline-block;
|
||||
height: 60px;
|
||||
border-bottom: 2px solid #38aae6;
|
||||
}
|
||||
|
||||
.new__821 .gagent dl {
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
.new-question .content {
|
||||
padding-top: 20px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.new-question .content a {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.new-question .content .item {
|
||||
padding-bottom: 20px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.new-question .content .item-top {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.new-question .content .item-bottom {
|
||||
margin-top: 10px;
|
||||
font-size: 15px;
|
||||
color: #666;
|
||||
padding: 10px 10px 5px;
|
||||
background: #f7f7f7;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.new-question .content .item-bottom img {
|
||||
float: left;
|
||||
width: 31px;
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
.new-question .content .item-bottom span {
|
||||
padding-left: 10px;
|
||||
float: right;
|
||||
width: 291px;
|
||||
margin-top: -5px;
|
||||
}
|
||||
|
||||
.new-question .content .item-bottom::before {
|
||||
content: "";
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
border-left: 10px solid transparent;
|
||||
border-right: 10px solid transparent;
|
||||
border-bottom: 10px solid #f7f7f7;
|
||||
position: absolute;
|
||||
top: -10px;
|
||||
left: 30px;
|
||||
}
|
||||
|
||||
.dz-wrapper .ndlaud dl dt {
|
||||
min-width: 100px;
|
||||
}
|
||||
|
||||
.dz-wrapper .ndlaud dl dt .dz-main {
|
||||
border: 1px solid #38aae6;
|
||||
display: inline-block;
|
||||
padding: 5px 10px;
|
||||
font-size: 15px;
|
||||
color: #38aae6;
|
||||
vertical-align: middle;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.dz-wrapper .ndlaud dl dt .dz-main.active {
|
||||
background: #38aae6;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.shear-wb-wx {
|
||||
width: 125px;
|
||||
position: relative;
|
||||
vertical-align: middle;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.shear-wb-wx img {
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.shear-wb-wx .shear-wx:hover+.wx-code {
|
||||
display: table;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.shear-wb-wx .sweibo {
|
||||
width: 24px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.shear-wb-wx .wx-code {
|
||||
width: 250px;
|
||||
height:100px;
|
||||
color: #666;
|
||||
font-size: 17px;
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
top: -125px;
|
||||
border: 1px solid #dfdfdf;
|
||||
padding: 15px;
|
||||
opacity: 0;
|
||||
display: none;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.shear-wb-wx .wx-code img {
|
||||
width: 76px;
|
||||
height: 76px;
|
||||
border: 1px solid red;
|
||||
}
|
||||
|
||||
.shear-wb-wx .wx-code div {
|
||||
height: 76px;
|
||||
}
|
||||
|
||||
.shear-wb-wx .wx-code div .wx-code__inner {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.shear-wb-wx .wx-code div .wx-code__inner p {
|
||||
width: 136px;
|
||||
font-size: 17px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.shear-wb-wx .wx-code div .wx-code__inner p.p-two {
|
||||
font-weight: normal;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.shear-wb-wx .wx-code::before {
|
||||
content: "";
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
background: #fff;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-top: 1px solid #dfdfdf;
|
||||
border-left: 1px solid transparent;
|
||||
border-right: 1px solid #dfdfdf;
|
||||
position: absolute;
|
||||
bottom: -7px;
|
||||
right: 20px;
|
||||
-webkit-transform: rotate(135deg);
|
||||
transform: rotate(135deg);
|
||||
}
|
||||
|
||||
.down-up__page {
|
||||
padding: 10px 0px;
|
||||
height: 85px;
|
||||
width: 100%;
|
||||
font-size: 15px;
|
||||
display: inline-block;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.down-up__page .page {
|
||||
display: table;
|
||||
width: 320px;
|
||||
height: 85px;
|
||||
}
|
||||
|
||||
.down-up__page .page i {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.down-up__page .page img {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
width: 128px;
|
||||
height: 85px;
|
||||
margin: 0 10px;
|
||||
}
|
||||
|
||||
.down-up__page .page .page-content {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
width: 150px;
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
.down-up__page .page .page-content .page-title {
|
||||
font-weight: bold;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
.down-up__page .page .page-content .page-title__two {
|
||||
text-align: right;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.absoutnews {
|
||||
display: inline-block;
|
||||
width: 733px;
|
||||
margin-left: 35px;
|
||||
}
|
||||
|
||||
.absoutnews .titleone {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.absoutnews .pmain {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.absoutnews .z-main {
|
||||
padding: 20px 0;
|
||||
background: #fff;
|
||||
border-bottom: 1px dashed #e0e0e0;
|
||||
}
|
||||
|
||||
.absoutnews .z-left {
|
||||
width: 180px;
|
||||
height: 120px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.absoutnews .z-left__img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.absoutnews .z-right {
|
||||
width: 510px;
|
||||
padding-right: 10px;
|
||||
height: 120px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.absoutnews .z-right__title {
|
||||
font-size: 16px;
|
||||
color: #00a1e0;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.absoutnews .z-right__time {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
left: 0;
|
||||
color: #c7c7c7;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.absoutnews .z-right__des {
|
||||
font-size: 14px;
|
||||
color: #666666;
|
||||
}
|
||||
1291
src/assets/css/member.css
Normal file
1291
src/assets/css/member.css
Normal file
File diff suppressed because it is too large
Load Diff
5384
src/assets/css/news.css
Normal file
5384
src/assets/css/news.css
Normal file
File diff suppressed because it is too large
Load Diff
383
src/assets/css/news_detail.css
Normal file
383
src/assets/css/news_detail.css
Normal file
@ -0,0 +1,383 @@
|
||||
.gnright { width: 301px; }
|
||||
.bn-btn { right: 44.2% !important; }
|
||||
.info-box { display: flex; justify-content: center; }
|
||||
.ndetail { width: 840px; margin-right: 10px; }
|
||||
.ndtitle .soure { float: none; }
|
||||
.ndetail h1, .gadetail h1, .x-gadetail h1 { font-size: 26px; height: auto; line-height: 45px; margin-top: 20px; }
|
||||
.ndtitle, .ndetail h1, .gadetail h1, .x-gadetail h1 { width: 790px; }
|
||||
.ndtitle { border-bottom: none; float: none; display: flex; justify-content: center; margin-bottom: 15px; }
|
||||
.ndtitle .soure .IsYuanChuang { border: none; color: #c7c7c7; }
|
||||
.text-main { width: 830px; }
|
||||
.newsDaoDu { background-color: #FBFBFB; }
|
||||
.weichild img { width: 102px; height: 102px; }
|
||||
.right-item2 { width: 281px; margin-top: 0!important; }
|
||||
.xzad img { width: 100%; height: auto; }
|
||||
.xyright { width: 301px; margin: 0 0 15px; }
|
||||
.ndlaud dl dt { width: 18px; height: 16px; }
|
||||
.ndlaud dl dd { height: 16px; line-height: 18px; width: auto; margin-left: 10px; }
|
||||
|
||||
/* 险ç§å±•ç¤ºä¸Žé¢„约专家 */
|
||||
.pc_comment { margin-left: 0; width: 100%; }
|
||||
.titleone { overflow: hidden; width: 726px; height: 23px; line-height: 23px; margin-top: 50px; }
|
||||
.titbg2 { background: none; position: relative; }
|
||||
.titbg2::before { content: ''; width: 4px; height: 20px; background-color: #33A6FB; position: absolute; top: 2px; }
|
||||
.toleft { height: 23px; line-height: 23px; margin-left: 18px; padding-right: 10px; background: #fff; color: #333333; font-size: 21px; }
|
||||
.mlcon-item {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: start;
|
||||
-ms-flex-align: start;
|
||||
align-items: flex-start;
|
||||
padding: 25px 5px;
|
||||
border-bottom: 1px solid gainsboro; }
|
||||
.mlcon-item .item-img {
|
||||
width: 70px;
|
||||
height: 63px;
|
||||
margin-right: 15px;
|
||||
overflow: hidden; }
|
||||
.mlcon-item .item-mid {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column; }
|
||||
.mlcon-item .item-mid .item-mid-title {
|
||||
font-size: 18px;
|
||||
color: #1a1a1a;
|
||||
font-weight: bold; }
|
||||
.mlcon-item .item-mid .item-mid-tip {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
font-size: 14px;
|
||||
margin: 10px 0px; }
|
||||
.mlcon-item .item-mid .item-mid-tip .mid-tip-txt {
|
||||
font-size: 14px;
|
||||
color: #999999;
|
||||
max-width: 520px; }
|
||||
.mlcon-item .item-mid .item-mid-tip .mid-tip-info {
|
||||
color: #33a6fb; }
|
||||
.mlcon-item .item-mid .item-mid-box {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center; }
|
||||
.mlcon-item .item-mid .item-mid-box .mid-tip {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
margin-right: 45px; }
|
||||
.mlcon-item .item-mid .item-mid-box .mid-tip .mit-tip-img {
|
||||
width: 18px;
|
||||
height: 20px;
|
||||
margin-right: 5px; }
|
||||
.mlcon-item .item-mid .item-mid-box .mid-tip .tip-txt {
|
||||
font-size: 14px;
|
||||
color: #333333; }
|
||||
.mlcon-item .item-mid .item-mid-box2 {
|
||||
background: #f8f9fb;
|
||||
border-radius: 10px;
|
||||
padding: 8px 15px;
|
||||
margin-top: 10px; }
|
||||
.mlcon-item .item-mid .item-mid-box2 .mid-box2-list {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: start;
|
||||
-ms-flex-align: start;
|
||||
align-items: flex-start; }
|
||||
.mlcon-item .item-mid .item-mid-box2 .mid-box2-list .mid-box2-name {
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
color: #666666;
|
||||
line-height: 30px;
|
||||
margin-right: 15px; }
|
||||
.mlcon-item .item-mid .item-mid-box2 .mid-box2-list .max-height {
|
||||
height: 30px;
|
||||
overflow: hidden; }
|
||||
.mlcon-item .item-mid .item-mid-box2 .mid-box2-list .mid-box2-tip {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
font-size: 14px;
|
||||
color: #666666;
|
||||
line-height: 30px;
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1; }
|
||||
.mlcon-item .item-mid .item-mid-box2 .mid-box2-list .mid-box2-tip .tip-item {
|
||||
width: 33%; }
|
||||
.mlcon-item .item-mid .item-mid-box2 .mid-box2-more {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-line-pack: center;
|
||||
align-content: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
margin: 5px 0px; }
|
||||
.mlcon-item .item-mid .item-mid-box2 .mid-box2-more .more-img {
|
||||
width: 14px;
|
||||
height: 8px; }
|
||||
.mlcon-item .item-mid .item-mid-box2 .mid-box2-more .more-img-up {
|
||||
-webkit-transform: rotate(180deg);
|
||||
transform: rotate(180deg); }
|
||||
.mlcon-item .item-fr {
|
||||
width: 146px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center; }
|
||||
.mlcon-item .item-fr .fr-item-btn {
|
||||
width: 120px;
|
||||
height: 40px;
|
||||
background: #33a6fb;
|
||||
border-radius: 20px;
|
||||
font-size: 16px;
|
||||
color: #ffffff;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
margin-top: 50px;
|
||||
cursor: pointer; }
|
||||
.mlcon-item .item-fr .mbrbottom {
|
||||
float: none;
|
||||
width: auto;
|
||||
color: #1a1a1a; }
|
||||
.mlcon-item .item-fr .mbrbottom .check {
|
||||
margin-left: 0px;
|
||||
width: auto; }
|
||||
.mlcon-item .item-fr .fr-item-sc {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
margin-top: 25px; }
|
||||
.mlcon-item .item-fr .fr-item-sc .sc-img {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin-right: 5px; }
|
||||
.mlcon-item .item-fr .fr-item-sc .sc-txt {
|
||||
font-size: 14px;
|
||||
color: #1a1a1a;
|
||||
line-height: 30px; }
|
||||
.mlcon-item .item-fr .fr-item-sc .sc-txt span {
|
||||
color: #33a6fb; }
|
||||
|
||||
/* å³ä¸‹è§’的获客 */
|
||||
.info-box .new-appointment-float { position: relative; text-align: center; margin-top: 0; }
|
||||
.close-tip { position: absolute; width: 25px !important; height: 25px; right: -12px; top: -12px; cursor: pointer; }
|
||||
.optBox { display: inline; vertical-align: middle; height: 30px; }
|
||||
.optBox select { width: 100px; height: 30px; background: #FFFFFF; border-radius: 3px; font-size: 13px; font-weight: 400; color: #1A1A1A; line-height: 30px; text-align: center; text-align-last: center; }
|
||||
.main-right .new-appointment-float .zh-appointment-input-box .zh-code-btn2 { border: none; top: 10px; }
|
||||
|
||||
.main-right { margin-left:10px; width:301px; }
|
||||
.main-right .fr-list-box {
|
||||
width: 301px;
|
||||
background: #ffffff;
|
||||
border: 1px solid #e0e0e0;
|
||||
margin-bottom: 15px;
|
||||
padding: 5px 0px 10px;
|
||||
color: #666666; }
|
||||
.main-right .fr-list-box .box-head {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center; }
|
||||
.main-right .fr-list-box .box-head .head-name {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
color: #1a1a1a;
|
||||
line-height: 23px; }
|
||||
.main-right .fr-list-box .box-head .head-name .name-bd {
|
||||
width: 4px;
|
||||
height: 17px;
|
||||
background-color: #33a6fb;
|
||||
margin-right: 10px; }
|
||||
.main-right .fr-list-box .box-head .head-more {
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
color: #666666;
|
||||
line-height: 48px;
|
||||
padding-right: 10px; }
|
||||
.main-right .fr-list-box .box-list {
|
||||
padding: 0px 15px; }
|
||||
.main-right .fr-list-box .box-list .box-list-item {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
margin: 0px 0px 15px;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center; }
|
||||
.main-right .fr-list-box .box-list .box-list-item .item-box-img {
|
||||
width: 110px;
|
||||
height: 74px;
|
||||
margin-right: 10px; }
|
||||
.main-right .fr-list-box .box-list .box-list-item .item-box {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
height: 74px; }
|
||||
.main-right .fr-list-box .box-list .box-list-item .item-box .item-box-name {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
font-size: 16px;
|
||||
color: #1A1A1A;
|
||||
line-height: 23px; }
|
||||
.main-right .fr-list-box .box-list .box-list-item .item-box .item-box-tip {
|
||||
font-size: 14px;
|
||||
color: #999999;
|
||||
line-height: 23px; }
|
||||
.main-right .fr-list-box .box-list .box-list-item2 {
|
||||
position: relative;
|
||||
font-size: 17px;
|
||||
color: #1a1a1a;
|
||||
padding: 8px 0px;
|
||||
padding-left: 12px;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.main-right .fr-list-box .box-list .box-list-item2::before {
|
||||
content: "";
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
border-radius: 50%;
|
||||
background-color: #999999;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 13px; }
|
||||
.main-right .fr-list-box .box-list .box-list-item3 {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
margin-bottom: 20px; }
|
||||
.main-right .fr-list-box .box-list .box-list-item3 .item3-head {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
height: 90px;
|
||||
width: 90px;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center; }
|
||||
.main-right .fr-list-box .box-list .box-list-item3 .item3-head .head-img {
|
||||
width: 85px;
|
||||
height: 85px;
|
||||
border-radius: 50%;
|
||||
margin-bottom: 5px; }
|
||||
.main-right .fr-list-box .box-list .box-list-item3 .item3-head .head-tip {
|
||||
position: absolute;
|
||||
bottom: -1px; }
|
||||
.main-right .fr-list-box .box-list .box-list-item3 .item3-fr {
|
||||
margin-left: 20px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column; }
|
||||
.main-right .fr-list-box .box-list .box-list-item3 .item3-fr .fr-name {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
position: relative; }
|
||||
.main-right .fr-list-box .box-list .box-list-item3 .item3-fr .fr-name .name-txt {
|
||||
font-size: 18px;
|
||||
color: #1a1a1a; }
|
||||
.main-right .fr-list-box .box-list .box-list-item3 .item3-fr .fr-name .weichild {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
z-index: 99;
|
||||
left: 30px; }
|
||||
.main-right .fr-list-box .box-list .box-list-item3 .item3-fr .fr-tip {
|
||||
font-size: 14px;
|
||||
color: #999999;
|
||||
line-height: 27px; }
|
||||
.main-right .fr-list-box .box-list .box-list-item3 .item3-fr .fr-phone {
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
line-height: 27px; }
|
||||
.main-right .fr-list-box .box-list .box-list-item3 .item3-fr .fr-btn {
|
||||
width: 80px;
|
||||
height: 25px;
|
||||
border: 1px solid #33a6fb;
|
||||
border-radius: 5px;
|
||||
font-size: 14px;
|
||||
color: #33a6fb;
|
||||
line-height: 25px;
|
||||
text-align: center;
|
||||
cursor:pointer; }
|
||||
.main-right .fr-list-box .box-list2 {
|
||||
padding-right: 5px;
|
||||
padding-left: 15px; }
|
||||
.main-right .fr-list-box .box-list2 .swiper-container {
|
||||
padding-bottom: 5px; }
|
||||
.main-right .fr-list-box .box-list2 .swiper-container .swiper-pagination {
|
||||
bottom: 0;
|
||||
left: -15px; }
|
||||
.main-right .fr-list-box .box-list3 {
|
||||
padding: 0px 20px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap; }
|
||||
.main-right .fr-list-box .box-list3 .box-list-item {
|
||||
font-size: 16px;
|
||||
color: #1A1A1A;
|
||||
line-height: 35px;
|
||||
margin-right: 15px; }
|
||||
71
src/assets/css/owl.carousel.css
Normal file
71
src/assets/css/owl.carousel.css
Normal file
@ -0,0 +1,71 @@
|
||||
/*
|
||||
* Core Owl Carousel CSS File
|
||||
* v1.3.3
|
||||
*/
|
||||
|
||||
/* clearfix */
|
||||
.owl-carousel .owl-wrapper:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
line-height: 0;
|
||||
height: 0;
|
||||
}
|
||||
/* display none until init */
|
||||
.owl-carousel{
|
||||
display: none;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
-ms-touch-action: pan-y;
|
||||
}
|
||||
.owl-carousel .owl-wrapper{
|
||||
display: none;
|
||||
position: relative;
|
||||
-webkit-transform: translate3d(0px, 0px, 0px);
|
||||
}
|
||||
.owl-carousel .owl-wrapper-outer{
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
.owl-carousel .owl-wrapper-outer.autoHeight{
|
||||
-webkit-transition: height 500ms ease-in-out;
|
||||
-moz-transition: height 500ms ease-in-out;
|
||||
-ms-transition: height 500ms ease-in-out;
|
||||
-o-transition: height 500ms ease-in-out;
|
||||
transition: height 500ms ease-in-out;
|
||||
}
|
||||
|
||||
.owl-carousel .owl-item{
|
||||
float: left;
|
||||
}
|
||||
.owl-controls .owl-page,
|
||||
.owl-controls .owl-buttons div{
|
||||
cursor: pointer;
|
||||
}
|
||||
.owl-controls {
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
/* mouse grab icon */
|
||||
.grabbing {
|
||||
cursor:url(grabbing.png) 8 8, move;
|
||||
}
|
||||
|
||||
/* fix */
|
||||
.owl-carousel .owl-wrapper,
|
||||
.owl-carousel .owl-item{
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
-ms-backface-visibility: hidden;
|
||||
-webkit-transform: translate3d(0,0,0);
|
||||
-moz-transform: translate3d(0,0,0);
|
||||
-ms-transform: translate3d(0,0,0);
|
||||
}
|
||||
|
||||
99
src/assets/css/owl.theme.css
Normal file
99
src/assets/css/owl.theme.css
Normal file
@ -0,0 +1,99 @@
|
||||
/*
|
||||
* Owl Carousel Owl Demo Theme
|
||||
* v1.3.3
|
||||
*/
|
||||
|
||||
.owl-theme .owl-controls{
|
||||
margin-top: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Styling Next and Prev buttons */
|
||||
|
||||
.owl-theme .owl-controls .owl-buttons div{
|
||||
color: #FFF;
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
*display: inline;/*IE7 life-saver */
|
||||
margin: 5px;
|
||||
padding: 3px 10px;
|
||||
font-size: 12px;
|
||||
-webkit-border-radius: 30px;
|
||||
-moz-border-radius: 30px;
|
||||
border-radius: 30px;
|
||||
background: #869791;
|
||||
filter: Alpha(Opacity=50);/*IE7 fix*/
|
||||
opacity: 0.5;
|
||||
}
|
||||
/* Clickable class fix problem with hover on touch devices */
|
||||
/* Use it for non-touch hover action */
|
||||
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
|
||||
filter: Alpha(Opacity=100);/*IE7 fix*/
|
||||
opacity: 1;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Styling Pagination*/
|
||||
|
||||
.owl-theme .owl-controls .owl-page{
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
*display: inline;/*IE7 life-saver */
|
||||
}
|
||||
.owl-theme .owl-controls .owl-page span{
|
||||
display: block;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin:0 3px;
|
||||
-webkit-border-radius: 20px;
|
||||
-moz-border-radius: 20px;
|
||||
border-radius: 20px;
|
||||
background: #d0d0d0;
|
||||
}
|
||||
|
||||
.owl-theme .owl-controls .owl-page.active span,
|
||||
.owl-theme .owl-controls.clickable .owl-page:hover span{
|
||||
background: #00a1e0;
|
||||
}
|
||||
|
||||
/* If PaginationNumbers is true */
|
||||
|
||||
.owl-theme .owl-controls .owl-page span.owl-numbers{
|
||||
height: auto;
|
||||
width: auto;
|
||||
color: #FFF;
|
||||
padding: 2px 10px;
|
||||
font-size: 12px;
|
||||
-webkit-border-radius: 30px;
|
||||
-moz-border-radius: 30px;
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
/* preloading images */
|
||||
.owl-item.loading{
|
||||
min-height: 150px;
|
||||
background: url(AjaxLoader.gif) no-repeat center center
|
||||
}
|
||||
|
||||
.owl-pagination{
|
||||
text-align: center;
|
||||
background: #f3f5f7;
|
||||
display: inline-block;
|
||||
padding: 4px 7px;
|
||||
border-radius: 8px;
|
||||
font-size: 0;
|
||||
}
|
||||
.p_special .owl-pagination {
|
||||
background: #fbfbfb;
|
||||
}
|
||||
.p_special .owl-theme .owl-controls .owl-page span{
|
||||
display: block;
|
||||
width: 44px;
|
||||
height: 5px;
|
||||
margin: 0 3px;
|
||||
background: #e9e9e9;
|
||||
}
|
||||
.p_special .owl-theme .owl-controls .owl-page.active span,
|
||||
.p_special .owl-theme .owl-controls.clickable .owl-page:hover span{
|
||||
background: #00a1e0;
|
||||
}
|
||||
1
src/assets/webpub/jqCloud/jqcloud.min.css
vendored
Normal file
1
src/assets/webpub/jqCloud/jqcloud.min.css
vendored
Normal file
@ -0,0 +1 @@
|
||||
div.jqcloud{font-family:Helvetica,Arial,sans-serif;font-size:10px;line-height:normal}div.jqcloud a{font-size:inherit;text-decoration:none}div.jqcloud span.w10{font-size:550%}div.jqcloud span.w9{font-size:500%}div.jqcloud span.w8{font-size:450%}div.jqcloud span.w7{font-size:400%}div.jqcloud span.w6{font-size:350%}div.jqcloud span.w5{font-size:300%}div.jqcloud span.w4{font-size:250%}div.jqcloud span.w3{font-size:200%}div.jqcloud span.w2{font-size:150%}div.jqcloud span.w1{font-size:100%}div.jqcloud{color:#09f}div.jqcloud a{color:inherit}div.jqcloud a:hover{color:#0df}div.jqcloud a:hover{color:#0cf}div.jqcloud span.w10{color:#0cf}div.jqcloud span.w9{color:#0cf}div.jqcloud span.w8{color:#0cf}div.jqcloud span.w7{color:#39d}div.jqcloud span.w6{color:#90c5f0}div.jqcloud span.w5{color:#90a0dd}div.jqcloud span.w4{color:#90c5f0}div.jqcloud span.w3{color:#a0ddff}div.jqcloud span.w2{color:#9ce}div.jqcloud span.w1{color:#aab5f0}div.jqcloud{overflow:hidden;position:relative}div.jqcloud span{padding:0}
|
||||
241
src/assets/webpub/js/jq-slideVerify.js
Normal file
241
src/assets/webpub/js/jq-slideVerify.js
Normal file
@ -0,0 +1,241 @@
|
||||
(function (global, factory) {
|
||||
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
|
||||
typeof define === 'function' && define.amd ? define(factory) :
|
||||
(window.slideVerifyPlug = factory());
|
||||
}(this, (function () { 'use strict';
|
||||
|
||||
var SlideVerify = function (ele,opt) {
|
||||
this.$ele = $(ele);
|
||||
//默认参数
|
||||
this.defaults = {
|
||||
initText:'请按住滑块，拖动到最右边',
|
||||
sucessText:'验证通过',
|
||||
getSuccessState:function(){
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
this.settings = $.extend({}, this.defaults, opt);
|
||||
this.touchX = 0 ;
|
||||
this.slideFinishState = false;
|
||||
this.init();
|
||||
}
|
||||
SlideVerify.prototype = {
|
||||
constructor: SlideVerify,
|
||||
init:function () {
|
||||
var _this = this;
|
||||
_this.initDom();
|
||||
_this.initStyle();
|
||||
_this.initEle();
|
||||
_this._mousedown();
|
||||
_this._mouseup();
|
||||
_this._touchstart();
|
||||
_this._touchmove();
|
||||
_this._touchend();
|
||||
},
|
||||
initDom:function(){
|
||||
var html = $(
|
||||
'<div class="drag-progress dragProgress">' +
|
||||
|
||||
'</div>' +
|
||||
'<span class="drag-btn dragBtn">' +
|
||||
|
||||
'</span>' +
|
||||
'<span class="fix-tips fixTips">' +
|
||||
this.settings.initText +
|
||||
'</span>' +
|
||||
'<span class="verify-msg sucMsg">' +
|
||||
this.settings.sucessText +
|
||||
'</span>');
|
||||
this.$ele.append(html);
|
||||
},
|
||||
initStyle:function(){
|
||||
if(this.settings.wrapWidth){
|
||||
this.$ele.css({
|
||||
'width':this.settings.wrapWidth
|
||||
})
|
||||
}else{
|
||||
this.$ele.css({
|
||||
'width':'100%'
|
||||
})
|
||||
}
|
||||
},
|
||||
initEle:function(){
|
||||
this.slideBtn = this.$ele.find('.dragBtn');
|
||||
this.slideProEle = this.$ele.find('.dragProgress');
|
||||
this.slideSucMsgEle = this.$ele.find('.sucMsg');
|
||||
this.slideFixTipsEle = this.$ele.find('.fixTips');
|
||||
this.maxSlideWid = this.calSlideWidth();
|
||||
},
|
||||
_mousedown:function(){
|
||||
var _this = this;
|
||||
var ifThisMousedown = false;
|
||||
_this.slideBtn.on('mousedown',function(e){
|
||||
var distenceX = e.pageX;
|
||||
e.preventDefault();
|
||||
if(_this.slideFinishState || _this.ifAnimated()){
|
||||
return false;
|
||||
}
|
||||
ifThisMousedown = true;
|
||||
$(document).mousemove(function(e){
|
||||
if(!ifThisMousedown){
|
||||
return false;
|
||||
}
|
||||
var curX = e.pageX - distenceX;
|
||||
if(curX >= _this.maxSlideWid){
|
||||
_this.setDragBtnSty(_this.maxSlideWid);
|
||||
_this.setDragProgressSty(_this.maxSlideWid);
|
||||
_this.cancelMouseMove();
|
||||
_this.slideFinishState = true;
|
||||
if(_this.settings.getSuccessState){
|
||||
_this.settings.getSuccessState(_this.slideFinishState);
|
||||
}
|
||||
_this.successSty();
|
||||
}else if(curX <= 0){
|
||||
_this.setDragBtnSty('0');
|
||||
_this.setDragProgressSty('0');
|
||||
}else{
|
||||
_this.setDragBtnSty(curX);
|
||||
_this.setDragProgressSty(curX);
|
||||
}
|
||||
})
|
||||
$(document).mouseup(function(){
|
||||
if(!ifThisMousedown){
|
||||
return false;
|
||||
}
|
||||
ifThisMousedown = false;
|
||||
if(_this.slideFinishState){
|
||||
_this.cancelMouseMove();
|
||||
return false;
|
||||
}else{
|
||||
_this.failAnimate();
|
||||
_this.cancelMouseMove();
|
||||
}
|
||||
});
|
||||
})
|
||||
|
||||
},
|
||||
_mouseup:function(){
|
||||
|
||||
},
|
||||
_touchstart:function(){
|
||||
var _this = this;
|
||||
_this.slideBtn.on('touchstart',function(e){
|
||||
_this.touchX = e.originalEvent.targetTouches[0].pageX;
|
||||
if(_this.slideFinishState || _this.ifAnimated()){
|
||||
// _this.cancelTouchmove();
|
||||
return false;
|
||||
}
|
||||
})
|
||||
},
|
||||
_touchmove:function(){
|
||||
var _this = this;
|
||||
_this.slideBtn.on('touchmove',function(e){
|
||||
e.preventDefault();
|
||||
var curX = e.originalEvent.targetTouches[0].pageX - _this.touchX;
|
||||
if(curX >= _this.maxSlideWid){
|
||||
_this.setDragBtnSty(_this.maxSlideWid);
|
||||
_this.setDragProgressSty(_this.maxSlideWid);
|
||||
_this.cancelTouchmove();
|
||||
_this.successSty();
|
||||
_this.slideFinishState = true;
|
||||
if(_this.settings.getSuccessState){
|
||||
_this.settings.getSuccessState(_this.slideFinishState);
|
||||
}
|
||||
_this.slideFinishState = true;
|
||||
}else if(curX <= 0){
|
||||
_this.setDragBtnSty('0');
|
||||
_this.setDragProgressSty('0');
|
||||
}else{
|
||||
_this.setDragBtnSty(curX);
|
||||
_this.setDragProgressSty(curX);
|
||||
}
|
||||
})
|
||||
},
|
||||
_touchend:function(){
|
||||
var _this = this;
|
||||
_this.slideBtn.on('touchend',function(){
|
||||
if(_this.slideFinishState){
|
||||
_this.cancelTouchmove();
|
||||
return false;
|
||||
}else{
|
||||
_this.failAnimate();
|
||||
}
|
||||
})
|
||||
},
|
||||
getDragBtnWid:function(){//获取滑块的宽度，
|
||||
return parseInt(this.slideBtn.width());
|
||||
},
|
||||
getDragWrapWid:function(){//获取 本容器的的宽度，以防万一
|
||||
return parseFloat(this.$ele.outerWidth());
|
||||
},
|
||||
calSlideWidth:function(){
|
||||
var _this = this;
|
||||
return _this.getDragWrapWid() - _this.getDragBtnWid()
|
||||
},
|
||||
ifAnimated:function(){//判断 是否动画状态
|
||||
return this.slideBtn.is(":animated")
|
||||
},
|
||||
getDragBtnLeft:function(){ //判断当前 按钮 离左侧的距离
|
||||
return this.slideBtn.css('left');
|
||||
},
|
||||
ifSlideRight:function(){
|
||||
var _this = this;
|
||||
if(parseInt(_this.getDragBtnLeft()) == parseInt(_this.calSlideWidth())){
|
||||
return true;
|
||||
}else{
|
||||
return false;
|
||||
}
|
||||
},
|
||||
setDragBtnSty:function(left){
|
||||
this.slideBtn.css({
|
||||
'left':left
|
||||
})
|
||||
},
|
||||
setDragProgressSty:function(wid){
|
||||
this.slideProEle.css({
|
||||
'width':wid
|
||||
})
|
||||
},
|
||||
cancelMouseMove:function(){
|
||||
$(document).off('mousemove');
|
||||
},
|
||||
cancelTouchmove:function(){
|
||||
this.slideBtn.off('touchmove');
|
||||
},
|
||||
successSty:function(){
|
||||
this.slideSucMsgEle.show();
|
||||
this.slideBtn.addClass('suc-drag-btn');
|
||||
},
|
||||
failAnimate:function(){
|
||||
this.slideBtn.animate({
|
||||
'left':'-1px'
|
||||
},200);
|
||||
this.slideProEle.animate({
|
||||
'width':0
|
||||
},200)
|
||||
},
|
||||
resetVerify:function(){
|
||||
this.slideSucMsgEle.hide();
|
||||
this.slideBtn.removeClass('suc-drag-btn');
|
||||
this.slideFinishState = false;
|
||||
this.slideProEle.css({
|
||||
'width':0
|
||||
});
|
||||
this.slideBtn.css({
|
||||
'left':'-1px'
|
||||
})
|
||||
this._touchmove();
|
||||
},
|
||||
}
|
||||
var inlineCss = '.verify-wrap{width:350px;height:40px;background-color:#e5e5e5;border:1px solid #e0e0e0;margin:5px auto;position:relative}.verify-wrap .drag-btn{position:absolute;left:-1px;top:-1px;width:50px;height:40px;background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAiCAYAAAApkEs2AAAA/UlEQVRYhe3XLc9GYBjG8eN6dkdFIQuqoCiCbj6ob2CCIplRaJKqEHT3c/kAz66Xc/fLnvO3UY7N/jNmxDAMF77AQ57iOH53x5/GccTPuyNUcSg1DqXGodQ4lNr/CC3LEsuyaG8mrEKzLEPXdZjnWWszYRXq+z7yPMc0Tej7XnkzYf2Muq6LoiiwrivatsV1XUrby0Mlx3Huu7fvO5qmUd50kL31QgijTdXD+gq/zvNEVVXwPA9pmipvOqxDj+O4Q4IgQJIkypsuq9Bt21DXNaIoug/VzYRVqHw55J0Kw1BrMyHkXyj/3BHiUGocSo1DqXEota8Jvb/18hP16Z7qL3h/w53n4AAAAABJRU5ErkJggg==) no-repeat center center;background-size:100% 100%;z-index:2;cursor:move;}.verify-wrap .suc-drag-btn{background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAiCAYAAAApkEs2AAACA0lEQVRYhe2Y2yuDYRzHv7PJYc5zKspYSRMymStXu5NCs5W4csEfwJ+gSA53csg1F4R/gSu0OcWSmNIQkfMcEvu9tdpY79793leo91Nbbft993x6nj2/52kal8v1gX+Ajp4sFstve4jidrsR99sSUlFFlUYVVRpVVGl0SnyJ934VaxczOLpdwd3bufBeWnw+StLrYc1tQ3FqnewxZIk+vz9g7rAHO9dL3z67efXBfTkrPCqymtBqGkaiNoU9FnvpSXJyzx5R8itUQ7WU4cIWnT/qhe9xS3I91VKGC0uUfpPbV4uSajUhQ1CGshxYorRxpGDObECf1Ysm40DM2a+wNhPt7mhUZzvhMI1Aq9HBkFgUUzYSrBkNtiDCkGBES/Eg8pLKwiSdplFB8uRhEzMH3RGzsSC7j9oKe1CT4wi0oEZMeRzITy4XJOM0WkFy2uOE//1O7jA8UWrm1CeJ5dMxlGXYoI/PQrd5AQlavagkZTmwlt4UOHGCnPs9wkw+vl0jSZcWdSZDsz8uas1tD3t99rSL8b0W3Lz4cHy/LrrctYEjlQNr6Y2ptag0NIf10gv/Pvo3akRzlOGe++yTyV4yhAJ9leR6qqUMF7YoXTC6zPPChSMaVEO1ci4lstoTDdxROhE4Fjv/9jUvCIkoISPGv7nhq6JKo4oqjSqqNEIfpf8f/zqf+36643RPeo8AAAAASUVORK5CYII=) no-repeat center center;background-size:100% 100%}.verify-wrap .drag-progress{position:absolute;left:0;top:-1px;height:40px;border-top:1px solid #7ac23c;border-top:1px solid #7ac23c;width:0;background-color:#7ac23c;color:#fff;font-size:18px;text-align:center;line-height:40px}.verify-wrap .fix-tips,.verify-msg{width:100%;position:absolute;right:0;left:1px;height:100%;color:#51555c;z-index:1;line-height:38px;font-size:12px;text-align:center}.verify-wrap .verify-msg{background-color:#7ac23c;color:#fff;display:none}';
|
||||
var styleObj = $(
|
||||
'<style type="text/css">'+ inlineCss +'</style>'
|
||||
)
|
||||
$('head').prepend(styleObj);
|
||||
|
||||
var slideVerify = window.slideVerifyPlug || SlideVerify;
|
||||
|
||||
return slideVerify;
|
||||
|
||||
})));
|
||||
12
src/assets/webpub/swiper-4.3.3/swiper-4.3.3.min.css
vendored
Normal file
12
src/assets/webpub/swiper-4.3.3/swiper-4.3.3.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
158
src/components/ColumnList.astro
Normal file
158
src/components/ColumnList.astro
Normal file
@ -0,0 +1,158 @@
|
||||
---
|
||||
import { newsIndex, columns as getColumns } from "../../utils/rpc";
|
||||
import Layout from "../layouts/Layout.astro";
|
||||
import Pagination from '../components/Pagination.astro'
|
||||
// import "../../assets/css/news.css";
|
||||
// import "../../assets/css/detail.css";
|
||||
// import "../../assets/css/news_detail.css";
|
||||
// import "../../assets/css/licai.css";
|
||||
import "../assets/css/hTopSort.css";
|
||||
import "../assets/css/member.css";
|
||||
import "../assets/css/bigSort.css";
|
||||
import { getConfig } from "../../utils/config";
|
||||
const {cid, page = 1} = Astro.props
|
||||
const requestUri = Astro.originPathname
|
||||
const config = getConfig(Astro);
|
||||
var {code, data} = await getColumns(config.id)
|
||||
const columnData = data
|
||||
|
||||
var { code: newsCode, data: newsData, total } = await newsIndex({
|
||||
websiteId:config.id,
|
||||
filter: {
|
||||
column_tag: 6,
|
||||
second_column:cid
|
||||
}
|
||||
})
|
||||
---
|
||||
<Layout>
|
||||
<div class="bSort-page">
|
||||
<!-- 头部 -->
|
||||
<!-- 页面内容区 -->
|
||||
<div class="tb-wrapper">
|
||||
|
||||
<!-- <Sort /> -->
|
||||
<div class="left-navbar">沃保网>保险资讯>险种测评</div>
|
||||
<div class="tb-main">
|
||||
<!-- 左 -->
|
||||
<div class="main-left">
|
||||
<div class="tabbar-main tabbar-main__first">
|
||||
<div class="tabbar-left">
|
||||
{
|
||||
columnData.map((e) => {
|
||||
if (e.item?.length > 1) {
|
||||
return (
|
||||
<a href={`/insurance/news/` + e.id} class={`tabbar-item${cid == e.id ? ' tabbar-item__active' : ''}`} >
|
||||
{e.name}
|
||||
</a>
|
||||
);
|
||||
}
|
||||
})
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
<!-- 内容区 -->
|
||||
<div class="bigsort-list">
|
||||
{
|
||||
newsData?.articles[cid]?.item?.map(e => (
|
||||
<div class="bigsort-item">
|
||||
<div class="item-left">
|
||||
<a href={`/news/${e.id}`} target="_blank">
|
||||
<img src={e.cover} alt="" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="item-right">
|
||||
<a href={`/news/${e.id}`} target="_blank">
|
||||
<h5 class="item-right__title">{e.title}</h5>
|
||||
<p class="item-right__content">{e.description}</p>
|
||||
<div class="item-right__time">{e.created_at}</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
|
||||
<!-- 分页开始 -->
|
||||
|
||||
|
||||
<div class="fenye">
|
||||
<div class="digg">
|
||||
<Pagination totalPages={total} currentPage={page}/>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 分页结束 -->
|
||||
</div>
|
||||
<!-- 右 -->
|
||||
<div class="main-right">
|
||||
<!-- 新闻推荐 -->
|
||||
<div class="right-item2">
|
||||
<div style="font-size:16px; font-weight:bold; padding:10px; color:#4682B4;">新闻推荐</div>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://news.vobao.com/article/1146322187607515776.shtml" target="_blank">
|
||||
<img src="/Images/V2/index/icon02.jpg" style="vertical-align:middle;" alt="">
|
||||
<span style="vertical-align:middle;">海港年年盈两全保险：终身保障+满期返还，财富稳健增长</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://news.vobao.com/article/1146321697810145667.shtml" target="_blank">
|
||||
<img src="/Images/V2/index/icon02.jpg" style="vertical-align:middle;" alt="">
|
||||
<span style="vertical-align:middle;">海港福多星年金保险(分红型)怎么样？收益如何？条款+亮点分析</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://news.vobao.com/article/1146321002890660284.shtml" target="_blank">
|
||||
<img src="/Images/V2/index/icon02.jpg" style="vertical-align:middle;" alt="">
|
||||
<span style="vertical-align:middle;">中英人寿鑫满盈3号两全保险(分红型)满期返多少？收益+条款+案例</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://news.vobao.com/article/1146320396226850075.shtml" target="_blank">
|
||||
<img src="/Images/V2/index/icon02.jpg" style="vertical-align:middle;" alt="">
|
||||
<span style="vertical-align:middle;">中英人寿心爱永恒（悦享版）终身寿险深度测评：终身保障+高额赔付</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://news.vobao.com/article/1146310097206340392.shtml" target="_blank">
|
||||
<img src="/Images/V2/index/icon02.jpg" style="vertical-align:middle;" alt="">
|
||||
<span style="vertical-align:middle;">短期高空作业意外保险怎么买？短期高空作业险保费多少钱？</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://news.vobao.com/article/1146309987985875010.shtml" target="_blank">
|
||||
<img src="/Images/V2/index/icon02.jpg" style="vertical-align:middle;" alt="">
|
||||
<span style="vertical-align:middle;">60岁可以买意外险吗？意外险60岁以上老人可保吗？</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://news.vobao.com/article/1146309873126946549.shtml" target="_blank">
|
||||
<img src="/Images/V2/index/icon02.jpg" style="vertical-align:middle;" alt="">
|
||||
<span style="vertical-align:middle;">老年人意外险60岁以上的多少钱？60岁以上老人意外保险怎么赔偿？</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://news.vobao.com/article/1146309772497175490.shtml" target="_blank">
|
||||
<img src="/Images/V2/index/icon02.jpg" style="vertical-align:middle;" alt="">
|
||||
<span style="vertical-align:middle;">平安少儿险哪个比较好？2025平安口碑最好的少儿重疾险</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://news.vobao.com/article/1146309669916687964.shtml" target="_blank">
|
||||
<img src="/Images/V2/index/icon02.jpg" style="vertical-align:middle;" alt="">
|
||||
<span style="vertical-align:middle;">少儿重疾险最建议买哪一种？2025少儿重疾险哪个好？</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://news.vobao.com/article/1146306639337201593.shtml" target="_blank">
|
||||
<img src="/Images/V2/index/icon02.jpg" style="vertical-align:middle;" alt="">
|
||||
<span style="vertical-align:middle;">中英人寿臻享鸿图终身寿险(分红型)怎么样？交5年收益如何？条款</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 底部 -->
|
||||
</div>
|
||||
</Layout>
|
||||
115
src/components/Pagination.astro
Normal file
115
src/components/Pagination.astro
Normal file
@ -0,0 +1,115 @@
|
||||
---
|
||||
// 通用分页组件
|
||||
export interface Props {
|
||||
currentPage: number;
|
||||
totalPages: number;
|
||||
baseUrl?: string; // 基础链接，拼接?page=xxx
|
||||
pageParam?: string; // 分页参数名，默认'page'
|
||||
}
|
||||
const { currentPage = 1, totalPages = 1, baseUrl = '', pageParam = 'page' } = Astro.props;
|
||||
function getPageUrl(page: number) {
|
||||
// if (!baseUrl) return `?${pageParam}=${page}`;
|
||||
// 若baseUrl已带?，则拼接&，否则?
|
||||
return baseUrl + `/page/${page}`;
|
||||
}
|
||||
|
||||
const showPages = [];
|
||||
if (totalPages <= 7) {
|
||||
for (let i = 1; i <= totalPages; i++) showPages.push(i);
|
||||
} else {
|
||||
if (currentPage <= 4) {
|
||||
showPages.push(1, 2, 3, 4, 5, '...', totalPages);
|
||||
} else if (currentPage >= totalPages - 3) {
|
||||
showPages.push(1, '...', totalPages - 4, totalPages - 3, totalPages - 2, totalPages - 1, totalPages);
|
||||
} else {
|
||||
showPages.push(1, '...', currentPage - 1, currentPage, currentPage + 1, '...', totalPages);
|
||||
}
|
||||
}
|
||||
---
|
||||
<nav class="pagination">
|
||||
<ul>
|
||||
<li class={currentPage == 1 ? 'disabled' : ''}>
|
||||
<a href={currentPage == 1 ? undefined : getPageUrl(currentPage - 1)} aria-label="上一页">«</a>
|
||||
</li>
|
||||
{showPages.map(page =>
|
||||
typeof page == 'number' ? (
|
||||
<li class={page == currentPage ? 'active' : ''}>
|
||||
<a title={`第${page}页`} href={getPageUrl(page)}>{page}</a>
|
||||
</li>
|
||||
) : (
|
||||
<li class="ellipsis">{page}</li>
|
||||
)
|
||||
)}
|
||||
<li class={currentPage == totalPages ? 'disabled' : ''}>
|
||||
<a href={currentPage == totalPages ? undefined : getPageUrl(currentPage + 1)} aria-label="下一页">»</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<style>
|
||||
.pagination {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
overflow-x: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.pagination ul {
|
||||
display: flex;
|
||||
gap: 0.5rem;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.pagination li {
|
||||
min-width: 32px;
|
||||
text-align: center;
|
||||
border-radius: 4px;
|
||||
background: #fff;
|
||||
color: #333;
|
||||
font-size: 1rem;
|
||||
user-select: none;
|
||||
transition: background 0.2s, color 0.2s;
|
||||
}
|
||||
.pagination li.active {
|
||||
background: #F4BB36;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
}
|
||||
.pagination li.disabled a {
|
||||
pointer-events: none;
|
||||
color: #bbb;
|
||||
}
|
||||
.pagination li a {
|
||||
display: block;
|
||||
/* padding: 0.5rem 0.75rem; */
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.pagination li.ellipsis {
|
||||
background: none;
|
||||
color: #bbb;
|
||||
pointer-events: none;
|
||||
min-width: 24px;
|
||||
padding: 0.5rem 0.2rem;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.pagination {
|
||||
/* margin: 1rem 0; */
|
||||
font-size: 0.95rem;
|
||||
overflow-x: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.pagination ul {
|
||||
gap: 0.15rem;
|
||||
}
|
||||
.pagination li {
|
||||
min-width: 28px;
|
||||
font-size: 0.95rem;
|
||||
}
|
||||
.pagination li a {
|
||||
padding: 0.35rem 0.5rem;
|
||||
font-size: 0.95rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
179
src/components/Sort.astro
Normal file
179
src/components/Sort.astro
Normal file
@ -0,0 +1,179 @@
|
||||
---
|
||||
import "../assets/css/bigSort.css";
|
||||
---
|
||||
<div class="sort-main" tag="menu1">
|
||||
<div class="h-sort" style="flex:7;">
|
||||
<a href="/ceping/" class="sort-left">
|
||||
<img src="/Images/V3/cpjhy/icon_zn.png" alt="" class="left-img">
|
||||
<div class="sort-title">
|
||||
险种测评
|
||||
</div>
|
||||
</a>
|
||||
<div class="sort-right">
|
||||
<a href="/ceping/1/">意外险</a>
|
||||
<span>|</span>
|
||||
<a href="/ceping/2/">重疾险</a>
|
||||
<span>|</span>
|
||||
<a href="/ceping/3/">医疗险</a>
|
||||
<span>|</span>
|
||||
<a href="/ceping/4/">寿险</a>
|
||||
<span>|</span>
|
||||
<a href="/ceping/5/">少儿险</a>
|
||||
<span>|</span>
|
||||
<a href="/ceping/6/">理财险</a>
|
||||
<span>|</span>
|
||||
<a href="/ceping/7/">养老险</a>
|
||||
<span>|</span>
|
||||
<a href="/ceping/8/">财产险</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="h-sort" style="flex:4;">
|
||||
<a class="sort-left" href="/hangye/">
|
||||
<img src="/Images/V3/cpjhy/icon_zx.png" alt="" class="left-img">
|
||||
<div class="sort-title">
|
||||
行业资讯
|
||||
</div>
|
||||
</a>
|
||||
<div class="sort-right">
|
||||
<a href="/hangye/1/">业界新闻</a>
|
||||
<span>|</span>
|
||||
<a href="/vip/">保险人</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="h-sort" style="flex:3;">
|
||||
<a class="sort-left" href="/gongsi/">
|
||||
<img src="/Images/V3/cpjhy/icon_zx.png" alt="" class="left-img">
|
||||
<div class="sort-title">
|
||||
公司新闻
|
||||
</div>
|
||||
</a>
|
||||
<a class="sort-left" href="/zhuanti/">
|
||||
<div class="sort-title">
|
||||
专题新闻
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sort-main" tag="menu2" tag2="0" style="display:none;">
|
||||
<div class="h-sort" style="flex:7;">
|
||||
<a href="/zhinan/" class="sort-left">
|
||||
<img src="/Images/V3/cpjhy/icon_zt.png" alt="" class="left-img">
|
||||
<div class="sort-title">
|
||||
投保指南
|
||||
</div>
|
||||
</a>
|
||||
<div class="sort-right">
|
||||
<a href="/zhinan/yiwai/">意外险</a>
|
||||
<span>|</span>
|
||||
<a href="/zhinan/jiankangxian/">健康险</a>
|
||||
<span>|</span>
|
||||
<a href="/zhinan/shouxian/">寿险</a>
|
||||
<span>|</span>
|
||||
<a href="/zhinan/shaoer/">少儿险</a>
|
||||
<span>|</span>
|
||||
<a href="/zhinan/licai/">理财险</a>
|
||||
<span>|</span>
|
||||
<a href="/zhinan/yanglao/">养老险</a>
|
||||
<span>|</span>
|
||||
<a href="/zhinan/caichanxian/">财产险</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="h-sort" style="flex:4;">
|
||||
<a class="sort-left" href="/jinrong/">
|
||||
<img src="/Images/V3/cpjhy/icon_lp.png" alt="" class="left-img">
|
||||
<div class="sort-title">
|
||||
金融知识
|
||||
</div>
|
||||
</a>
|
||||
<a class="sort-left" href="/zhengce/">
|
||||
<div class="sort-title">
|
||||
社保政策
|
||||
</div>
|
||||
</a>
|
||||
<a class="sort-left" href="/dongtai/">
|
||||
<div class="sort-title">
|
||||
监管动态
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="h-sort" style="flex:3;">
|
||||
|
||||
<a class="sort-left" href="/chexian/">
|
||||
<div class="sort-title">
|
||||
车险
|
||||
</div>
|
||||
</a>
|
||||
<a class="sort-left" href="//www.vobao.com/tags/">
|
||||
<div class="sort-title">
|
||||
保险专题
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sort-main2">展开↓</div>
|
||||
<script>
|
||||
$(function () {
|
||||
$(function () {
|
||||
$(".sort-main2").on("click", function () {
|
||||
var $a = $('div[tag="menu2"]');
|
||||
$a.toggle(500);
|
||||
if ($a.attr("tag2") === "0") {
|
||||
$a.attr("tag2", "1");
|
||||
$("#lbShowMenu2").removeClass("spc-img");
|
||||
} else {
|
||||
$a.attr("tag2", "0");
|
||||
$("#lbShowMenu2").addClass("spc-img");
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<style>
|
||||
.sort-main {
|
||||
background-color: #f9f9f9;
|
||||
margin-bottom: 0 !important;
|
||||
padding: 10px 0px;
|
||||
display: flex;
|
||||
}
|
||||
.sort-left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.sort-title {
|
||||
padding-left: 10px;
|
||||
}
|
||||
.sort-right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.sort-right span {
|
||||
display: inline-block;
|
||||
color: #666;
|
||||
font-size: 14px;
|
||||
padding: 10px 5px 10px 0;
|
||||
}
|
||||
.sort-main .h-sort {
|
||||
height: 45px !important;
|
||||
}
|
||||
.sort-main .h-sort .sort-left .left-img {
|
||||
width: 20px !important;
|
||||
}
|
||||
.h-sort {
|
||||
padding: 0 15px !important;
|
||||
}
|
||||
.spc-img {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
.sort-main2 {
|
||||
background-color: #f9f9f9;
|
||||
text-align: center;
|
||||
padding: 0px 0px 10px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
</style>
|
||||
@ -1,15 +1,284 @@
|
||||
---
|
||||
import "../assets/content/css/other/NewIndex2.css";
|
||||
import "../assets/content/reset.css";
|
||||
import "../assets/css/owl.carousel.css";
|
||||
import "../assets/css/owl.theme.css";
|
||||
import "../assets/content/Vobao/main_style.css";
|
||||
import "../assets/content/Vobao/v5_main_style.css";
|
||||
import "../assets/webpub/jqCloud/jqcloud.min.css";
|
||||
import "../assets/content/Vobao/vobao.css";
|
||||
import "../assets/content/Vobao/newIndex.css";
|
||||
import "../assets/css/jquery.autocomplete.css";
|
||||
import "../assets/webpub/swiper-4.3.3/swiper-4.3.3.min.css";
|
||||
import "../assets/webpub/jqCloud/jqcloud.min.css";
|
||||
import { getConfig } from "../../utils/config";
|
||||
const config = getConfig(Astro)
|
||||
const {
|
||||
desc = 'xxx保险网。',
|
||||
title = '这是title',
|
||||
keywords = '霍尔果斯霍尔果斯飞驰广告传媒有限公司，霍尔果斯飞驰，飞驰营销网',
|
||||
bytedance = ''
|
||||
} = Astro.props
|
||||
---
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||
<meta name="renderer" content="webkit|ie-comp|ie-stand" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||
<link rel="icon" type="image/svg+xml" href={config.app_logo} />
|
||||
<meta name="generator" content={Astro.generator} />
|
||||
<title>Astro Basics</title>
|
||||
<title>{`${title} | title`}</title>
|
||||
<!-- <meta name="applicable-device" content="pc" /> -->
|
||||
|
||||
<meta name="keywords" content={keywords}>
|
||||
<meta name="description" content={desc}>
|
||||
<meta name="author" content="">
|
||||
<!-- fevicon -->
|
||||
{config.app_baidu_zhanzhang ? <Fragment set:html={config.app_baidu_zhanzhang} /> : ''}
|
||||
{bytedance ? <Fragment set:html={bytedance} /> : ''}
|
||||
|
||||
<link
|
||||
rel="alternate"
|
||||
media="only screen and (max-width: 640px)"
|
||||
href="https://m.vobao.com/"
|
||||
/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="VoBaoHead">
|
||||
<div class="head-box">
|
||||
<div class="width-1200 head-tip-box">
|
||||
<div class="head-tip-fl">
|
||||
<a class="head-tip-item" href="javascript:void(0)">
|
||||
<img src="/Images/V3/index/phone.png" alt="" class="item-img4">
|
||||
<span class="spc-color-red" style="font-size:16px;font-weight:bold">0592-3662001</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="head-tab-box width-1200">
|
||||
<a title="首页" href="/">
|
||||
<img
|
||||
src="/Images/v5/pc/logo.png"
|
||||
alt=""
|
||||
/>
|
||||
</a>
|
||||
<div class="head-tab-item">
|
||||
<a class="tab-item" href="/">
|
||||
<div class="tab-item-name">首页</div>
|
||||
<div class="tab-item-bd"></div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<slot />
|
||||
|
||||
<!-- 公用底部 -->
|
||||
<div class="foot-container">
|
||||
<div class="foot-box width-1200">
|
||||
<div class="foot-box-item">
|
||||
<div class="item-logo">
|
||||
<img src="/Images/V2/index/logo2.png" alt="保险之家_保险人的网上家园-沃保保险网">
|
||||
</div>
|
||||
<div class="item-tip">
|
||||
<a href="//www.vobao.com/Vobao/CredentialsPage" target="_blank" rel="nofollow" style="color: #92979b;">增值电信业务经营许可证（ISP/ICP）</a><br>
|
||||
<a href="https://beian.miit.gov.cn" rel="nofollow" target="_blank" style="color: #92979b;">闽ICP备08003619号-1</a>
|
||||
<br>闽公安网备35020302000659号
|
||||
<br>Copyright © 2008-2025<br>
|
||||
<a href="//www.vobao.com/" target="_blank" style="color: #92979b;">沃保保险网</a>
|
||||
厦门诚创网络股份有限公司 版权所有
|
||||
</div>
|
||||
</div>
|
||||
<div class="new-blist">
|
||||
<div class="dl">
|
||||
<img class="dt" src="/Images/V2/index/tu1.png" alt="">
|
||||
<div class="dd">沃保网</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li><a href="//about.vobao.com/" title="关于沃保" target="_blank" rel="nofollow">关于沃保</a></li>
|
||||
|
||||
<li><a href="//m.vobao.com/" title="手机站" target="_blank">手机站</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="new-blist">
|
||||
<div class="dl">
|
||||
<img class="dt" src="/Images/V2/index/tu2.png" alt="">
|
||||
<div class="dd">用户帮助</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li><a href="//help.vobao.com/" title="帮助中心" target="_blank" rel="nofollow">帮助中心</a></li>
|
||||
|
||||
<li><a href="//about.vobao.com/sitemap.shtml" title="网站导航" target="_blank">网站导航</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="new-blist">
|
||||
<div class="dl">
|
||||
<img class="dt" src="/Images/V2/index/tu3.png" alt="">
|
||||
<div class="dd">关注我们</div>
|
||||
</div>
|
||||
<div class="attention">
|
||||
<dl>
|
||||
<dt><img src="/Images/V2/index/gz1.png" alt=""></dt>
|
||||
<dd><a href="http://weibo.com/vobao" title="新浪微博" target="_blank" rel="nofollow">新浪微博</a></dd>
|
||||
</dl>
|
||||
|
||||
<dl>
|
||||
<dt><img src="/Images/V2/index/gz3.png" alt=""></dt>
|
||||
<dd>沃保微信</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
<div class="new-blist">
|
||||
<div class="dl">
|
||||
<img class="dt" src="/Images/V2/index/t12.png" alt="">
|
||||
<div class="dd">联系我们</div>
|
||||
</div>
|
||||
<p>全国服务热线</p>
|
||||
<p>0592-3662001</p>
|
||||
<p>
|
||||
<a href="//about.vobao.com/lianxi.shtml" target="_blank" rel="nofollow" style="color: #e8e9e9;">广告合作</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="new-weixin">
|
||||
<dl>
|
||||
<dt>
|
||||
<img src="/Images/old/v3/MainSite/Content/themes/Default/images/XZ/weix.png" alt="">
|
||||
</dt>
|
||||
<dd>扫描二维码 关注沃保微信</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
<div id="bottomCert" class="new-wb_hfrz">
|
||||
<a href="//www.vobao.com/Vobao/CredentialsPage" rel="nofollow" target="_blank">
|
||||
<img src="/Images/V3/index/cx1.jpg" alt="增值电信业务经营许可证" border="0">
|
||||
</a>
|
||||
<a href="//www.vobao.com/Vobao/BusinessLicensePage" rel="nofollow" target="_blank">
|
||||
<img src="/Images/V3/index/cx5.jpg" alt="企业法人营业执照" border="0">
|
||||
</a>
|
||||
<a href="http://www.cyberpolice.cn" rel="nofollow" target="_blank">
|
||||
<img src="/Images/V3/index/cx6.jpg" alt="厦门网络警察报警平台" border="0">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script is:inline src="/scripts/swiper-4.3.3.min.js"
|
||||
></script>
|
||||
<script is:inline src="/scripts/jquery-1.8.3.min.js"></script>
|
||||
<script is:inline src="/scripts/jquery-autocomplete/jquery.autocomplete.min.js"></script>
|
||||
<!-- <script is:inline src="https://res.vobao.com/webpub/js/jq-slideVerify.js?v=0"></script> -->
|
||||
<script is:inline src="/scripts/Vobao/new.js"></script>
|
||||
<script is:inline src="/scripts/Vobao/NewIndex2.js"></script>
|
||||
<script is:inline src="/scripts/jqcloud-1.0.4.min.js"></script>
|
||||
<script>
|
||||
var word_array = [
|
||||
{
|
||||
text: "大病医疗保险",
|
||||
weight: 1,
|
||||
link: "//www.vobao.com/tags/1127603676581033399.shtml",
|
||||
},
|
||||
{
|
||||
text: "出国保险",
|
||||
weight: 2,
|
||||
link: "//www.vobao.com/tags/1127603550868378556.shtml",
|
||||
},
|
||||
{
|
||||
text: "保险金(2025年保险金权威百科)",
|
||||
weight: 3,
|
||||
link: "//www.vobao.com/tags/1126557769166020584.shtml",
|
||||
},
|
||||
{
|
||||
text: "五险是哪五种保险",
|
||||
weight: 4,
|
||||
link: "//www.vobao.com/tags/1126466693478548207.shtml",
|
||||
},
|
||||
{
|
||||
text: "保险",
|
||||
weight: 5,
|
||||
link: "//www.vobao.com/tags/1106760687585690430.shtml",
|
||||
},
|
||||
{
|
||||
text: "太平洋保险电话",
|
||||
weight: 1,
|
||||
link: "//www.vobao.com/tags/1106760419042614376.shtml",
|
||||
},
|
||||
{
|
||||
text: "人保保险车险电话",
|
||||
weight: 2,
|
||||
link: "//www.vobao.com/tags/1106760232748061787.shtml",
|
||||
},
|
||||
{
|
||||
text: "中国人寿保险电话",
|
||||
weight: 3,
|
||||
link: "//www.vobao.com/tags/1106759838835817272.shtml",
|
||||
},
|
||||
{
|
||||
text: "保险单号查询",
|
||||
weight: 4,
|
||||
link: "//www.vobao.com/tags/1106759594904857530.shtml",
|
||||
},
|
||||
{
|
||||
text: "带病投保",
|
||||
weight: 5,
|
||||
link: "//www.vobao.com/tags/1106132105978599903.shtml",
|
||||
},
|
||||
{
|
||||
text: "定期寿险价格",
|
||||
weight: 1,
|
||||
link: "//www.vobao.com/tags/1105459079774031226.shtml",
|
||||
},
|
||||
{
|
||||
text: "终身寿险万能型",
|
||||
weight: 2,
|
||||
link: "//www.vobao.com/tags/1105458126760952283.shtml",
|
||||
},
|
||||
{
|
||||
text: "终身寿险的优点与缺点",
|
||||
weight: 3,
|
||||
link: "//www.vobao.com/tags/1105457923297844238.shtml",
|
||||
},
|
||||
{
|
||||
text: "百万医疗险和重疾险的区别",
|
||||
weight: 4,
|
||||
link: "//www.vobao.com/tags/1105457722836272540.shtml",
|
||||
},
|
||||
{
|
||||
text: "增额终身寿险的优点和缺点",
|
||||
weight: 5,
|
||||
link: "//www.vobao.com/tags/1105456819763353985.shtml",
|
||||
},
|
||||
{
|
||||
text: "返还型重疾险",
|
||||
weight: 1,
|
||||
link: "//www.vobao.com/tags/1105456404532995588.shtml",
|
||||
},
|
||||
{
|
||||
text: "消费型重疾险",
|
||||
weight: 2,
|
||||
link: "//www.vobao.com/tags/1105455768671234622.shtml",
|
||||
},
|
||||
{
|
||||
text: "买重疾险的最佳年龄",
|
||||
weight: 3,
|
||||
link: "//www.vobao.com/tags/1105455533374983218.shtml",
|
||||
},
|
||||
{
|
||||
text: "年金险和终身寿险优劣",
|
||||
weight: 4,
|
||||
link: "//www.vobao.com/tags/1105455369155011583.shtml",
|
||||
},
|
||||
{
|
||||
text: "雇主责任险与团体意外险区别",
|
||||
weight: 5,
|
||||
link: "//www.vobao.com/tags/1105206928579789863.shtml",
|
||||
},
|
||||
];
|
||||
$(function () {
|
||||
$("#example").jQCloud(word_array);
|
||||
});
|
||||
</script>
|
||||
</html>
|
||||
|
||||
<style>
|
||||
@ -19,4 +288,64 @@
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.verify-wrap {
|
||||
width: 350px;
|
||||
height: 40px;
|
||||
background-color: #e5e5e5;
|
||||
border: 1px solid #e0e0e0;
|
||||
margin: 5px auto;
|
||||
position: relative;
|
||||
}
|
||||
.verify-wrap .drag-btn {
|
||||
position: absolute;
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
width: 50px;
|
||||
height: 40px;
|
||||
background: #fff
|
||||
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAiCAYAAAApkEs2AAAA/UlEQVRYhe3XLc9GYBjG8eN6dkdFIQuqoCiCbj6ob2CCIplRaJKqEHT3c/kAz66Xc/fLnvO3UY7N/jNmxDAMF77AQ57iOH53x5/GccTPuyNUcSg1DqXGodQ4lNr/CC3LEsuyaG8mrEKzLEPXdZjnWWszYRXq+z7yPMc0Tej7XnkzYf2Muq6LoiiwrivatsV1XUrby0Mlx3Huu7fvO5qmUd50kL31QgijTdXD+gq/zvNEVVXwPA9pmipvOqxDj+O4Q4IgQJIkypsuq9Bt21DXNaIoug/VzYRVqHw55J0Kw1BrMyHkXyj/3BHiUGocSo1DqXEota8Jvb/18hP16Z7qL3h/w53n4AAAAABJRU5ErkJggg==)
|
||||
no-repeat center center;
|
||||
background-size: 100% 100%;
|
||||
z-index: 2;
|
||||
cursor: move;
|
||||
}
|
||||
.verify-wrap .suc-drag-btn {
|
||||
background: #fff
|
||||
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAiCAYAAAApkEs2AAACA0lEQVRYhe2Y2yuDYRzHv7PJYc5zKspYSRMymStXu5NCs5W4csEfwJ+gSA53csg1F4R/gSu0OcWSmNIQkfMcEvu9tdpY79793leo91Nbbft993x6nj2/52kal8v1gX+Ajp4sFstve4jidrsR99sSUlFFlUYVVRpVVGl0SnyJ934VaxczOLpdwd3bufBeWnw+StLrYc1tQ3FqnewxZIk+vz9g7rAHO9dL3z67efXBfTkrPCqymtBqGkaiNoU9FnvpSXJyzx5R8itUQ7WU4cIWnT/qhe9xS3I91VKGC0uUfpPbV4uSajUhQ1CGshxYorRxpGDObECf1Ysm40DM2a+wNhPt7mhUZzvhMI1Aq9HBkFgUUzYSrBkNtiDCkGBES/Eg8pLKwiSdplFB8uRhEzMH3RGzsSC7j9oKe1CT4wi0oEZMeRzITy4XJOM0WkFy2uOE//1O7jA8UWrm1CeJ5dMxlGXYoI/PQrd5AQlavagkZTmwlt4UOHGCnPs9wkw+vl0jSZcWdSZDsz8uas1tD3t99rSL8b0W3Lz4cHy/LrrctYEjlQNr6Y2ptag0NIf10gv/Pvo3akRzlOGe++yTyV4yhAJ9leR6qqUMF7YoXTC6zPPChSMaVEO1ci4lstoTDdxROhE4Fjv/9jUvCIkoISPGv7nhq6JKo4oqjSqqNEIfpf8f/zqf+36643RPeo8AAAAASUVORK5CYII=)
|
||||
no-repeat center center;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.verify-wrap .drag-progress {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: -1px;
|
||||
height: 40px;
|
||||
border-top: 1px solid #7ac23c;
|
||||
border-top: 1px solid #7ac23c;
|
||||
width: 0;
|
||||
background-color: #7ac23c;
|
||||
color: #fff;
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
}
|
||||
.verify-wrap .fix-tips,
|
||||
.verify-msg {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 1px;
|
||||
height: 100%;
|
||||
color: #51555c;
|
||||
z-index: 1;
|
||||
line-height: 38px;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
}
|
||||
.verify-wrap .verify-msg {
|
||||
background-color: #7ac23c;
|
||||
color: #fff;
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
|
||||
34
src/middleware/index.ts
Normal file
34
src/middleware/index.ts
Normal file
@ -0,0 +1,34 @@
|
||||
import { getHost } from "../../utils/host";
|
||||
import { websiteConfig } from "../../utils/rpc";
|
||||
|
||||
export async function onRequest (context: any, next: any) {
|
||||
// 拦截一个请求里的数据
|
||||
// 可选地修改 `locals` 中的属性
|
||||
const host = await getHost(context.request);
|
||||
console.log(host)
|
||||
// 防止无线跳转
|
||||
if (context.locals.is_write) {
|
||||
return next();
|
||||
}
|
||||
|
||||
if (!host) {
|
||||
context.locals.is_write = 1;
|
||||
return context.rewrite('/404');
|
||||
}
|
||||
|
||||
const {code, data} = await websiteConfig(host);
|
||||
|
||||
if (!data || code !== 0) {
|
||||
context.locals.is_write = 1;
|
||||
return context.rewrite('/404');
|
||||
}
|
||||
|
||||
if (!context.locals.is_write) {
|
||||
context.locals.is_write = 1;
|
||||
context.locals.template_number = 2;
|
||||
context.locals.template_config = data;
|
||||
return context.rewrite(context.url.pathname);
|
||||
}
|
||||
|
||||
return next();
|
||||
};
|
||||
@ -1,11 +1,493 @@
|
||||
---
|
||||
import Welcome from '../components/Welcome.astro';
|
||||
import Layout from '../layouts/Layout.astro';
|
||||
import { getConfig } from "../../utils/config";
|
||||
import { newsIndex } from "../../utils/rpc";
|
||||
|
||||
// Welcome to Astro! Wondering what to do next? Check out the Astro documentation at https://docs.astro.build
|
||||
// Don't want to use any of this? Delete everything in this file, the `assets`, `components`, and `layouts` directories, and start fresh.
|
||||
const config = getConfig(Astro);
|
||||
const { code, data } = await newsIndex({
|
||||
websiteId: config.id
|
||||
});
|
||||
console.log(data)
|
||||
---
|
||||
|
||||
<Layout>
|
||||
<Welcome />
|
||||
<!-- 顶部功能栏 -->
|
||||
<div id="VoBaoHead"></div>
|
||||
<!-- 公用头部 -->
|
||||
<!-- banner -->
|
||||
<div class="head-banner min-width">
|
||||
<div class="swiper-container swiper-container-horizontal" id="swiper1">
|
||||
<div class="swiper-wrapper">
|
||||
</div>
|
||||
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
|
||||
</div>
|
||||
<!-- 看攻略 -->
|
||||
<div class="news-container width-1200">
|
||||
<div class="news-head">
|
||||
<div class="news-head-title">看攻略</div>
|
||||
<div class="news-head-tip">精心准备的保险知识，让你投保不再盲目</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 寿险 -->
|
||||
<div class="xznews-container width-1200">
|
||||
<div class="xznews-head">
|
||||
<div class="xznews-title">
|
||||
<div class="xznews-bdtitle">{data?.articles?.['11']?.title}</div>
|
||||
<div class="xznews-tiptitle">{data?.articles?.['11']?.desc}</div>
|
||||
</div>
|
||||
<a class="xznews-tip" href={data?.articles?.['11']?.url} target="_blank">+更多</a>
|
||||
</div>
|
||||
<div class="xznews-box">
|
||||
<div class="xznews-box-f xznews-box-width">
|
||||
<div class="xznews-f-pitem">
|
||||
{
|
||||
data?.articles?.['11']?.item?.slice(0, 2).map((e, index) => (
|
||||
<a class="pitem-item" target="_blank" href={`/news/${e.id}`}>
|
||||
<img src={e.cover} alt="" class="item-img" />
|
||||
<div class="item-title">{e.title}</div>
|
||||
</a>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
{
|
||||
data?.articles?.['11']?.item?.slice(2, 3).map((e, index) => (
|
||||
<a class="xznews-f-fitem" target="_blank" href={`/news/${e.id}`}>
|
||||
<img src={e.cover} alt="" class="fitem-img" />
|
||||
<div class="fitem-tip">{e.title}</div>
|
||||
</a>
|
||||
))
|
||||
}
|
||||
{/* <a class="xznews-f-fitem" target="_blank" href="//news.vobao.com/article/1145627262119423674.shtml">
|
||||
<img src="https://res.vobao.com/res1/news/202507221349376851145627377685976963.jpg" alt="" class="fitem-img">
|
||||
<div class="fitem-tip">2025终身寿险排行榜前十名有哪些，2025终身寿险哪家保险公司好</div>
|
||||
</a> */}
|
||||
</div>
|
||||
<div class="xznews-box-s xznews-box-width2">
|
||||
<div class="xznews-s-list spc-list">
|
||||
{
|
||||
data?.articles?.['11']?.item?.slice(3, 10).map((e, index) => (
|
||||
<a title={e.title} class={index > 0 ? ' s-list-item' : 's-list-item spc-item'} target="_blank" href={`/news/${e.id}`}>{e.title}</a>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
<div class="xznews-s-list">
|
||||
{
|
||||
data?.articles?.['11']?.item?.slice(10, 17).map((e, index) => (
|
||||
<a title={e.title} class={index > 0 ? ' s-list-item' : 's-list-item spc-item'} target="_blank" href={`/news/${e.id}`}>{e.title}</a>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
<div class="xznews-box-t xznews-box-width3">
|
||||
<div class="t-list">
|
||||
{
|
||||
data?.articles?.['11']?.item?.slice(18, 20).map((e, index) => (
|
||||
<a class="t-item-spc" target="_blank" title={e.title} href={`/news/${e.id}`}>
|
||||
<img src={e.cover} alt="" class="t-item-img" />
|
||||
<div class="t-item-box">
|
||||
<div class="t-item-title">{e.title}</div>
|
||||
<div class="t-item-tip">{e.created_at}</div>
|
||||
</div>
|
||||
</a>
|
||||
))
|
||||
}
|
||||
{
|
||||
data?.articles?.['11']?.item?.slice(20, 30).map((e, index) => (
|
||||
<a class="t-item" target="_blank" title={e.title} href={`/news/${e.id}`}>
|
||||
<div class="t-item-tip">{index + 1}</div>
|
||||
<div class="t-item-title">{e.title}</div>
|
||||
</a>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 意外险 -->
|
||||
<div class="xznews-container width-1200">
|
||||
<div class="xznews-head">
|
||||
<div class="xznews-title">
|
||||
<div class="xznews-bdtitle">{data?.articles?.['12']?.title}</div>
|
||||
<div class="xznews-tiptitle">{data?.articles?.['12']?.desc}</div>
|
||||
</div>
|
||||
<a class="xznews-tip" target="_blank" href="//news.vobao.com/ceping/1/">+更多</a>
|
||||
</div>
|
||||
<div class="xznews-box">
|
||||
<div class="xznews-box-f xznews-box-width2">
|
||||
<div class="xznews-f-list">
|
||||
{
|
||||
data?.articles?.['12']?.item?.slice(0, 2).map((e, index) => (
|
||||
<a title={e.title} class="f-item-spc" target="_blank" href={`/news/${e.id}`}>
|
||||
<div class="item-spc-title">{e.title}</div>
|
||||
<div class="item-spc-cont">{e.description}</div>
|
||||
</a>
|
||||
))
|
||||
}
|
||||
{
|
||||
data?.articles?.['12']?.item?.slice(2, 5).map((e, index) => (
|
||||
<a title={e.title} class="f-item" target="_blank" href={`/news/${e.id}`}>{e.title}</a>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
<div class="xznews-box-s xznews-box-width">
|
||||
{
|
||||
data?.articles?.['12']?.item?.slice(5, 6).map((e, index) => (
|
||||
<a class="s-img-item" target="_blank" href={`/news/${e.id}`}>
|
||||
<img src={e.cover} alt="" class="s-img" />
|
||||
<div class="s-img-tip">{e.title}</div>
|
||||
</a>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
<div class="xznews-box-t xznews-box-width3">
|
||||
<div class="t-list t-list2">
|
||||
{
|
||||
data?.articles?.['12']?.item?.slice(6, 9).map((e, index) => (
|
||||
<a class="t-item-spc" title={e.title} target="_blank" href={`/news/${e.id}`}>
|
||||
<img src={e.cover} alt="" class="t-item-img" />
|
||||
<div class="t-item-box">
|
||||
<div class="t-item-title">{e.title}</div>
|
||||
<div class="t-item-tip">{e.created_at}</div>
|
||||
</div>
|
||||
</a>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 医疗险 -->
|
||||
<div class="xznews-container width-1200">
|
||||
<div class="xznews-head">
|
||||
<div class="xznews-title">
|
||||
<div class="xznews-bdtitle">{data?.articles?.['13']?.title}</div>
|
||||
<div class="xznews-tiptitle">{data?.articles?.['13']?.desc}</div>
|
||||
</div>
|
||||
<a class="xznews-tip" target="_blank" href="//news.vobao.com/ceping/3/">+更多</a>
|
||||
</div>
|
||||
<div class="xznews-box">
|
||||
<div class="box-swiper">
|
||||
<div class="swiper-container swiper-container-horizontal" id="swiper2">
|
||||
<div class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px); transition-duration: 300ms;">
|
||||
{
|
||||
data?.articles?.['13']?.item?.slice(0, 3).map((e, index) => (
|
||||
<div class="swiper-slide swiper-slide-active" >
|
||||
<a class="box-swiper-item" title={e.title} target="_blank" href={`/news/${e.id}`}>
|
||||
<img src={e.cover} alt="" class="item-img" />
|
||||
<div class="item-title">{e.title}</div>
|
||||
<div class="item-cont">{e.description}</div>
|
||||
</a>
|
||||
</div>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span><span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
|
||||
<div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets" id="swiper-p2"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span></div>
|
||||
</div>
|
||||
<div class="box-swiper">
|
||||
<div class="swiper-container swiper-container-horizontal" id="swiper3">
|
||||
<div class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;">
|
||||
{
|
||||
data?.articles?.['13']?.item?.slice(3, 6).map((e, index) => (
|
||||
<div class="swiper-slide swiper-slide-active" >
|
||||
<a class="box-swiper-item" title={e.title} target="_blank" href={`/news/${e.id}`}>
|
||||
<img src={e.cover} alt="" class="item-img" />
|
||||
<div class="item-title">{e.title}</div>
|
||||
<div class="item-cont">{e.description}</div>
|
||||
</a>
|
||||
</div>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
|
||||
<div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets" id="swiper-p3"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span></div>
|
||||
</div>
|
||||
<div class="box-swiper">
|
||||
<div class="swiper-container swiper-container-horizontal" id="swiper4">
|
||||
<div class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;">
|
||||
{
|
||||
data?.articles?.['13']?.item?.slice(6, 9).map((e, index) => (
|
||||
<div class="swiper-slide swiper-slide-active" >
|
||||
<a class="box-swiper-item" title={e.title} target="_blank" href={`/news/${e.id}`}>
|
||||
<img src={e.cover} alt="" class="item-img" />
|
||||
<div class="item-title">{e.title}</div>
|
||||
<div class="item-cont">{e.description}</div>
|
||||
</a>
|
||||
</div>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
|
||||
<div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets" id="swiper-p4"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 重疾险 -->
|
||||
<div class="xznews-container width-1200">
|
||||
<div class="xznews-head">
|
||||
<div class="xznews-title">
|
||||
<div class="xznews-bdtitle">{data?.articles?.['14']?.title}</div>
|
||||
<div class="xznews-tiptitle">{data?.articles?.['14']?.desc}</div>
|
||||
</div>
|
||||
<a class="xznews-tip" href="//news.vobao.com/ceping/2/" target="_blank">+更多</a>
|
||||
</div>
|
||||
<div class="xznews-box">
|
||||
<div class="xznews-box-f xznews-box-width">
|
||||
<div class="xznews-f-pitem">
|
||||
{
|
||||
data?.articles?.['14']?.item?.slice(0, 2).map((e, index) => (
|
||||
<a class="pitem-item" target="_blank" title={e.title} href={`/news/${e.id}`}>
|
||||
<img src={e.cover} alt="" class="item-img" />
|
||||
<div class="item-title">{e.title}</div>
|
||||
</a>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
{
|
||||
data?.articles?.['14']?.item?.slice(2, 3).map((e, index) => (
|
||||
<a class="xznews-f-fitem" target="_blank" title={e.title} href={`/news/${e.id}`}>
|
||||
<img src={e.cover} alt="" class="fitem-img" />
|
||||
<div class="fitem-tip">{e.title}</div>
|
||||
</a>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
<div class="xznews-box-s xznews-box-width2">
|
||||
<div class="xznews-s-list spc-list">
|
||||
{
|
||||
data?.articles?.['14']?.item?.slice(3, 10).map((e, index) => (
|
||||
<a title={e.title} class={index > 0 ? ' s-list-item' : 's-list-item spc-item'} target="_blank" href={`/news/${e.id}`}>{e.title}</a>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
<div class="xznews-s-list">
|
||||
{
|
||||
data?.articles?.['14']?.item?.slice(10, 17).map((e, index) => (
|
||||
<a title={e.title} class={index > 0 ? ' s-list-item' : 's-list-item spc-item'} target="_blank" href={`/news/${e.id}`}>{e.title}</a>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
<div class="xznews-box-t xznews-box-width3">
|
||||
<div class="t-list">
|
||||
{
|
||||
data?.articles?.['11']?.item?.slice(18, 20).map((e, index) => (
|
||||
<a class="t-item-spc" target="_blank" title={e.title} href={`/news/${e.id}`}>
|
||||
<img src={e.cover} alt="" class="t-item-img" />
|
||||
<div class="t-item-box">
|
||||
<div class="t-item-title">{e.title}</div>
|
||||
<div class="t-item-tip">{e.created_at}</div>
|
||||
</div>
|
||||
</a>
|
||||
))
|
||||
}
|
||||
{
|
||||
data?.articles?.['11']?.item?.slice(20, 30).map((e, index) => (
|
||||
<a class="t-item" target="_blank" title={e.title} href={`/news/${e.id}`}>
|
||||
<div class="t-item-tip">{index + 1}</div>
|
||||
<div class="t-item-title">{e.title}</div>
|
||||
</a>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 少儿险 -->
|
||||
<div class="xznews-container width-1200">
|
||||
<div class="xznews-head">
|
||||
<div class="xznews-title">
|
||||
<div class="xznews-bdtitle">{data?.articles?.['15']?.title}</div>
|
||||
<div class="xznews-tiptitle">{data?.articles?.['15']?.desc}</div>
|
||||
</div>
|
||||
<a class="xznews-tip" href="//news.vobao.com/ceping/2/" target="_blank">+更多</a>
|
||||
</div>
|
||||
<div class="xznews-box">
|
||||
<div class="xznews-box-f xznews-box-width">
|
||||
<div class="xznews-f-pitem">
|
||||
{
|
||||
data?.articles?.['15']?.item?.slice(0, 2).map((e, index) => (
|
||||
<a class="pitem-item" target="_blank" title={e.title} href={`/news/${e.id}`}>
|
||||
<img src={e.cover} alt="" class="item-img" />
|
||||
<div class="item-title">{e.title}</div>
|
||||
</a>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
{
|
||||
data?.articles?.['15']?.item?.slice(2, 3).map((e, index) => (
|
||||
<a class="xznews-f-fitem" target="_blank" title={e.title} href={`/news/${e.id}`}>
|
||||
<img src={e.cover} alt="" class="fitem-img" />
|
||||
<div class="fitem-tip">{e.title}</div>
|
||||
</a>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
<div class="xznews-box-s xznews-box-width2">
|
||||
<div class="xznews-s-list spc-list">
|
||||
{
|
||||
data?.articles?.['15']?.item?.slice(3, 10).map((e, index) => (
|
||||
<a title={e.title} class={index > 0 ? ' s-list-item' : 's-list-item spc-item'} target="_blank" href={`/news/${e.id}`}>{e.title}</a>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
<div class="xznews-s-list">
|
||||
{
|
||||
data?.articles?.['15']?.item?.slice(10, 17).map((e, index) => (
|
||||
<a title={e.title} class={index > 0 ? ' s-list-item' : 's-list-item spc-item'} target="_blank" href={`/news/${e.id}`}>{e.title}</a>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
<div class="xznews-box-t xznews-box-width3">
|
||||
<div class="t-list">
|
||||
{
|
||||
data?.articles?.['15']?.item?.slice(18, 20).map((e, index) => (
|
||||
<a class="t-item-spc" target="_blank" title={e.title} href={`/news/${e.id}`}>
|
||||
<img src={e.cover} alt="" class="t-item-img" />
|
||||
<div class="t-item-box">
|
||||
<div class="t-item-title">{e.title}</div>
|
||||
<div class="t-item-tip">{e.created_at}</div>
|
||||
</div>
|
||||
</a>
|
||||
))
|
||||
}
|
||||
{
|
||||
data?.articles?.['15']?.item?.slice(20, 30).map((e, index) => (
|
||||
<a class="t-item" target="_blank" title={e.title} href={`/news/${e.id}`}>
|
||||
<div class="t-item-tip">{index + 1}</div>
|
||||
<div class="t-item-title">{e.title}</div>
|
||||
</a>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 理财险 -->
|
||||
<div class="xznews-container width-1200">
|
||||
<div class="xznews-head">
|
||||
<div class="xznews-title">
|
||||
<div class="xznews-bdtitle">{data?.articles?.['16']?.title}</div>
|
||||
<div class="xznews-tiptitle">{data?.articles?.['16']?.desc}</div>
|
||||
</div>
|
||||
<a class="xznews-tip" target="_blank" href="//news.vobao.com/ceping/1/">+更多</a>
|
||||
</div>
|
||||
<div class="xznews-box">
|
||||
<div class="xznews-box-f xznews-box-width2">
|
||||
<div class="xznews-f-list">
|
||||
{
|
||||
data?.articles?.['16']?.item?.slice(0, 2).map((e, index) => (
|
||||
<a title={e.title} class="f-item-spc" target="_blank" href={`/news/${e.id}`}>
|
||||
<div class="item-spc-title">{e.title}</div>
|
||||
<div class="item-spc-cont">{e.description}</div>
|
||||
</a>
|
||||
))
|
||||
}
|
||||
{
|
||||
data?.articles?.['16']?.item?.slice(2, 5).map((e, index) => (
|
||||
<a title={e.title} class="f-item" target="_blank" href={`/news/${e.id}`}>{e.title}</a>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
<div class="xznews-box-s xznews-box-width">
|
||||
{
|
||||
data?.articles?.['16']?.item?.slice(5, 6).map((e, index) => (
|
||||
<a class="s-img-item" target="_blank" href={`/news/${e.id}`}>
|
||||
<img src={e.cover} alt="" class="s-img" />
|
||||
<div class="s-img-tip">{e.title}</div>
|
||||
</a>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
<div class="xznews-box-t xznews-box-width3">
|
||||
<div class="t-list t-list2">
|
||||
{
|
||||
data?.articles?.['16']?.item?.slice(6, 9).map((e, index) => (
|
||||
<a class="t-item-spc" title={e.title} target="_blank" href={`/news/${e.id}`}>
|
||||
<img src={e.cover} alt="" class="t-item-img" />
|
||||
<div class="t-item-box">
|
||||
<div class="t-item-title">{e.title}</div>
|
||||
<div class="t-item-tip">{e.created_at}</div>
|
||||
</div>
|
||||
</a>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 养老险 -->
|
||||
<div class="xznews-container width-1200">
|
||||
<div class="xznews-head">
|
||||
<div class="xznews-title">
|
||||
<div class="xznews-bdtitle">{data?.articles?.['17']?.title}</div>
|
||||
<div class="xznews-tiptitle">{data?.articles?.['17']?.desc}</div>
|
||||
</div>
|
||||
<a class="xznews-tip" href="//news.vobao.com/ceping/2/" target="_blank">+更多</a>
|
||||
</div>
|
||||
<div class="xznews-box">
|
||||
<div class="xznews-box-f xznews-box-width">
|
||||
<div class="xznews-f-pitem">
|
||||
{
|
||||
data?.articles?.['17']?.item?.slice(0, 2).map((e, index) => (
|
||||
<a class="pitem-item" target="_blank" title={e.title} href={`/news/${e.id}`}>
|
||||
<img src={e.cover} alt="" class="item-img" />
|
||||
<div class="item-title">{e.title}</div>
|
||||
</a>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
{
|
||||
data?.articles?.['17']?.item?.slice(2, 3).map((e, index) => (
|
||||
<a class="xznews-f-fitem" target="_blank" title={e.title} href={`/news/${e.id}`}>
|
||||
<img src={e.cover} alt="" class="fitem-img" />
|
||||
<div class="fitem-tip">{e.title}</div>
|
||||
</a>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
<div class="xznews-box-s xznews-box-width2">
|
||||
<div class="xznews-s-list spc-list">
|
||||
{
|
||||
data?.articles?.['15']?.item?.slice(3, 10).map((e, index) => (
|
||||
<a title={e.title} class={index > 0 ? ' s-list-item' : 's-list-item spc-item'} target="_blank" href={`/news/${e.id}`}>{e.title}</a>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
<div class="xznews-s-list">
|
||||
{
|
||||
data?.articles?.['15']?.item?.slice(10, 17).map((e, index) => (
|
||||
<a title={e.title} class={index > 0 ? ' s-list-item' : 's-list-item spc-item'} target="_blank" href={`/news/${e.id}`}>{e.title}</a>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
<div class="xznews-box-t xznews-box-width3">
|
||||
<div class="t-list">
|
||||
{
|
||||
data?.articles?.['17']?.item?.slice(18, 20).map((e, index) => (
|
||||
<a class="t-item-spc" target="_blank" title={e.title} href={`/news/${e.id}`}>
|
||||
<img src={e.cover} alt="" class="t-item-img" />
|
||||
<div class="t-item-box">
|
||||
<div class="t-item-title">{e.title}</div>
|
||||
<div class="t-item-tip">{e.created_at}</div>
|
||||
</div>
|
||||
</a>
|
||||
))
|
||||
}
|
||||
{
|
||||
data?.articles?.['17']?.item?.slice(20, 30).map((e, index) => (
|
||||
<a class="t-item" target="_blank" title={e.title} href={`/news/${e.id}`}>
|
||||
<div class="t-item-tip">{index + 1}</div>
|
||||
<div class="t-item-title">{e.title}</div>
|
||||
</a>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
|
||||
7
src/pages/insurance/[...slug].astro
Normal file
7
src/pages/insurance/[...slug].astro
Normal file
@ -0,0 +1,7 @@
|
||||
---
|
||||
import "../../assets/css/hTopSort.css";
|
||||
import "../../assets/css/member.css";
|
||||
import ColumnList from '../../components/ColumnList.astro'
|
||||
const defaultColumn = 11
|
||||
---
|
||||
<ColumnList cid ={defaultColumn}/>
|
||||
8
src/pages/insurance/news/[id]/index.astro
Normal file
8
src/pages/insurance/news/[id]/index.astro
Normal file
@ -0,0 +1,8 @@
|
||||
---
|
||||
const {id} = Astro.params
|
||||
import ColumnList from '../../../../components/ColumnList.astro'
|
||||
if (!id) {
|
||||
return Astro.rewrite('/404')
|
||||
}
|
||||
---
|
||||
<ColumnList cid={id} />
|
||||
6
src/pages/insurance/news/[id]/list_[page]/index.astro
Normal file
6
src/pages/insurance/news/[id]/list_[page]/index.astro
Normal file
@ -0,0 +1,6 @@
|
||||
---
|
||||
const {page, id} = Astro.params
|
||||
import ColumnList from '../../../../../components/ColumnList.astro'
|
||||
console.log(Astro.params)
|
||||
---
|
||||
<ColumnList page = {page} cid={id}/>
|
||||
215
src/pages/news/[...slug].astro
Normal file
215
src/pages/news/[...slug].astro
Normal file
@ -0,0 +1,215 @@
|
||||
---
|
||||
import "../../assets/css/news.css";
|
||||
import "../../assets/css/detail.css";
|
||||
import "../../assets/css/news_detail.css";
|
||||
import "../../assets/css/licai.css";
|
||||
import "../../assets/css/hTopSort.css";
|
||||
import Layout from "../../layouts/Layout.astro";
|
||||
// import Sort from '../../components/Sort.astro'
|
||||
import { getConfig } from "../../../utils/config";
|
||||
import { newsDetail, columns as getColumns } from "../../../utils/rpc";
|
||||
const { slug } = Astro.params;
|
||||
const config = getConfig(Astro);
|
||||
if (!slug) {
|
||||
return Astro.rewrite("/404");
|
||||
}
|
||||
var { code, data } = await newsDetail(slug, config);
|
||||
---
|
||||
<Layout>
|
||||
<section id="body" class="content-wrapper main-content clear-fix">
|
||||
<!-- 中间内容开始 -->
|
||||
<div class="box">
|
||||
<!-- <Sort /> -->
|
||||
|
||||
<div class="info-box">
|
||||
<!-- 左边开始 -->
|
||||
<div class="ndetail fl" id="article_content">
|
||||
<h1>{data.title}</h1>
|
||||
<div class="ndtitle fl">
|
||||
<span class="soure fr">
|
||||
来源：<a
|
||||
href="//www.vobao.com"
|
||||
target="_blank"
|
||||
style="color:#c7c7c7;">沃保网编辑整理</a
|
||||
> 2025-07-22 10:55:04
|
||||
</span>
|
||||
</div>
|
||||
<div class="text-main">
|
||||
<Fragment set:html={data.content} />
|
||||
</div>
|
||||
<!--保险测评 文章-->
|
||||
<div
|
||||
style="margin: 10px 0px; padding: 15px 20px; line-height: 26px; font-size: 14px; color: #8a98ab; background: #f5f5f5; float: left"
|
||||
>
|
||||
声明：凡本网站注明“来源：沃保网”的文章，版权均属沃保网所有，如需转载，请先阅读<a
|
||||
href="//help.vobao.com/dongtai/916584998482794341.shtml"
|
||||
target="_blank"
|
||||
style="color: blue">《内容转载授权说明》</a
|
||||
>，按照相关规定获得授权。未经授权，禁止转载、摘编，如有违反，追究法律责任；资讯内容中如有提及保险产品信息仅供参考，具体请以保险公司官方正式条款为准；如有涉及信息准确性偏差，请联系沃保官方客服。
|
||||
</div>
|
||||
<!-- 分享 -->
|
||||
<script>
|
||||
function hideMore(obj) {
|
||||
console.log();
|
||||
if ($(obj).hasClass("more-img-up")) {
|
||||
$(obj)
|
||||
.parent()
|
||||
.parent()
|
||||
.children(0)
|
||||
.children(1)
|
||||
.addClass("max-height");
|
||||
$(obj).removeClass("more-img-up");
|
||||
} else {
|
||||
$(obj)
|
||||
.parent()
|
||||
.parent()
|
||||
.children(0)
|
||||
.children(1)
|
||||
.removeClass("max-height");
|
||||
$(obj).addClass("more-img-up");
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<!-- 相关资讯 -->
|
||||
<div class="absoutnews">
|
||||
<div class="titleone titbg2">
|
||||
<span class="toleft">相关资讯</span>
|
||||
</div>
|
||||
<div class="pmain">
|
||||
{
|
||||
data.about.map(e => (
|
||||
<div class="z-main clearfix">
|
||||
<a title={e.title} href={`/news/${e.id}`} target="_blank">
|
||||
<div class="z-left fl">
|
||||
<img class="z-left__img" src={e.cover} alt={e.title} />
|
||||
</div>
|
||||
<div class="z-right fl">
|
||||
<p class="z-right__title">
|
||||
{e.title}
|
||||
</p>
|
||||
<p class="z-right__des" style="color:#AEADAB;">
|
||||
|
||||
</p>
|
||||
<span class="z-right__time">{e.created_at}</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 右边开始 -->
|
||||
<div class="main-right">
|
||||
<!-- 一周热门榜 -->
|
||||
<div id="WeeklyHot"></div>
|
||||
<div id="divZJ">
|
||||
<link
|
||||
href="/Content/News/newsappointmentpartial.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<div class="gnright fr sp-yzrmb">
|
||||
<div
|
||||
class="border-around clear week-hot new__821"
|
||||
style="margin-bottom:15px; padding:0 10px;"
|
||||
>
|
||||
<div
|
||||
class="titletwo titbg7 fl"
|
||||
style="margin: 15px 0 10px 0; width: 281px;"
|
||||
>
|
||||
<span class="toleft fl">推荐新闻</span>
|
||||
<span class="toright fr">
|
||||
<a
|
||||
href="javascript:void(0)"
|
||||
title=""
|
||||
style="display: none"
|
||||
>更多>></a
|
||||
>
|
||||
</span>
|
||||
</div>
|
||||
<div>
|
||||
{
|
||||
data.about.slice(0,3).map(e => (
|
||||
<a href={`/news/${e.id}`} target="_blank" >
|
||||
<div style="clear:both; margin:15px 0px; display:inline-block;">
|
||||
<div style="position:relative;float: left;" >
|
||||
<img src={e.cover} alt={e.title} style="max-width:110px;" />
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-size:16px;font-weight:bold;color:#666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:134px;">
|
||||
{e.title}
|
||||
</div>
|
||||
<div style="display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font-size:16px; color:#AEADAB; margin-top:5px;">
|
||||
{e.description}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
))
|
||||
}
|
||||
{
|
||||
data.about.slice(3,5).map(e => (
|
||||
<a href="/article/1145877620262775728.shtml" target="_blank" >
|
||||
<div style="clear:both; margin:15px 0px; display:inline-block; width: 281px;">
|
||||
<div style="float:left; width:100%;">
|
||||
<div style="font-size:16px;font-weight:bold;color:#666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:100%;">
|
||||
{e.title}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</Layout>
|
||||
<style>
|
||||
.sort-main {
|
||||
background-color: #f9f9f9;
|
||||
margin-bottom: 0 !important;
|
||||
padding: 10px 0px;
|
||||
display: flex;
|
||||
}
|
||||
.sort-left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.sort-title {
|
||||
padding-left: 10px;
|
||||
}
|
||||
.sort-right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.sort-right span {
|
||||
display: inline-block;
|
||||
color: #666;
|
||||
font-size: 14px;
|
||||
padding: 10px 5px 10px 0;
|
||||
}
|
||||
.sort-main .h-sort {
|
||||
height: 45px !important;
|
||||
}
|
||||
.sort-main .h-sort .sort-left .left-img {
|
||||
width: 20px !important;
|
||||
}
|
||||
.h-sort {
|
||||
padding: 0 15px !important;
|
||||
}
|
||||
.spc-img {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
.sort-main2 {
|
||||
background-color: #f9f9f9;
|
||||
text-align: center;
|
||||
padding: 0px 0px 10px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user