You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
131 lines
8.3 KiB
131 lines
8.3 KiB
@charset "utf-8";
|
|
/*--------------------------------------------------
|
|
慧一科技版权 - destoon模板定制仿站找慧一科技
|
|
QQ:3292628658
|
|
官网地址：http://www.destoon.info
|
|
微 信：huiyikeji8
|
|
淘宝店地址：https://destoonhy.taobao.com
|
|
--------------------------------------------------*/
|
|
.menu_v16 { margin-bottom:0px;}
|
|
.menu_v16 .allmenu .im0l_v16 {display:block;}
|
|
/*幻灯区*/
|
|
.flexslider {position:absolute;width:100%;height:440px;overflow:hidden;zoom:1;}
|
|
.flexslider .flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
|
|
.flexslider .slides{zoom:1;}
|
|
.flexslider .slides .img { height:440px; display:block;}
|
|
.flexslider .flex-direction-nav a{width:48px;height:90px;line-height:99em;overflow:hidden;margin-top:-60px;display:block;background:url(icon/ad_ctr.png) no-repeat;position:absolute;top:50%;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
|
|
.flexslider .flex-direction-nav .flex-next{background-position:-9px -90px;right:50%; margin-right:-358px;}
|
|
.flexslider .flex-direction-nav .flex-prev{left:50%; margin-left:-377px;}
|
|
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
|
|
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
|
|
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
|
|
.flexslider .flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
|
|
.flexslider .flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
|
|
.flexslider .flex-control-paging li a{background:rgba(0,0,0,.3);display:block;height:10px;overflow:hidden;text-indent:-99em;width:10px;cursor:pointer; border-radius:50%;box-shadow: 0 0 3px rgba(255, 255, 255, .4);}
|
|
.flexslider .flex-control-paging li a.flex-active{background:#1db3c9;}
|
|
|
|
|
|
|
|
|
|
/*右侧会员登陆区域*/
|
|
.ppt_v16 { position:relative; height:440px;}
|
|
.ppt_v16 .right{width:220px;float:right;background:#fff;padding:0 10px 10px; box-sizing:border-box;position:relative; z-index:2; margin-top:10px;border-radius:4px;}
|
|
.member{overflow:hidden;padding-bottom:20px;}
|
|
.member .btn-area>a{display: block;width:48%;height:30px;line-height:30px;text-align: center;color: #fff;background: linear-gradient(to right, #1db3c9, #47d3dd);border-radius:4px;border:#1db3c9 0px solid;box-sizing:border-box;}
|
|
.member .btn-area>a:hover{background-color:#1db3c9;borer:#1db3c9 1px solid}
|
|
.member .btn-area a:nth-child(odd){float:left}
|
|
.member .btn-area a:nth-child(even){float:right; background:white;border:#1db3c9 1px solid;color:#1db3c9}
|
|
.wel{font-size:14px;}
|
|
.wel p{line-height:25px}
|
|
.wel .user_img {padding:15px 0; overflow:hidden;}
|
|
.wel .user_img a { width: 55px; height:55px; border-radius:50%;border: 5px solid #f9f9f9;float:left;overflow:hidden; margin-right:10px;}
|
|
.wel .user_img a img { width: 55px;}
|
|
.wel .user_img .p_1 { font-size:12px; margin-top:10px;}
|
|
.wel .user_img .p_2 { font-size:12px;font-family:"微软雅黑"}
|
|
|
|
|
|
|
|
/*公告区域切换样式*/
|
|
.tz{overflow:hidden;}
|
|
.tz .qc-head{clear:both;font-size:12px;line-height:30px;text-align:center;overflow:hidden; border-bottom:1px solid #eee;}
|
|
.tz .qc-head li{float:left;list-style-type:none;width:33.333333%;font-weight:normal; cursor:pointer;}
|
|
.tz .qc-head li.current{color:#1db3c9;border-bottom:2px solid #1db3c9;}
|
|
.tz .qc-body dl{overflow:hidden;padding-top:8px;}
|
|
.tz .qc-body dl li{line-height:28px;font-size:12px;height:28px;overflow:hidden;}
|
|
.tz .qc-body dl li a { color:#666;}
|
|
.tz .qc-body dl li a:hover { color:#1db3c9;}
|
|
.tz .qc-body dl li em { margin:0 5px;}
|
|
|
|
|
|
/*精品商铺*/
|
|
.shops_title { height:60px; line-height:60px;color:#000;}
|
|
.shops_title strong { font-size:20px;}
|
|
.shops_title em { font-size:18px; margin-left:10px;}
|
|
.shops { padding: 0 20px 20px;background: #fff;box-shadow: 0px 0px 1px 1px #eaeaea;box-sizing:border-box;overflow:hidden;}
|
|
.shops ul li { float:left; margin-right:1%; margin-bottom:10px; width:24.25%; background:#fafafa;padding:10px 16px; box-sizing:border-box;}
|
|
.shops ul li:nth-child(4n+4) { margin-right:0;}
|
|
.shops ul li h2 {display:block; height:46px; line-height:46px;}
|
|
.shops ul li h2 img { width:46px; height:46px; border-radius:50%; float:left; box-sizing:border-box; border:1px solid #e4e4e4; margin-right:10px;}
|
|
.shops ul li .shangp img { width:60px; height:60px; float:left; margin-right:10px;}
|
|
.shops ul li .shangp p { font-size:12px; color:#222;}
|
|
.shops ul li .shangp p.p_1 { height:16px; line-height:16px;}
|
|
.shops ul li .shangp p.p_2 { height:28px; line-height:28px; font-weight:700; color:#e50012;}
|
|
.shops ul li .shangp p.p_2 span { font-size:14px;}
|
|
.shops ul li .shangp p.p_3 { color:#cea861;}
|
|
.shops ul li .shangp .leibie { padding:10px 0 20px; overflow:hidden;}
|
|
.shops ul li .shangp .leibie dl {float:left;width:60px;}
|
|
.shops ul li .shangp .leibie dl dd {float:left;margin:5px 5px 0 0;width:4px;height:4px;background-color:#E4E4E4;}
|
|
.shops ul li .shangp .leibie .lb_more {float:left;font-size:12px;background:#2abdd0;color:#fff;border-radius:2px;padding:2px 10px;box-sizing:border-box;margin-right:6px;}
|
|
|
|
/*楼层*/
|
|
.main_title { font-size:20px; height:60px; line-height:60px;}
|
|
.main_title em,.main_title span { font-weight:700;margin-right:5px;}
|
|
.main_title em.main_em1 { color:#159595;}
|
|
.main_title em.main_em2 { color:#155d95;}
|
|
.main_title em.main_em3 { color:#ff633f;}
|
|
.main_title em.main_em4 { color:#32c980;}
|
|
.main_title em.main_em5 { color:#b88e52;}
|
|
.main_li1 ul li:hover { border:1px solid #159595;}
|
|
.main_li2 ul li:hover { border:1px solid #155d95;}
|
|
.main_li3 ul li:hover { border:1px solid #ff633f;}
|
|
.main_li4 ul li:hover { border:1px solid #32c980;}
|
|
.main_li5 ul li:hover { border:1px solid #b88e52;}
|
|
.main_title span { color:#333;}
|
|
.main_title .sort { float:right;}
|
|
.main_title .sort a { display:inline-block; margin-left:20px; color:#999; font-size:12px; line-height:60px;}
|
|
.main_title .sort a:hover { color:#1db3c9;}
|
|
.main_title .sort a.main_more { position:relative; padding-right:25px;}
|
|
.main_title .sort a.main_more:before { content:""; display:inline-block; width:1px; height:12px; background:#ccc;position:absolute; top:24px; left:-10px;}
|
|
.main_title .sort a.main_more:after { content:"\e65a";font-family: 'iconfont';position:absolute;right:0px; font-size:16px;}
|
|
.main_title .sort a.main_more:hover { color:#cea861;}
|
|
.main_left { width:290px; height:400px; float:left;transition: all .5s;}
|
|
.main_left:hover { filter: brightness(1.1);-webkit-filter: brightness(1.1);}
|
|
.main_right { width:910px; float:left;background:#fff;}
|
|
.main_right ul { height:400px;}
|
|
.main_right ul li { float:left; width:20%;height:50%; box-sizing:border-box; padding:10px;text-align:center;border:1px solid #eee; border-left:1px solid transparent;border-bottom:1px solid transparent;}
|
|
.main_right ul li .image { width:128px; display:inline-block;}
|
|
.main_right ul li img { width:100%;transition:all .5s;}
|
|
.main_right ul li:hover img { transform: scale(1.05);}
|
|
.main_right ul li p { font-size:12px; color:#333; font-weight:700;margin-top:8px;}
|
|
.main_right ul li span { display:block; color:#999; margin-top:8px;}
|
|
|
|
/*资讯*/
|
|
.news_v83 {overflow:hidden;}
|
|
.news_v83 ul {background:#fff;float:left;width:32.6666667%;height:281px;box-sizing:border-box;padding:10px;margin-right:1%;margin-top: 10px;}
|
|
.news_v83 ul:nth-child(3n+3) { margin-right:0;}
|
|
.news_v83 ul .news_title {height:24px;line-height:24px;padding:8px 0 16px;border-bottom:1px solid #e3e3e3;margin-bottom:10px;}
|
|
.news_v83 ul .news_title span {font-size:18px;font-weight:700;color:#333;padding-left:8px;border-left:4px solid #21a3b2;}
|
|
.news_v83 ul .news_title a {float:right; color:#666; font-size:14px; position:relative;padding-right:20px;}
|
|
.news_v83 ul .news_title a:hover { color:#0099aa;}
|
|
.news_v83 ul .news_title a:after { font-family: 'iconfont';position:absolute;right:0px; font-size:18px;}
|
|
.news_v83 ul li {line-height:34px;font-size:14px;height:34px;}
|
|
.news_v83 ul li span {color:#999;float:right;margin-right:10px;}
|
|
.news_v83 ul li p {float:left;max-width:74%;}
|
|
|
|
|
|
/*友情链接*/
|
|
.link{padding:10px 20px 15px;overflow:hidden;line-height:23px;font-size:14px;background:white;}
|
|
.link dt{padding-right:5px;font-size:16px;height:35px;margin-bottom:8px;color:#000;font-weight:700; border-bottom:1px solid #eee;}
|
|
.link dt em{border-bottom:#1db3c9 1px solid;height:35px;display:block;float:left}
|
|
.link a{white-space:nowrap; color:#666; margin:10px 15px 0px 0px; display:inline-block; line-height:23px;font-size:14px}
|
|
.link a:hover{color:#1db3c9}
|