first commit
This commit is contained in:
pakerpale
9
public/assets/css/cropper/cropper.min.css
vendored
Executable file
9
public/assets/css/cropper/cropper.min.css
vendored
Executable file
@@ -0,0 +1,9 @@
|
||||
/*!
|
||||
* Cropper.js v1.5.6
|
||||
* https://fengyuanchen.github.io/cropperjs
|
||||
*
|
||||
* Copyright 2015-present Chen Fengyuan
|
||||
* Released under the MIT license
|
||||
*
|
||||
* Date: 2019-10-04T04:33:44.164Z
|
||||
*/.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}
|
||||
2337
public/assets/css/font-awesome.css
vendored
Executable file
2337
public/assets/css/font-awesome.css
vendored
Executable file
File diff suppressed because it is too large
Load Diff
452
public/assets/css/main_new.css
Executable file
452
public/assets/css/main_new.css
Executable file
@@ -0,0 +1,452 @@
|
||||
/*reset*/
|
||||
html{font-size: 16px; color: #333;}
|
||||
body{background: #f2f4f7; font-size: 1rem;}
|
||||
|
||||
/* IR 효과 */
|
||||
.ir_pm {display:block; overflow:hidden; font-size:0; line-height:0; text-indent:-9999px;} /* 의미있는 이미지의 대체 텍스트를 제공하는 경우(Phark Method) */
|
||||
.ir_wa {display:block; overflow:hidden; position:relative; z-index:-1; width:100%; height: 100%;} /* 의미있는 이미지의 대체 텍스트로 이미지가 없어도 대체 텍스트를 보여주고자 할 때(WA IR) */
|
||||
.ir_so {overflow: hidden; position:absolute; width:0; height:0; line-height:0; text-indent:-9999px;} /* 대체 텍스트가 아닌 접근성을 위한 숨김 텍스트를 제공할 때 */
|
||||
|
||||
/* clearfix */
|
||||
.clearfix{*zoom:1;}
|
||||
.clearfix:before, .clearfix:after {display: block; content: '';line-height: 0;}
|
||||
.clearfix:after {clear: both;}
|
||||
|
||||
a:hover{color: #2abcb8;}
|
||||
h1, h2, h3, h4, h5{font-size: 1rem; font-weight: 700; color: #333;}
|
||||
|
||||
.main-container a:hover{color: #26bcb7;}
|
||||
|
||||
|
||||
.site-head{ background: #fff;}
|
||||
.util{background: #f2f4f7}
|
||||
.section1{}
|
||||
|
||||
/* news */
|
||||
.newsbox1{width: 43.5rem; background: #fff; border: 1px solid #dee3eb; height: 33.625rem; float: left;}
|
||||
.newsbox1 .tit{height: 3.0625rem; line-height:3.0625rem; border-bottom: 1px solid #ebeef3;}
|
||||
.newsbox1 .tit h3{font-size: 1rem; font-weight: 700; padding-left: 1.25rem; letter-spacing: -0.06rem;}
|
||||
.p_num{ position: absolute; right: 6.75rem; top: 0; font-size: 0.8125rem; }
|
||||
|
||||
.arrobox{position: absolute; right: 0; top: 0;}
|
||||
.arrobox li{float: left; border-left: 1px solid #ebeef3; height: 3.0625rem;}
|
||||
.arrobox li a{color: #6b6c6e; display: block; transition: all .3s; width: 2.75rem; height: 3.0625rem;}
|
||||
.arrobox li a:hover{background: #f2f4f7;}
|
||||
.l_arr a:before{content: ''; display: block; background:url(../images/l_arrimg.png) no-repeat center / 11px; width: 2.75rem; height: 3.0625rem;}
|
||||
.r_arr a:before{content: ''; display: block; background:url(../images/r_arrimg.png) no-repeat center / 11px; width: 2.75rem; height: 3.0625rem;}
|
||||
.newsbox1 .group_news{ margin-bottom: 10px; padding: 1.25rem; padding-bottom: 0; }
|
||||
|
||||
.newsbox1 .group_news .container2{border-bottom: 1px solid #ebeef3; padding-bottom: 15px; }
|
||||
.newsbox1 .group_news .bn{border-bottom: 0 none;}
|
||||
.newsbox1 .group_news .box_sector{width: 13.25rem; float: left; padding-top: 0.25rem; }
|
||||
.newsbox1 .group_news .box_sector a{display: block;}
|
||||
.newsbox1 .group_news .box_sector a .thumb{border-radius: 2px; overflow: hidden; position: relative; display: block; width: 208px; height:132px ; box-sizing: border-box; margin-bottom:10px; background: #e4e4e4; }
|
||||
.newsbox1 .group_news .box_sector a .thumb:after{ content: ''; position: absolute; border: 1px solid rgba(0,0,0,.03); box-sizing: border-box; left: 0; top: 0; bottom: 0; right: 0;}
|
||||
.newsbox1 .group_news .box_sector a .thumb img{width: 100%; height: 100%; }
|
||||
|
||||
.newsbox1 .group_news .box_sector a strong{ display: block; font-size:0.9375rem; font-weight: 400; line-height: 1.4rem; letter-spacing:-0.08rem; word-break: keep-all; }
|
||||
.newsbox1 .group_news .news_list{ float: left; padding-left: 30px;}
|
||||
.newsbox1 .group_news .news_list ul{}
|
||||
.newsbox1 .group_news .news_list li{
|
||||
margin-bottom: 1.2rem;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
.newsbox1 .group_news .news_list li:first-child a{font-weight: 700;}
|
||||
.newsbox1 .group_news .news_list li a{ font-size: 15px; color: #333; letter-spacing: -0.06rem; }
|
||||
.newsbox1 .group_news .news_list li a:hover{color: #27c9c3}
|
||||
|
||||
.right_box1{float: right; width: 28.375rem; }
|
||||
.right_box1 .dailyqtbox{ border: 1px solid #dee3eb; background: #fff; height:19.6875rem; box-sizing: border-box; margin-bottom: 0.625rem;}
|
||||
.right_box1 .dailyqtbox .tit{
|
||||
|
||||
position: relative;
|
||||
height: 3.0625rem;
|
||||
line-height: 3.0625rem;
|
||||
border-bottom: 1px solid #ebeef3;
|
||||
}
|
||||
|
||||
.more_btn_new a{display: block; position: absolute; right: 0; top: 0; width: 2.75rem; height:3.0625rem; border-left: 1px solid #ebeef3; transition: all .3s; }
|
||||
.more_btn_new a:before{content: ''; display: block; background:url(../images/more_btn.png) no-repeat center / 18px 18px; width: 2.75rem; height:3.0625rem; }
|
||||
.more_btn_new a:hover{ background: #f2f4f7}
|
||||
|
||||
.dailyqtboxin{ padding: 1.25rem;}
|
||||
.dailyqtboxin .imgbox{}
|
||||
.dailyqtboxin .imgbox a{border-radius: 2px; overflow: hidden; display: block; background: #333; position: relative; height: 14.1875rem; box-sizing: border-box; }
|
||||
.dailyqtboxin .imgbox a:after{content: ''; position:absolute; background:linear-gradient(360deg, rgba(0,0,0,.8), rgba(0,0,0,0)); width: 100%; height: 65px; left: 0; bottom: 0;}
|
||||
.dailyqtboxin .imgbox a img{opacity: 1; transition: all .3s; width: 100%; height: 100%;}
|
||||
.dailyqtboxin .imgbox a:hover img{opacity: 0.8;}
|
||||
.dailyqtboxin .imgbox a strong{text-align: center; width: 80%; position: absolute; left: 50%; bottom: 1.25rem; color: #fff; transform: translateX(-50%); z-index: 3;}
|
||||
|
||||
|
||||
.right_box1 .dailyqtbox .tit h3{font-size: 1rem; font-weight: 700; padding-left: 1.25rem; letter-spacing: -0.06rem;}
|
||||
.right_box1 .Wordbox{ border: 1px solid #dee3eb; background: #fff; height: 13.1875rem;}
|
||||
.right_box1 .Wordbox .tit{
|
||||
position: relative;
|
||||
height: 3.0625rem;
|
||||
line-height: 3.0625rem;
|
||||
border-bottom: 1px solid #ebeef3;
|
||||
}
|
||||
.right_box1 .Wordbox .tit h3{font-size: 1rem; font-weight: 700; padding-left: 1.25rem; letter-spacing: -0.06rem;}
|
||||
.right_box1 .Wordbox .tit span{font-size: 0.8125rem; position: absolute; right: 1.25rem; top: 50%; transform: translateY(-50%); color: #666;}
|
||||
.right_box1 .Wordbox p{
|
||||
text-align: center; font-size: 0.9375rem; letter-spacing: -0.08rem; line-height: 1.5625rem; word-break: keep-all;
|
||||
padding: 1.5625rem 1.5625rem 0 1.5625rem;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 3;
|
||||
word-break: keep-all;
|
||||
}
|
||||
.right_box1 .Wordbox .verse{font-size: 0.875rem; margin-top: 0.625rem; color: #888;}
|
||||
|
||||
|
||||
.section2{ margin-top: 0.625rem;}
|
||||
.storybox{position: relative; width:43.5rem; height: 32rem; float: left; box-sizing: border-box; background: #fff; border: 1px solid #dee3eb;}
|
||||
.storybox .tit{position: relative;
|
||||
height: 3.0625rem;
|
||||
line-height: 3.0625rem;
|
||||
border-bottom: 1px solid #ebeef3;}
|
||||
.menu_tab{float: left; padding-left: 1.25rem;}
|
||||
.menu_tab li{float: left; font-size:15px; font-weight: 700; letter-spacing: -0.06rem;}
|
||||
.menu_tab li a{position: relative; padding-left: 0.5rem; padding-right: 0.5rem; margin-right: 0.5rem; display: block; font-weight: 400;}
|
||||
.menu_tab li.selected a{ color: #2abcb8; font-weight: 700;}
|
||||
.menu_tab li.selected a:after{content: ''; position: absolute; left: 0; bottom: 0; height: 4px; width: 100%; background: #2abcb8}
|
||||
.storybox .listbox{margin: 10px; overflow: hidden;}
|
||||
.storybox .listbox ul li{float: left; margin: 8px; width: 208px;}
|
||||
.storybox .listbox ul li .img{border-radius: 2px; position: relative; overflow: hidden; background: #e4e4e4; height:132px; box-sizing: border-box; margin-bottom: 10px }
|
||||
.storybox .listbox ul li .img:after{content: ''; position: absolute; border: 1px solid rgba(0,0,0,.03); box-sizing: border-box; left: 0; top: 0; bottom: 0; right: 0; }
|
||||
.storybox .listbox ul li a .img img{width: 100%; height: 100%;}
|
||||
|
||||
.storybox .listbox ul li p{
|
||||
height: 2.7rem;
|
||||
margin-bottom: 20px; line-height: 1.4rem; letter-spacing: -0.06rem; font-size: 0.9375rem;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
word-break: keep-all;
|
||||
}
|
||||
|
||||
.right_box2{float: right; width: 28.375rem; }
|
||||
|
||||
.ccmchart{float: left; width: ; box-sizing: border-box; background: #fff; border: 1px solid #dee3eb; height: 32rem; width: 15.875rem;}
|
||||
.ccmchart .tit{position: relative;
|
||||
height: 3.0625rem;
|
||||
line-height: 3.0625rem;
|
||||
border-bottom: 1px solid #ebeef3;}
|
||||
.ccmchart .tit h3{font-size: 1rem; font-weight: 700; padding-left: 1.25rem;}
|
||||
.ccmchart span{ font-size: 0.8125rem; position: absolute; right: 1.25rem; top: 50%; transform: translateY(-50%); color: #666;}
|
||||
.ccmchart .chart_list li{border-bottom: 1px solid #ebeef3; }
|
||||
.ccmchart .chart_list li a{display: block; position: relative; padding: 20px 0; transition: all 0.3s;}
|
||||
.ccmchart .chart_list li a:hover{background: #f2f4f7;}
|
||||
.ccmchart .chart_list li a .num{display: block; position: absolute; left: 17px; top: 25px; color: #333; font-weight: 700; font-size: 0.875rem;}
|
||||
.ccmchart .chart_list li a .img{position: relative; overflow: hidden; box-sizing: border-box; margin-left: 40px; width: 42px; height: 42px; float: left; }
|
||||
.ccmchart .chart_list li a .img:after{content: ''; position: absolute; border: 1px solid rgba(0,0,0,.03); box-sizing: border-box; left: 0; top: 0; bottom: 0; right: 0;}
|
||||
.ccmchart .chart_list li a .img img{width: 100%; height: 100%; display: block;}
|
||||
.ccmchart .chart_list li a dl{ margin-left: 18px; float: left; width: 130px;}
|
||||
.ccmchart .chart_list li a dt{font-size:0.8125rem; letter-spacing: -0.06rem; font-weight: 700; display: block; text-overflow: ellipsis;white-space: nowrap; overflow: hidden; padding-bottom: 5px; }
|
||||
.ccmchart .chart_list li a dd{font-size:0.8125rem; color: #888888; letter-spacing: -0.06rem; }
|
||||
.ccmchart .ccm_tab{}
|
||||
.ccmchart .ccm_tab li{float: left; width: 50%; box-sizing: border-box; text-align: center;}
|
||||
.ccmchart .ccm_tab li.selected a{ background: #f2f4f7}
|
||||
.ccmchart .ccm_tab li a{display: block; height: 46px; line-height: 46px; font-size: 0.875rem; }
|
||||
|
||||
.right_box2 .banner{width: 11.9375rem; float: right;}
|
||||
|
||||
.section3{margin-top: 0.625rem;}
|
||||
.tvbox{ box-sizing: border-box; background: #fff; border: 1px solid #dee3eb; position: relative; }
|
||||
.tvbox .tit{position: relative;
|
||||
height: 3.0625rem;
|
||||
line-height: 3.0625rem;
|
||||
border-bottom: 1px solid #ebeef3;}
|
||||
.tvbox .tit h3{float: left; font-size: 1rem; font-weight: 700; padding-left: 1.25rem; letter-spacing: -0.06rem;}
|
||||
.tvbox_in{ margin: 18px; overflow: hidden;}
|
||||
.tvbox .l_img{ width:440px; float: left; position: relative; margin-right: 4px; border-radius: 2px; overflow: hidden;}
|
||||
.tvbox .l_img a{display:block; height: 246px; background:#000; box-sizing: border-box; }
|
||||
.tvbox .l_img a strong{
|
||||
position: absolute; left: 20px; bottom:45px; width: 340px; color: #fff; font-weight: 700;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
word-break: keep-all;
|
||||
font-size: 16px;
|
||||
z-index: 100;
|
||||
}
|
||||
.tvbox .l_img a span{ position: absolute; left: 20px; bottom: 20px; color: #fff; font-size:0.8125rem; z-index: 101; }
|
||||
.tvbox .l_img a:after{content: ''; width: 100%; height: 180px; position: absolute; left: 0; bottom: 0; background: linear-gradient(360deg, rgba(0,0,0,.8), rgba(0,0,0,0));}
|
||||
.tvbox .l_img a img{width: 100%; height: 100%; display: block;}
|
||||
|
||||
.tv_list{float: left;}
|
||||
.tv_list li{float: left; margin: 0 8px; width: 211px;}
|
||||
.tv_list li:first-child{margin-left: 12px;}
|
||||
.tv_list li:last-child{margin-right: 0;}
|
||||
.tv_list li a{display: block; position: relative;}
|
||||
.tv_list li a:hover span{color: #666;}
|
||||
.tv_list li .img{border-radius: 2px; overflow: hidden; height: 130px; box-sizing: border-box; background: #f2f4f7; margin-bottom: 12px; }
|
||||
.tv_list li .img img{width: 100%; height: 100%;}
|
||||
.tv_list li strong{
|
||||
height: 38px;
|
||||
padding-left: 5px;
|
||||
font-weight: 400;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
word-break: keep-all;
|
||||
font-size: 14px;
|
||||
|
||||
}
|
||||
.tv_list li ul.info{ padding-top: 10px; padding-left: 5px;}
|
||||
|
||||
.tv_list li ul.info li {float: none; font-size: 0.8125rem; color: #666; letter-spacing: -0.06rem; margin: 0; padding-bottom: 5px;}
|
||||
|
||||
|
||||
|
||||
|
||||
.newsbox1 .swiper-button-prev1 {
|
||||
color: #888;
|
||||
font-family: 'FontAwesome';
|
||||
background: none;
|
||||
font-size: 35px;
|
||||
position: absolute;
|
||||
|
||||
right: 44px;
|
||||
top: 0px;
|
||||
width: 44px;
|
||||
height: 49px;
|
||||
line-height: 49px;
|
||||
text-align: center;
|
||||
border: 1px solid #ebeef3;
|
||||
border-bottom: 0 none;
|
||||
border-top: 0 none;
|
||||
border-right: 0 none;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.newsbox1 .swiper-button-next1 {
|
||||
color: #888;
|
||||
font-family: 'FontAwesome';
|
||||
background: none;
|
||||
font-size: 35px;
|
||||
position: absolute;
|
||||
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
width: 44px;
|
||||
height: 49px;
|
||||
line-height: 50px;
|
||||
text-align: center;
|
||||
border: 1px solid #ebeef3;
|
||||
z-index: 100;
|
||||
border-bottom: 0 none;
|
||||
border-top: 0 none;
|
||||
border-right: 0 none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.swiper-button-prev1.swiper-button-disabled , .swiper-button-next1.swiper-button-disabled {
|
||||
opacity: 0.35;
|
||||
cursor: auto;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.storybox .swiper-button-prev2{
|
||||
color: #888;
|
||||
font-family: 'FontAwesome';
|
||||
background: none;
|
||||
font-size: 35px;
|
||||
position: absolute;
|
||||
|
||||
right: 44px;
|
||||
top: 0px;
|
||||
width: 44px;
|
||||
height: 49px;
|
||||
line-height: 49px;
|
||||
text-align: center;
|
||||
border: 1px solid #ebeef3;
|
||||
border-bottom: 0 none;
|
||||
border-top: 0 none;
|
||||
border-right: 0 none;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.storybox .swiper-button-next2 {
|
||||
color: #888;
|
||||
font-family: 'FontAwesome';
|
||||
background: none;
|
||||
font-size: 35px;
|
||||
position: absolute;
|
||||
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
width: 44px;
|
||||
height: 49px;
|
||||
line-height: 50px;
|
||||
text-align: center;
|
||||
border: 1px solid #ebeef3;
|
||||
z-index: 100;
|
||||
border-bottom: 0 none;
|
||||
border-top: 0 none;
|
||||
border-right: 0 none;
|
||||
}
|
||||
|
||||
.tvbox .swiper-button-prev3{
|
||||
color: #888;
|
||||
font-family: 'FontAwesome';
|
||||
background: none;
|
||||
font-size: 35px;
|
||||
position: absolute;
|
||||
|
||||
right: 44px;
|
||||
top: 0px;
|
||||
width: 44px;
|
||||
height: 49px;
|
||||
line-height: 49px;
|
||||
text-align: center;
|
||||
border: 1px solid #ebeef3;
|
||||
border-bottom: 0 none;
|
||||
border-top: 0 none;
|
||||
border-right: 0 none;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.tvbox .swiper-button-next3 {
|
||||
color: #888;
|
||||
font-family: 'FontAwesome';
|
||||
background: none;
|
||||
font-size: 35px;
|
||||
position: absolute;
|
||||
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
width: 44px;
|
||||
height: 49px;
|
||||
line-height: 50px;
|
||||
text-align: center;
|
||||
border: 1px solid #ebeef3;
|
||||
z-index: 100;
|
||||
border-bottom: 0 none;
|
||||
border-top: 0 none;
|
||||
border-right: 0 none;
|
||||
}
|
||||
.featuredBox .thumbBox p{background: #fff;}
|
||||
.footer{background: #fff;}
|
||||
|
||||
.m_banner{display: none;}
|
||||
|
||||
@media (max-width:1290px){
|
||||
.newsbox1,.storybox{width: 60%;}
|
||||
.right_box1,.right_box2{width: 39%;}
|
||||
.storybox .listbox ul li{width: 30%; margin: 1.6%;}
|
||||
.ccmchart{width: 100%;}
|
||||
.newsbox1 .group_news .news_list{padding-left: 20px; width: 55%;}
|
||||
.newsbox1 .group_news .news_list li a{font-size: 15px;}
|
||||
.right_box2 .banner{display: none;}
|
||||
.ccmchart .chart_list li a dl{width: 70%}
|
||||
.newsbox1, .storybox{overflow: hidden;}
|
||||
|
||||
}
|
||||
@media (max-width:1200px){
|
||||
.tvbox .l_img{width: 100%; float: none; clear: both;}
|
||||
.tvbox .l_img a{width: 100%; height: 400px;}
|
||||
.tv_list{float: none; clear: both; margin-top: 0.5%;}
|
||||
.tv_list li{width: 33%; margin: 0; margin-right:0.5%;}
|
||||
.tv_list li:nth-child(3){ margin: 0;}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media (max-width:900px){
|
||||
.newsbox1{float: none; width: 100%;}
|
||||
.right_box1{clear: both; float: none; width: 100%; margin-top: 10px;}
|
||||
.newsbox1 .group_news .news_list li a{font-size: 16px;}
|
||||
.newsbox1 .group_news .news_list{padding-left: 40px;}
|
||||
.dailyqtboxin .imgbox a{
|
||||
height: 24.1875rem;
|
||||
}
|
||||
.right_box1 .dailyqtbox{height: auto;}
|
||||
.right_box1 .Wordbox{height: auto; padding-bottom: 30px;}
|
||||
.right_box2{width: 100%; clear: both; float: none; margin-top: 10px;}
|
||||
.storybox{width: 100%; float: none; clear: both;}
|
||||
}
|
||||
|
||||
@media (max-width:768px){
|
||||
.m_banner{display: block; margin-top: 10px;}
|
||||
.m_banner img{width: 100%}
|
||||
.container{padding: 0;}
|
||||
.featuredBox{padding-left:10px; padding-right:10px; }
|
||||
.newsbox1{height: 33rem; border: 0 none;}
|
||||
.newsbox1 .group_news .news_list li a{font-size: 16px;}
|
||||
|
||||
.newsbox1 .group_news{padding: 10px; padding-bottom: 0;}
|
||||
.newsbox1 .group_news .box_sector{width: 100%;}
|
||||
.newsbox1 .group_news .box_sector a .thumb{border-radius: 2px; overflow: hidden; height: 200px; width: 100%; margin-bottom: 8px;}
|
||||
.newsbox1 .group_news .news_list{padding-left: 0; width: 100%}
|
||||
|
||||
.newsbox1 .tit h3{font-size:18px; padding-left: 15px;}
|
||||
.newsbox1 .group_news .box_sector a strong{padding-left: 0; padding-bottom: 18px; border-bottom: 1px solid #ebeef3; margin-bottom: 20px; font-size: 16px;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
.newsbox1 .group_news .news_list li{ margin-bottom: 1.1rem;}
|
||||
.newsbox1 .group_news .container2{border-bottom: 0 none;}
|
||||
.dailyqtboxin{padding: 10px;}
|
||||
.dailyqtboxin .imgbox a{height: 200px; border-radius: 2px; overflow: hidden;}
|
||||
.right_box1 .dailyqtbox{border: 0 none;}
|
||||
|
||||
.right_box1 .dailyqtbox .tit h3{font-size: 18px; padding-left: 15px;}
|
||||
.right_box1 .Wordbox{border: 0 none;}
|
||||
.right_box1 .Wordbox .tit h3{font-size: 18px; padding-left: 15px;}
|
||||
.storybox{height: 38rem; border: 0 none;}
|
||||
.storybox .listbox{margin: 10px;}
|
||||
.storybox .listbox ul li{width: 46.8%}
|
||||
.storybox .listbox ul li .img{border-radius: 2px; height: 110px; margin-bottom: 10px; overflow: hidden;}
|
||||
|
||||
.r_arr a:before{background:url(../images/r_arrimg.png) no-repeat center / 8px}
|
||||
.l_arr a:before{background:url(../images/l_arrimg.png) no-repeat center / 8px}
|
||||
.more_btn_new a:before{background:url(../images/more_btn.png) no-repeat center / 12px}
|
||||
.menu_tab{ padding-left: 15px;}
|
||||
.ccmchart{border: 0 none; border-bottom: 1px solid #dee3eb }
|
||||
.ccmchart .tit h3{font-size: 18px; padding-left: 15px; }
|
||||
.storybox .listbox ul li p{margin-bottom: 5px; line-height: 1.2rem; font-size: 15px; height: 2.55rem;}
|
||||
.ccmchart .chart_list li a dt{font-size: 16px; font-weight: 400;}
|
||||
.tvbox{border: 0 none;}
|
||||
.tvbox .tit h3{display: none;}
|
||||
.tvbox_in{margin: 15px;}
|
||||
.tvbox .l_img{ margin-right: 0; float: none; clear: both; border-radius: 2px; overflow: hidden;}
|
||||
.ccmchart{height: auto}
|
||||
.tvbox .l_img a{ }
|
||||
.tvbox .l_img a strong{width: 280px;}
|
||||
.tvbox .l_img a{width: 100%; height: 200px;}
|
||||
.tvbox .l_img a strong{bottom: 35px;}
|
||||
.tvbox .l_img a span{bottom: 15px;}
|
||||
.menu_tab li a{font-size: 16px;}
|
||||
.tv_list li{ margin: 0; margin-right: 1%; width: 49.5%; margin-top: 1%; padding-bottom: 20px;}
|
||||
.tv_list li a{width: 100%;}
|
||||
.tv_list li:nth-child(2){margin-right: 0;}
|
||||
.tv_list li:nth-child(3){display: none;}
|
||||
.tv_list li .img{height: 100px; border-radius: 2px; overflow: hidden;}
|
||||
.tv_list li ul.info{top: 160px;}
|
||||
.tv_list li ul.info li{padding-bottom: 3%; width: 100%;}
|
||||
.tv_list li strong{height: auto;}
|
||||
.tv_list li:first-child{margin-left: 0;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
354
public/assets/css/swiper.css
Executable file
354
public/assets/css/swiper.css
Executable file
@@ -0,0 +1,354 @@
|
||||
/**
|
||||
* Swiper 4.5.0
|
||||
* Most modern mobile touch slider and framework with hardware accelerated transitions
|
||||
* http://www.idangero.us/swiper/
|
||||
**/
|
||||
.swiper-container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
.swiper-container-no-flexbox .swiper-slide {
|
||||
float: left;
|
||||
}
|
||||
.swiper-container-vertical > .swiper-wrapper {
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-webkit-flex-direction: column;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
.swiper-wrapper {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
transition-property: transform;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
.swiper-container-android .swiper-slide,
|
||||
.swiper-wrapper {
|
||||
transform: translate3d(0px, 0, 0);
|
||||
}
|
||||
.swiper-container-multirow > .swiper-wrapper {
|
||||
-webkit-flex-wrap: wrap;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.swiper-container-free-mode > .swiper-wrapper {
|
||||
transition-timing-function: ease-out;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.swiper-slide {
|
||||
-webkit-flex-shrink: 0;
|
||||
-ms-flex-negative: 0;
|
||||
flex-shrink: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
transition-property: transform;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
|
||||
.swiper-slide-invisible-blank {
|
||||
visibility: hidden;
|
||||
}
|
||||
/* Auto Height */
|
||||
.swiper-container-autoheight,
|
||||
.swiper-container-autoheight .swiper-slide {
|
||||
height: auto;
|
||||
}
|
||||
.swiper-container-autoheight .swiper-wrapper {
|
||||
-webkit-box-align: start;
|
||||
-webkit-align-items: flex-start;
|
||||
-ms-flex-align: start;
|
||||
align-items: flex-start;
|
||||
transition-property: height, -webkit-transform;
|
||||
transition-property: transform, height;
|
||||
}
|
||||
|
||||
/* IE10 Windows Phone 8 Fixes */
|
||||
.swiper-container-wp8-horizontal,
|
||||
.swiper-container-wp8-horizontal > .swiper-wrapper {
|
||||
-ms-touch-action: pan-y;
|
||||
touch-action: pan-y;
|
||||
}
|
||||
.swiper-container-wp8-vertical,
|
||||
.swiper-container-wp8-vertical > .swiper-wrapper {
|
||||
-ms-touch-action: pan-x;
|
||||
touch-action: pan-x;
|
||||
}
|
||||
.swiper-button-prev,
|
||||
.swiper-button-next {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 27px;
|
||||
height: 44px;
|
||||
margin-top: -22px;
|
||||
z-index: 10;
|
||||
cursor: pointer;
|
||||
background-size: 27px 44px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.swiper-button-prev.swiper-button-disabled,
|
||||
.swiper-button-next.swiper-button-disabled {
|
||||
opacity: 0.35;
|
||||
cursor: auto;
|
||||
pointer-events: none;
|
||||
}
|
||||
.swiper-button-prev,
|
||||
.swiper-container-rtl .swiper-button-next {
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
|
||||
left: 16px;
|
||||
right: auto;
|
||||
}
|
||||
.swiper-button-next,
|
||||
.swiper-container-rtl .swiper-button-prev {
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
|
||||
right: 16px;
|
||||
left: auto;
|
||||
}
|
||||
.swiper-button-lock {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
.swiper-button-prev2.swiper-button-disabled,
|
||||
.swiper-button-next2.swiper-button-disabled {
|
||||
opacity: 0.35;
|
||||
cursor: auto;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.swiper-button-prev3.swiper-button-disabled,
|
||||
.swiper-button-next3.swiper-button-disabled {
|
||||
opacity: 0.35;
|
||||
cursor: auto;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
|
||||
.swiper-button-prev4,
|
||||
.swiper-button-next4 {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 27px;
|
||||
height: 44px;
|
||||
margin-top: -22px;
|
||||
z-index: 10;
|
||||
cursor: pointer;
|
||||
background-size: 27px 44px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.swiper-button-prev4.swiper-button-disabled,
|
||||
.swiper-button-next4.swiper-button-disabled {
|
||||
opacity: 0.35;
|
||||
cursor: auto;
|
||||
pointer-events: none;
|
||||
}
|
||||
.swiper-button-prev4,
|
||||
.swiper-container-rtl .swiper-button-next4 {
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
|
||||
left: 16px;
|
||||
right: auto;
|
||||
}
|
||||
.swiper-button-next4,
|
||||
.swiper-container-rtl .swiper-button-prev4 {
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
|
||||
right: 16px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.swiper-button-prev5,
|
||||
.swiper-button-next5 {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 27px;
|
||||
height: 44px;
|
||||
margin-top: -22px;
|
||||
z-index: 10;
|
||||
cursor: pointer;
|
||||
background-size: 27px 44px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.swiper-button-prev5.swiper-button-disabled,
|
||||
.swiper-button-next5.swiper-button-disabled {
|
||||
opacity: 0.35;
|
||||
cursor: auto;
|
||||
pointer-events: none;
|
||||
}
|
||||
.swiper-button-prev5,
|
||||
.swiper-container-rtl .swiper-button-next5 {
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
|
||||
left: 16px;
|
||||
right: auto;
|
||||
}
|
||||
.swiper-button-next5,
|
||||
.swiper-container-rtl .swiper-button-prev5 {
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
|
||||
right: 16px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.swiper-button-prev6,
|
||||
.swiper-button-next6 {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 27px;
|
||||
height: 44px;
|
||||
margin-top: -22px;
|
||||
z-index: 10;
|
||||
cursor: pointer;
|
||||
background-size: 27px 44px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.swiper-button-prev6.swiper-button-disabled,
|
||||
.swiper-button-next6.swiper-button-disabled {
|
||||
opacity: 0.35;
|
||||
cursor: auto;
|
||||
pointer-events: none;
|
||||
}
|
||||
.swiper-button-prev6,
|
||||
.swiper-container-rtl .swiper-button-next6 {
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
|
||||
left: 16px;
|
||||
right: auto;
|
||||
}
|
||||
.swiper-button-next6,
|
||||
.swiper-container-rtl .swiper-button-prev6 {
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
|
||||
right: 16px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.swiper-button-prev7,
|
||||
.swiper-button-next7 {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 27px;
|
||||
height: 44px;
|
||||
margin-top: -22px;
|
||||
z-index: 10;
|
||||
cursor: pointer;
|
||||
background-size: 27px 44px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.swiper-button-prev7.swiper-button-disabled,
|
||||
.swiper-button-next7.swiper-button-disabled {
|
||||
opacity: 0.35;
|
||||
cursor: auto;
|
||||
pointer-events: none;
|
||||
}
|
||||
.swiper-button-prev7,
|
||||
.swiper-container-rtl .swiper-button-next7 {
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
|
||||
left: 16px;
|
||||
right: auto;
|
||||
}
|
||||
.swiper-button-next7,
|
||||
.swiper-container-rtl .swiper-button-prev7 {
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
|
||||
right: 16px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
|
||||
.swiper-pagination {
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
transition: 300ms opacity;
|
||||
transform: translate3d(0, 0, 0);
|
||||
z-index: 10;
|
||||
}
|
||||
.swiper-pagination.swiper-pagination-hidden {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* Common Styles */
|
||||
.swiper-pagination-fraction,
|
||||
.swiper-pagination-custom,
|
||||
.swiper-container-horizontal > .swiper-pagination-bullets {
|
||||
bottom: 10px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
/* Bullets */
|
||||
.swiper-pagination-bullets-dynamic {
|
||||
overflow: hidden;
|
||||
font-size: 0;
|
||||
}
|
||||
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
|
||||
transform: scale(0.33);
|
||||
position: relative;
|
||||
}
|
||||
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
|
||||
transform: scale(1);
|
||||
}
|
||||
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
|
||||
transform: scale(1);
|
||||
}
|
||||
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
|
||||
transform: scale(0.66);
|
||||
}
|
||||
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
|
||||
transform: scale(0.33);
|
||||
}
|
||||
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
|
||||
transform: scale(0.66);
|
||||
}
|
||||
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
|
||||
transform: scale(0.33);
|
||||
}
|
||||
.swiper-pagination-bullet {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
display: inline-block;
|
||||
border-radius: 100%;
|
||||
background: #ccc;
|
||||
opacity: 0.2;
|
||||
}
|
||||
button.swiper-pagination-bullet {
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
.swiper-pagination-clickable .swiper-pagination-bullet {
|
||||
cursor: pointer;
|
||||
}
|
||||
.swiper-pagination-bullet-active {
|
||||
opacity: 1;
|
||||
background: #26bcb7;
|
||||
}
|
||||
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
|
||||
margin: 0 4px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user