.layui-carousel-ind ul {
 background:none;
 padding:0
}
.layui-carousel-ind ul:hover {
 background:none
}
.left .layui-carousel-ind ul {
 padding-top:15px
}
.layui-carousel-ind li {
 width:28px;
 height:10px;
 margin:0;
 background:none !important;
 border-radius:0;
 position:relative
}
.layui-carousel-ind li:before {
 content:'';
 width:20px;
 height:2px;
 background:var(--whiteColor);
 position:absolute;
 top:4px;
 left:4px;
 transition:all .3s;
 -webkit-transition:all .3s
}
.layui-carousel-ind li.layui-this {
 background:none !important
}
.layui-carousel-ind li.layui-this:before {
 background:var(--domColor)
}
.layui-carousel .layui-carousel-ind li {
 background:var(--whiteColor)
}
.layui-carousel .title-img .title h6 a:hover,
.title-list li:hover .title h6 a {
 color:var(--domColor)
}
.page-banner {
 height:450px
}
.page-banner-bg {
 background-size:1920px 450px
}
.page-banner-main .text1 {
 height:26px;
 line-height:26px;
 font-weight:300;
 font-size:16px;
 color:var(--whiteColor)
}
.page-banner-main .text1 span {
 font-size:16px;
 padding:0 8px
}
.page-banner-main h1,
.page-banner-main h2 {
 line-height:51px;
 font-weight:bold;
 font-size:30px;
 color:var(--whiteColor);
 margin-top:15px
}
.page-banner-main p {
 margin-top:0;
 font-size:18px;
 letter-spacing:1px
}
.page-banner .btn-title {
 margin-top:36px;
 height:38px;
 text-align:left;
 font-size:0
}
.page-banner .btn-title a {
 display:inline-block;
 margin-right:20px;
 width:150px;
 height:38px;
 line-height:38px;
 font-size:14px;
 text-align:center;
 color:var(--whiteColor);
 background-image:linear-gradient(90deg,#01adff 0,var(--domColor) 100%);
 background-color:var(--domColor);
 position:relative;
 cursor:pointer
}
.news-show .page-banner .btn-title.btn-title1 a {
 background-color:#06a9ff;
 background-image:linear-gradient(-90deg,#06a9ff 0,#4355ff 100%)
}
.news-show .page-banner .btn-title.btn-title1 a.btn2 {
 color:#0d6eeb;
 border:1px solid transparent;
 background-clip:padding-box,border-box;
 background-origin:padding-box,border-box;
 background-image:linear-gradient(90deg,rgba(255,255,255,.7),rgba(255,255,255,.7)),linear-gradient(0,rgba(11,198,245,.95),rgba(49,117,255,.95));
 background-color:#0bc6f5
}
.news-show .page-banner .btn-title.btn-title1 .btn1:hover {
 background-image:linear-gradient(90deg,#09f 0,#575dfa 100%);
 background-color:#575dfa
}
.news-show .page-banner .btn-title.btn-title1 a.btn2:hover {
 color:#0d6eeb;
 background-image:linear-gradient(90deg,rgba(255,255,255,.9),rgba(255,255,255,.9)),linear-gradient(0,rgba(11,198,245,.95),rgba(49,117,255,.95))
}
.news-banner-abi .ban-title .title1 {
 line-height:44px;
 font-size:0;
 text-align:left;
 color:var(--whiteColor);
 letter-spacing:1px
}
.news-banner-abi .ban-title .title1 strong {
 display:inline-block;
 vertical-align:middle;
 font-size:28px;
 color:var(--whiteColor);
 position:relative;
 font-weight:normal
}
.news-banner-abi .ban-title .title1 a {
 display:inline-block;
 margin-left:5px;
 width:127px;
 height:23px;
 background-image:url(../../static/images/veryxiao/product/abi/icon-text.svg);
 background-position:center;
 background-size:cover;
 background-repeat:no-repeat;
 vertical-align:middle
}
.news-banner-abi .ban-title .title2 {
 margin-top:0;
 line-height:32px;
 font-size:20px;
 font-weight:300;
 color:rgba(255,255,255,.9);
 letter-spacing:1.5px
}
.news-banner-abi .ban-title .title3 {
 margin:14px 0;
 max-width:54%;
 line-height:34px;
 font-size:14px;
 color:var(--whiteColor);
 font-weight:300;
 letter-spacing:1px
}
.news-banner-abi .ban-title .title4 .btn2 {
 color:var(--whiteColor);
 border:1px solid #0bc6f5;
 background:rgba(0,0,0,0);
 box-shadow:0 2px 7px rgba(44,148,254,.13)
}
.news-banner-abi .ban-title .title4 a.btn2:hover {
 color:#0bc6f5 !important
}
.news-banner-ruizhi .ban-title,
.news-banner-abi .ban-title {
 padding-top:35px
}
.news-banner-ruizhi .ban-title .title1 {
 line-height:38px;
 font-size:26px;
 color:#24293a
}
.news-banner-ruizhi .ban-title .title2 {
 margin-top:0;
 line-height:54px;
 font-size:36px;
 font-weight:bold;
 color:#24293a
}
.news-banner-ruizhi .ban-title .title3 {
 line-height:35px;
 font-size:16px;
 color:#24293a
}
.news-banner-ruizhi .ban-title .title4,
.news-banner-abi .ban-title .title4 {
 margin-left:-10px;
 text-align:left;
 font-size:0
}
.news-banner-ruizhi .ban-title .title4 a,
.news-banner-abi .ban-title .title4 a {
 display:inline-block;
 margin:20px 10px;
 width:124px;
 height:36px;
 line-height:36px;
 font-size:14px;
 text-align:center;
 color:#24293a;
 border:1px solid #9eb8ca;
 border-radius:2px;
 cursor:pointer;
 vertical-align:top
}
.news-banner-ruizhi .ban-title .title4 a.btn1,
.news-banner-abi .ban-title .title4 a.btn1 {
 color:var(--whiteColor);
 border:1px solid transparent;
 background-clip:padding-box,border-box;
 background-origin:padding-box,border-box;
 background-image:linear-gradient(90deg,#1974e0,#01d5ec),linear-gradient(90deg,#1974e0,#01d5ec);
 background-color:#02d2eb
}
.news-banner-ruizhi .ban-title .title4 a.btn-video i,
.news-banner-abi .ban-title .title4 a.btn-video i {
 display:inline-block;
 margin-left:6px;
 width:23px;
 height:23px;
 background-image:url(../../static/images/veryxiao/news/icon-common.png);
 background-position:-238px 0;
 background-repeat:no-repeat;
 vertical-align:middle;
 position:relative;
 top:-1px
}
.news-banner-ruizhi .ban-title .title4 a.btn2:hover,
.news-banner-abi .ban-title .title4 a.btn2:hover {
 color:#1974e0;
 background-image:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,0));
 border:1px solid;
 border-image:linear-gradient(90deg,#1974e0 0,#01d5ec 100%);
 border-image-slice:1
}
.news-banner-ruizhi .ban-title .title4 a.btn1:hover,
.news-banner-abi .ban-title .title4 a.btn1:hover {
 background-image:linear-gradient(90deg,#0d58b0,#1cf2ff),linear-gradient(90deg,#0d58b0,#1cf2ff);
 background-color:#1974e0;
 box-shadow:0 2px 7px rgba(0,189,243,.39)
}
.page-banner.news-banner-shintron .page-banner-bg {
 background-image:url(../../static/images/veryxiao/news/ban_newD.jpg)
}
.page-banner.news-banner-shintron .ban-title .title1 {
 line-height:34px;
 font-size:24px;
 font-weight:300;
 letter-spacing:1.5px
}
.page-banner.news-banner-shintron .ban-title .title2 {
 line-height:51px;
 letter-spacing:1.5px;
 font-size:30px;
 color:#fff;
 font-weight:bold
}
.page-banner.news-banner-share .ban-title {
 padding-top:35px;
 letter-spacing:1.5px
}
.page-banner.news-banner-share .ban-title .title1 {
 font-size:18px;
 height:26px;
 line-height:26px;
 font-weight:300
}
.page-banner.news-banner-share .ban-title .title2 {
 line-height:43px
}
.page-banner.news-banner-share .ban-title .title3 {
 letter-spacing:1.5px;
 font-size:14px;
 line-height:26px;
 margin-top:11px
}
.list-news .main {
 padding:30px 0;
 height:auto;
 overflow:hidden
}
.list-news .left {
 float:left;
 width:calc(100% - 342px);
 height:auto;
 overflow:hidden
}
.list-news .left .layui-carousel .title-img a {
 display:block;
 width:100%;
 overflow:hidden;
 background-color:#f7f8fc
}
.list-news .layui-carousel .title-img .img img {
 width:100%;
 height:100%;
 object-fit:cover
}
.list-news .left .layui-carousel .title-img .title {
 text-align:left;
 height:auto;
 overflow:hidden
}
.list-news .layui-carousel .title-img .title h6 {
 height:auto;
 overflow:hidden
}
.list-news .layui-carousel .title-img .title h6 a {
 max-height:56px;
 overflow:hidden;
 line-height:28px;
 font-size:20px;
 color:#333;
 font-weight:bold;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2
}
.list-news .layui-carousel .title-img .title p {
 max-height:78px;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:3;
 line-height:26px;
 font-size:14px;
 color:#666;
 letter-spacing:.5px;
 margin-top:16px
}
.list-news .layui-carousel .title-img .title p span,
.title-list li .title p span {
 display:inline-block;
 padding-left:5px;
 color:var(--domColor);
 font-size:14px
}
.list-news .left .layui-carousel .layui-carousel-ind {
 height:40px;
 top:-40px
}
.list-news .layui-carousel .title-img a:hover p:hover span,
.title-list li:hover .title p a span {
 text-decoration:underline
}
.title-list {
 /*! padding-top:0px; */height:auto;
 overflow:hidden
}
.title-list li {
 margin-bottom:7px;
 padding:21px 24px 25px 0;
 width:100%;
 height:auto;
 background-color:var(--whiteColor);
 overflow:hidden;
 position:relative
}
.title-list li .img {
 height:128px;
 overflow:hidden;
 border:1px solid #e5e8ed
}
.title-list li .img img {
 width:100%;
 height:100%;
 object-fit:cover
}
.title-list li .title {
 padding:0 30px;
 height:auto;
 text-align:left;
 overflow:hidden
}
.title-list li .title h6 {
 height:28px;
 line-height:28px;
 font-size:20px;
 font-weight:bold;
 color:#333;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis
}
.title-list li .title p {
 display:-webkit-box;
 margin-top:10px;
 max-height:52px;
 line-height:26px;
 font-size:14px;
 text-overflow:ellipsis;
 color:#666;
 letter-spacing:.5px;
 overflow:hidden;
 position:relative;
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical
}
.title-list li .title .text1 {
 height:26px;
 line-height:26px;
 font-size:14px;
 color:#999;
 margin-top:11px
}
.title-list li .title .text1 span {
 margin-left:15px
}
.title-list li .title h6 a {
 display:inline-block;
 max-width:100%;
 height:28px;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis
}
.title-list li .title .text1 a {
 display:inline-block;
 line-height:26px;
 font-size:14px;
 color:var(--domColor)
}
.title-list li .title p a {
 display:inline-block;
 line-height:25px;
 font-size:14px;
 color:#666
}
.title-list li:hover {
 background-color:#f7f8fc
}
.layui-laypage-esen-news {
 margin:36px 0;
 text-align:left
}
.layui-laypage-esen-news a,
.layui-laypage-esen-news span {
 display:inline-block;
 margin:0 6px;
 padding:3px;
 min-width:28px;
 font-size:12px;
 border-radius:0;
 text-align:center;
 color:#333;
 border:1px solid #dae1e9;
 position:relative
}
.layui-laypage-esen-news>a:first-child,
.layui-laypage-esen-news>a:first-child em,
.layui-laypage-esen-news>a:last-child,
.layui-laypage-esen-news>a:last-child em,
.layui-laypage-esen-news .layui-laypage-em {
 border-radius:0
}
.layui-laypage-esen-news .current,
.layui-laypage-esen-news a:hover {
 background-color:var(--domColor);
 color:var(--whiteColor);
 border-color:var(--domColor)
}
.layui-laypage-esen-news>:first-child,
.layui-laypage-esen-news>:last-child {
 text-indent:-9999px
}
.layui-laypage-esen-news>:first-child:before,
.layui-laypage-esen-news>:last-child:before {
 content:'';
 width:6px;
 height:6px;
 border-right:1px solid #555;
 border-top:1px solid #555;
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%) rotate(45deg);
 -webkit-transform:translate(-50%,-50%) rotate(45deg)
}
.layui-laypage-esen-news>:first-child:before {
 transform:translate(-50%,-50%) rotate(225deg);
 -webkit-transform:translate(-50%,-50%) rotate(225deg)
}
.layui-laypage-esen-news>a:hover:first-child:before,
.layui-laypage-esen-news>a:hover:last-child:before {
 border-color:var(--whiteColor)
}
.layui-laypage-esen-news .layui-laypage-curr .layui-laypage-em {
 background-color:var(--domColor)
}
.layui-laypage-esen-news .layui-disabled {
 opacity:.5
}
.layui-laypage-esen-news .layui-laypage-spr {
 margin:0;
 border:0
}
.bottom-recommend .title1 {
 height:56px;
 line-height:55px;
 font-size:17px;
 color:#1c1d1e;
 position:relative;
 margin-bottom:27px
}
.bottom-recommend .title1:before,
.bottom-recommend .title1 span:before {
 content:'';
 position:absolute;
 left:0;
 bottom:0;
 width:100%;
 height:1px;
 background:#e5e8ed
}
.bottom-recommend .title1 span {
 display:block;
 float:left;
 height:56px;
 line-height:55px;
 font-size:17px;
 color:#1c1d1e;
 letter-spacing:.5px;
 position:relative
}
.bottom-recommend .title1 span:before {
 background:var(--domColor)
}
.show-news-theme {
 height:auto;
 overflow:hidden
}
.show-news-theme a {
 display:block;
 float:left;
 width:auto;
 height:36px;
 line-height:36px;
 text-align:center;
 font-size:16px;
 color:var(--domColor);
 padding:0 20px;
 border:1px solid var(--domColor);
 border-radius:5px;
 margin:0 15px 15px 0
}
.show-news-theme a:hover {
 color:var(--whiteColor);
 border-color:var(--domColor);
 background-color:var(--domColor)
}
.list-news .right {
 float:none;
 margin-left:calc(100% - 295px);
 height:auto;
 overflow:hidden
}
.btn-posting {
 display:block;
 width:100%;
 height:48px;
 line-height:48px;
 text-align:center;
 font-size:20px;
 color:#fff;
 background-image:linear-gradient(90deg,#07a8ff 5%,#596efb 100%);
 background-color:#596efb;
 border-radius:3px;
 position:relative;
 margin-bottom:25px
}
.btn-posting:before {
 content:'';
 display:inline-block;
 vertical-align:middle;
 width:22px;
 height:22px;
 background-image:url(../../static/images/veryxiao/news/icon-common.png);
 background-position:-209px -1px;
 background-repeat:no-repeat;
 margin-right:8px;
 position:relative;
 top:-3px
}
.btn-posting:hover {
 color:#fff;
 background-image:linear-gradient(90deg,#09f 0,#575dfa 100%);
 background-color:#5064e6
}
.right-title1 {
 width:100%;
 height:auto;
 overflow:hidden;
 margin-bottom:35px
}
.right-title1 a {
 display:block;
 width:100%;
 height:100%
}
.right-title1 img {
 width:100%;
 height:auto
}
.right-title {
 background-color:var(--whiteColor);
 border:1px solid #dce2e8;
 margin-bottom:35px
}
.right-title .top {
 height:45px;
 line-height:45px;
 padding:0 39px;
 color:#333;
 font-size:16px;
 position:relative
}
.right-title .top:before {
 content:'';
 position:absolute;
 left:26px;
 top:16px;
 width:3px;
 height:15px;
 background:var(--domColor)
}
.right-title .bottom {
 border-top:1px solid #dce2e8;
 height:auto;
 overflow:hidden
}
.right-title2 .bottom {
 padding:19px 26px 6px
}
.right-title2 .bottom h6 {
 line-height:22px;
 font-size:14px;
 color:#333
}
.right-title2 .bottom p {
 line-height:20px;
 font-size:14px;
 color:#666;
 border-bottom:1px dashed #dce2e8;
 padding-bottom:11px;
 margin:4px 0 11px
}
.right-title2 .bottom p:last-child {
 border-bottom:0
}
.right-title3 .bottom,
.right-title4 .bottom {
 padding:13px 14px
}
.right-title3 .bottom dl a,
.right-title4 .bottom dl a {
 display:block;
 padding:12px 2px 12px 12px;
 height:auto;
 overflow:hidden
}
.right-title3 .bottom dl dt {
 width:42px;
 height:42px;
 float:left;
 background-image:linear-gradient(-45deg,var(--domColor) 0,#77cbff 100%);
 background-color:var(--domColor);
 position:relative
}
.right-title3 .bottom dl dt:before {
 content:'';
 margin:-24px 0 0 -24px;
 width:48px;
 height:48px;
 background-image:url(../../static/images/veryxiao/common/icon-pro.png);
 background-repeat:no-repeat;
 position:absolute;
 top:50%;
 left:50%;
 transform:scale(.75);
 -webkit-transform:scale(.75)
}
.right-title3 .bottom dl .icon-plan:before {
 margin:-13px 0 0 -13px;
 width:26px;
 height:26px;
 background-image:url(../../static/images/veryxiao/news/icon-common.png);
 background-position:0 0;
 top:50%;
 left:50%;
 transform:scale(1);
 -webkit-transform:scale(1)
}
.right-title3 .bottom dl .icon-plan1:before {
 transform:scale(.88);
 -webkit-transform:scale(.88)
}
.right-title3 .bottom dl .icon-plan2:before {
 background-position:-26px 0
}
.right-title3 .bottom dl .icon-plan3:before {
 background-position:-52px 0
}
.right-title3 .bottom dl .icon-plan4:before {
 background-position:-78px 0
}
.right-title3 .bottom dl .icon-plan5:before {
 background-position:-104px 0
}
.right-title3 .bottom dl .icon-plan6:before {
 background-position:-130px 0
}
.right-title3 .bottom dl .icon-plan7:before {
 background-position:-156px 0
}
.right-title3 .bottom dl .icon-plan8:before {
 background-position:-182px 0
}
.right-title3 .bottom dl dd {
 margin-left:54px;
 height:42px;
 line-height:42px;
 text-align:left;
 font-size:15px;
 color:#333
}
.right-title3 .bottom dl dd h6 {
 height:19px;
 overflow:hidden;
 line-height:19px;
 font-size:16px;
 color:#333
}
.right-title3 .bottom dl dd p {
 height:19px;
 overflow:hidden;
 line-height:19px;
 font-size:14px;
 color:#666;
 margin-top:4px
}
.right-title3 .bottom dl a:hover,
.right-title4 .bottom dl a:hover {
 background-color:#f7f8fc
}
.right-title3 .bottom dl a:hover dd h6,
.right-title3 .bottom dl a:hover dd p,
.right-title4 .bottom dl a:hover dd h6 {
 color:var(--domColor)
}
.right-title4 .bottom dl dt {
 width:72px;
 height:66px;
 overflow:hidden;
 position:relative;
 float:left
}
.right-title4 .bottom dl dt img {
 width:100%;
 height:100%;
 object-fit:cover
}
.right-title4 .bottom dl dd {
 margin-left:86px;
 height:66px;
 text-align:left
}
.right-title4 .bottom dl dd h6 {
 max-height:40px;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2;
 line-height:20px;
 font-size:14px;
 color:#333
}
.right-title4 .bottom dl dd p {
 height:20px;
 overflow:hidden;
 line-height:20px;
 font-size:14px;
 color:gray;
 margin-top:6px
}
.right-title5 .bottom {
 padding:20px 26px 5px
}
.right-title5 .bottom p {
 display:block;
 max-height:44px;
 overflow:hidden;
 padding-left:16px;
 line-height:22px;
 font-size:14px;
 color:#666;
 position:relative;
 margin-bottom:16px
}
.right-title5 .bottom p:before {
 content:'';
 position:absolute;
 left:0;
 top:9px;
 width:5px;
 height:5px;
 background:var(--domColor);
 border-radius:50%
}
.right-title5 .bottom p a {
 line-height:22px;
 font-size:14px;
 color:#666
}
.right-title8 .top {
 padding-right:15px
}
.right-title8 .bottom {
 padding:25px 0 15px
}
.right-title8 .bottom dl {
 padding:12px 15px 15px;
 border-radius:5px;
 background-color:#fff;
 box-shadow:4px 4px 10px 0 rgba(55,99,170,.1),-8px 0 22px 0 rgba(255,255,255,.25);
 position:relative;
 margin:0 26px 15px
}
.right-title8 .bottom dl dt {
 position:absolute;
 left:-5px;
 top:16px;
 width:80px;
 height:80px;
 background-image:url(../../static/images/veryxiao/DCMM/icon_sprites1.png);
 background-position:-210px -10px;
 background-repeat:no-repeat;
 transform:scale(.5);
 transform-origin:center top
}
.right-title8 .bottom dl dt.icon1 {
 height:82px;
 background-position:-110px -10px
}
.right-title8 .bottom dl dt.icon2 {
 background-position:-210px -10px
}
.right-title8 .bottom dl dt.icon3 {
 background-position:-10px -113px
}
.right-title8 .bottom dl dt.icon4 {
 height:83px;
 background-position:-10px -10px
}
.right-title8 .bottom dl dt.icon5 {
 background-position:-110px -113px
}
.right-title8 .bottom dl dd {
 padding-left:50px;
 height:auto;
 overflow:hidden
}
.right-title8 .bottom dl dd h6 {
 line-height:24px;
 font-size:15px;
 color:#333
}
.right-title8 .bottom dl dd p {
 line-height:20px;
 font-size:14px;
 color:#666
}
.right .recommend {
 height:auto;
 overflow:hidden;
 letter-spacing:.5px;
 margin-bottom:22px
}
.right .recommend .tit-top {
 height:46px;
 line-height:46px;
 text-align:left;
 font-size:16px;
 color:var(--whiteColor);
 padding:0 25px;
 background-image:url(../../static/images/veryxiao/case/tit-bg.jpg);
 background-size:cover;
 background-position:center;
 background-repeat:no-repeat
}
.right .recommend .tit-top a {
 display:block;
 float:right;
 font-size:14px;
 color:var(--whiteColor);
 padding-right:13px;
 position:relative
}
.right .recommend .tit-top a:before {
 content:'';
 margin-top:-3px;
 width:6px;
 height:6px;
 border-right:1px solid var(--whiteColor);
 border-bottom:1px solid var(--whiteColor);
 position:absolute;
 top:50%;
 right:0;
 transform:rotate(315deg);
 -webkit-transform:rotate(315deg)
}
.right .recommend .title-bottom {
 background:#f9faff;
 border:1px solid #c2c6e2;
 border-top:0;
 height:auto;
 overflow:hidden;
 text-align:left;
 padding:25px 20px 20px
}
.right .recommend .title-bottom p {
 height:auto;
 overflow:hidden;
 position:relative;
 padding-left:18px;
 line-height:24px;
 font-size:14px;
 color:#333;
 margin-bottom:8px
}
.right .recommend .title-bottom p:before {
 content:'';
 position:absolute;
 left:0;
 top:10px;
 width:5px;
 height:5px;
 background-color:var(--domColor);
 border-radius:50%
}
.right .recommend .title-bottom p a {
 line-height:24px;
 font-size:14px;
 color:#333
}
.right-title .layui-carousel .title-img a img {
 width:100%;
 height:100%;
 object-fit:cover;
 position:absolute;
 top:50%;
 left:0;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%)
}
.recommend2 .layui-carousel {
 width:240px !important;
 height:114px !important;
 padding-bottom:22px;
 margin:0 auto
}
.recommend2 .layui-carousel .img a {
 display:block;
 width:100%;
 height:100%;
 position:relative
}
.recommend2 .layui-carousel .img p {
 position:absolute;
 left:0;
 bottom:0;
 margin:0;
 width:calc(100% - 30px);
 height:35px;
 border-radius:0 0 2px 2px;
 background:rgba(80,106,255,.64);
 padding:0 15px;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis;
 line-height:35px;
 font-size:14px;
 color:var(--whiteColor)
}
.recommend2 .layui-carousel .layui-carousel-ind {
 top:13px;
 width:100%
}
.recommend2 .layui-carousel .layui-carousel-ind li {
 background:rgba(84,92,255,.43)
}
.recommend3 a {
 display:block;
 height:26px;
 padding:10px 10px;
 text-align:center;
 font-size:16px;
 color:var(--whiteColor);
 font-weight:bold;
 line-height:26px;
 letter-spacing:1px;
 border-radius:2px;
 position:relative;
 background-image:url(../../static/images/veryxiao/case/tit-bg2.jpg);
 background-size:cover;
 background-position:center;
 background-repeat:no-repeat;
 cursor:pointer
}
.newsLb.newsLb0 {
 width:calc(100% - 2px);
 height:auto;
 border:1px solid #dce2e8;
 margin:35px 0
}
.newsLb.newsLb0 .tit {
 height:45px;
 line-height:45px;
 padding:0 39px;
 color:#333;
 font-size:16px;
 position:relative
}
.newsLb.newsLb0 .newscp {
 padding:13px 14px;
 border-top:1px solid #dce2e8
}
.newsLb.newsLb0 .newscp dl {
 height:auto;
 overflow:hidden
}
.newsLb.newsLb0 .newscp dl a {
 display:block;
 padding:12px;
 height:auto;
 overflow:hidden
}
.newsLb.newsLb0 .newscp dl dt {
 width:42px;
 height:42px;
 float:left;
 background:linear-gradient(-45deg,#596efb 0,#77cbff 100%);
 background-color:#596efb;
 position:relative
}
.newsLb.newsLb0 .newscp dl dt {
 width:42px;
 height:42px;
 float:left;
 background:linear-gradient(-45deg,#596efb 0,#77cbff 100%);
 background-color:#596efb;
 position:relative
}
.newsLb.newsLb0 .newscp dl dt:before {
 content:'';
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 background-image:url(../../static/images/veryxiao/news/newstb1.png);
 background-position:0 0;
 background-repeat:no-repeat;
 -ms-transform:scale(.75);
 -o-transform:scale(.75);
 -moz-transform:scale(.75);
 -webkit-transform:scale(.75);
 transform:scale(.75)
}
.newsLb.newsLb0 .newscp dl:nth-child(2) .tb:before {
 background-position:-42px 0
}
.newsLb.newsLb0 .newscp dl:nth-child(3) .tb:before {
 background-position:-84px 0
}
.newsLb.newsLb0 .newscp dl:nth-child(4) .tb:before {
 background-position:-126px 0
}
.newsLb.newsLb0 .newscp dl:nth-child(1) .tbkpa:before {
 background-position:0 -42px
}
.newsLb.newsLb0 .newscp dl:nth-child(2) .tbkpb:before {
 background-position:-42px -42px
}
.newsLb.newsLb0 .newscp dl:nth-child(1) .tbrza:before {
 background-position:-84px -42px
}
.newsLb.newsLb0 .newscp dl:nth-child(2) .tbrzb:before {
 background-position:-126px -42px
}
.newsLb.newsLb0 .newscp dl dd {
 width:calc(100% - 54px);
 height:42px;
 line-height:42px;
 font-size:16px;
 color:#333;
 float:right;
 text-align:left
}
.newsLb.newsLb0 .newscp dl a:hover {
 background:#f7f8fc
}
.right-title5 .bottom p a:hover {
 border-bottom:1px solid var(--domColor)
}
.right .recommend .title-bottom p a:hover {
 border-bottom:1px solid var(--domColor);
 color:var(--domColor)
}
.news-show .page-banner-main h2 {
 margin-top:0
}
.news-show .page-banner-main p {
 font-size:14px;
 color:#d8dfeb;
 margin-top:6px
}
.news-show .page-banner .btn-title a {
 background-image:linear-gradient(90deg,#dcaf66 0,#75361c 100%);
 background-color:#dcaf66;
 letter-spacing:1.5px
}
.news-show .page-banner .btn-title a:last-child {
 height:36px;
 line-height:36px;
 background:none;
 border:1px solid rgba(235,235,235,.85)
}
.news-show .page-banner .btn-title a:hover {
 background-image:linear-gradient(90deg,#cf9b47 0,#702b0e 100%);
 background-color:#702b0e
}
.news-show .page-banner .btn-title a:last-child:hover {
 background:none;
 border:1px solid rgba(235,235,235,1)
}
.news-show .list-news .main {
 padding-top:35px
}
.details-tit {
 padding-bottom:17px;
 height:auto;
 overflow:hidden;
 border-bottom:1px solid #dae1e9;
 margin-bottom:20px
}
.details-tit h1 {
 line-height:44px;
 font-size:30px;
 color:#333;
 font-weight:bold
}
.details-tit p {
 line-height:22px;
 font-size:14px;
 color:gray;
 letter-spacing:.5px;
 margin-top:5px
}
.details-tit p span {
 margin:0 15px
}
.details-title {
 line-height:30px;
 letter-spacing:.5px;
 font-size:14px;
 color:#666
}
.details-title b,
.details-title strong {
 color:#333
}
.details-title img {
 max-width:100%;
 height:auto;
 margin:30px 0
}
.details-title a {
 color:var(--domColor)
}
.details-title a:hover {
 text-decoration:underline
}
.details-title .tishi {
 font-size:12px;
 color:#666;
 line-height:24px;
 text-indent:-6px;
 margin-top:20px
}
.yixin-say {
 padding:48px 35px 25px 29px;
 border:1px solid #ecf0f4;
 position:relative;
 margin:38px 0 20px
}
.yixin-say:before {
 content:'';
 position:absolute;
 left:27px;
 top:-8px;
 width:90px;
 height:16px;
 background-image:url(../../static/images/veryxiao/news/icon-common.png);
 background-color:#fff;
 background-position:-1px -27px;
 background-repeat:no-repeat
}
.yixin-say .title {
 line-height:24px;
 text-align:left;
 font-size:14px;
 color:#596efb;
 padding-left:27px;
 position:relative
}
.yixin-say .title:before {
 content:'';
 position:absolute;
 left:0;
 top:1px;
 width:14px;
 height:11px;
 background-image:url(../../static/images/veryxiao/news/icon-common.png);
 background-position:-101px -27px;
 background-repeat:no-repeat
}
.yixin-say .title p {
 position:relative;
 font-size:14px;
 color:#596efb;
 line-height:24px
}
.yixin-say .title p:after {
 content:'';
 display:inline-block;
 width:14px;
 height:11px;
 background-image:url(../../static/images/veryxiao/news/icon-common.png);
 background-position:-101px -27px;
 background-repeat:no-repeat;
 vertical-align:middle;
 position:relative;
 right:-15px;
 bottom:-5px;
 transform:rotate(180deg);
 -webkit-transform:rotate(180deg)
}
.custom_dash li p,
.custom_dot li p {
 line-height:30px;
 padding-left:22px;
 position:relative;
 margin:0
}
.custom_dash li br,
.custom_dot li br {
 display:none
}
.custom_dash li p:before {
 content:'';
 position:absolute;
 left:0;
 top:14px;
 width:10px;
 height:1px;
 background-color:#adadad
}
.custom_dot li p:before {
 content:'';
 position:absolute;
 left:0;
 top:12px;
 width:4px;
 height:4px;
 border:1px solid #9a9a9a;
 border-radius:50%
}
.yban-news {
 margin-top:30px;
 width:100%;
 height:50px;
 line-height:50px;
 font-size:18px;
 text-align:center;
 letter-spacing:1px;
 color:var(--whiteColor);
 background-image:linear-gradient(90deg,#04abff 0,#4f75fb 100%);
 background-color:#4f75fb;
 border-radius:3px
}
.yban-news a {
 display:inline-block;
 margin:0 5px;
 padding:0 26px 0 19px;
 width:auto;
 height:30px;
 line-height:30px;
 font-size:16px;
 color:var(--domColor);
 background-color:var(--whiteColor);
 border-radius:3px;
 vertical-align:middle;
 position:relative;
 top:-2px;
 transition:all .3s ease-in-out;
 -webkit-transition:all .3s ease-in-out
}
.yban-news a:before {
 content:'';
 margin-top:-4px;
 width:8px;
 height:8px;
 border-right:1px solid var(--domColor);
 border-top:1px solid var(--domColor);
 position:absolute;
 top:50%;
 right:18px;
 transform:rotate(45deg);
 -webkit-transform:rotate(45deg)
}
.yban-news a:hover {
 transform:scale(1.02);
 -webkit-transform:scale(1.02)
}
.u-share {
 padding-top:30px;
 height:100%;
 position:relative;
 z-index:5
}
.u-share .s-title1 {
 width:100%;
 height:30px;
 text-align:center;
 position:relative
}
.u-share .s-title1:before {
 content:'';
 position:absolute;
 left:0;
 top:15px;
 width:100%;
 height:1px;
 background:#dae1e9
}
.u-share .s-title1 span {
 position:relative;
 z-index:2;
 display:inline-block;
 height:30px;
 line-height:30px;
 font-size:14px;
 color:#979696;
 padding:0 12px;
 background:var(--whiteColor);
 margin:0 auto
}
.s-next {
 padding-top:62px
}
.s-next p {
 line-height:28px;
 font-size:14px;
 color:#333;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis
}
.s-next p:last-child {
 text-align:right
}
.s-next p a:hover {
 color:var(--domColor)
}
.theme {
 padding-top:20px;
 height:auto;
 overflow:hidden
}
.theme .layui-tab {
 margin-top:0
}
.theme .layui-tab-title {
 height:56px;
 line-height:55px;
 font-size:17px;
 color:#1c1d1e;
 position:relative;
 margin-bottom:15px
}
.theme .layui-tab-title:before,
.theme .layui-tab-title li.layui-this:before {
 content:'';
 position:absolute;
 left:0;
 bottom:0;
 width:100%;
 height:1px;
 background:#e5e8ed
}
.theme .layui-tab-title li {
 display:block;
 float:left;
 line-height:55px;
 font-size:17px;
 color:#888;
 letter-spacing:.5px;
 position:relative;
 margin-right:58px
}
.theme .layui-tab-title li.layui-this {
 color:#333
}
.theme .layui-tab-title li.layui-this:before {
 width:100%;
 bottom:-1px;
 background-color:var(--domColor)
}
.theme .bottom {
 height:auto;
 overflow:hidden;
 padding-top:12px
}
.theme .bottom a {
 display:block;
 float:left;
 width:auto;
 height:36px;
 line-height:36px;
 text-align:center;
 font-size:16px;
 color:var(--domColor);
 padding:0 20px;
 border:1px solid var(--domColor);
 border-radius:3px;
 margin:0 15px 15px 0
}
.theme .bottom a:hover {
 color:var(--whiteColor);
 border-color:var(--domColor);
 background-color:var(--domColor)
}
.theme .bottom1 {
 padding-top:15px
}
.theme .bottom1 p {
 width:100%;
 height:40px;
 overflow:hidden;
 background-color:#f7f8fc;
 margin-bottom:16px
}
.theme .bottom1 p b {
 display:block;
 float:left;
 width:24px;
 height:29px;
 text-align:center;
 line-height:26px;
 font-size:16px;
 color:#596efb;
 background-image:url(../../static/images/veryxiao/ask_knowledge/icon.png);
 background-position:-20px 0;
 background-repeat:no-repeat;
 margin:0 16px
}
.theme .bottom1 p a {
 display:block;
 float:left;
 max-width:calc(100% - 64px);
 height:40px;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis;
 line-height:40px;
 color:#333;
 font-size:14px
}
.theme .bottom1 p a:hover {
 color:#596efb
}
.right-title6 {
 border:0
}
.right-title6 .top {
 border:1px solid #dce2e8;
 border-bottom:0
}
.list-news .right-title6 .layui-carousel .layui-carousel-ind {
 width:100%
}
.list-news .right-title6 .layui-carousel .layui-carousel-ind li {
 width:13px;
 height:13px
}
.list-news .right-title6 .layui-carousel .layui-carousel-ind li:before {
 left:4px;
 top:4px;
 width:5px;
 height:5px;
 border-radius:50%
}
.list-news .right-title6 .layui-carousel .layui-carousel-ind li.layui-this {
 background:var(--domColor)
}
.right-title7 .bottom {
 height:auto;
 overflow:hidden;
 padding:14px 24px 19px;
 text-align:left
}
.right-title7 .bottom p {
 height:26px;
 padding-left:35px;
 position:relative;
 margin-bottom:9px
}
.right-title7 .bottom p:before {
 content:'';
 position:absolute;
 top:2px;
 left:0;
 width:22px;
 height:22px;
 background-image:url(../../static/images/veryxiao/news/icon-news1.png);
 background-position:0 0;
 background-repeat:no-repeat
}
.right-title7 .bottom .text2:before {
 background-position:-22px 0
}
.right-title7 .bottom .text3:before {
 background-position:-44px 0
}
.right-title7 .bottom .text4:before {
 background-position:-66px 0
}
.right-title7 .bottom .text5:before {
 background-position:-88px 0
}
.right-title7 .bottom .text6:before {
 background-position:-110px 0
}
.right-title7 .bottom .text7:before {
 background-position:-132px 0
}
.right-title7 .bottom p a {
 line-height:26px;
 letter-spacing:.5px;
 font-size:14px;
 color:#666
}
.right-title7 .bottom p a:hover {
 color:var(--domColor)
}
.right-title7 .bottom .text0 {
 line-height:42px;
 font-size:16px;
 color:#333;
 border-bottom:1px solid #dce2e8;
 margin-bottom:12px
}
.right-title7 .bottom .img {
 position:relative;
 left:-8px;
 max-width:180px;
 height:auto
}
.social-share {
 padding-top:30px;
 text-align:center
}
.social-share .social-share-icon {
 margin:0 15px;
 width:50px;
 height:50px;
 line-height:50px;
 font-size:22px;
 color:#999;
 border-color:#999
}
.social-share .social-share-icon:hover {
 background-color:var(--whiteColor)
}
.social-share .icon-weibo:hover {
 color:#fd6669;
 border-color:#fd6669
}
.social-share .icon-qq:hover {
 color:#4e9be9;
 border-color:#4e9be9
}
.social-share .icon-qzone:hover {
 color:#ff9246;
 border-color:#ff9246
}
.social-share .icon-wechat:hover {
 color:#1ec85d;
 border-color:#1ec85d
}
@media only screen and (min-width:835px) {
 .list-news .left .layui-carousel,
 .list-news .left .layui-carousel .title-img a {
  height:210px
 }
 .list-news .left .layui-carousel .title-img .img {
  float:left;
  width:43%;
  height:210px;
  overflow:hidden
 }
 .list-news .left .layui-carousel .title-img .title {
  margin-left:43%;
  padding:31px 34px 0 34px
 }
 .list-news .left .layui-carousel .layui-carousel-ind {
  width:43%
 }
}
@media screen and (min-width:835px) and (max-width:1519px) {
 .news-show .list-news .main,
 .list-news .left {
  height:100%;
  overflow:initial
 }
 .news-show .list-news .main::after {
  content:"";
  clear:both;
  display:block
 }
}
@media only screen and (max-width:834px) {
 .page-banner {
  height:400px
 }
 .page-banner-bg {
  background-size:auto 400px;
  background-position:74% center
 }
 .page-banner-bg::before {
  content:'';
  width:100%;
  height:100%;
  background:rgba(0,0,0,.28);
  position:absolute;
  top:0;
  left:0
 }
 .page-banner-main {
  height:calc(100% - 53px);
  padding-top:53px
 }
 .page-banner .btn-title {
  text-align:center;
  margin:25px -10px 0
 }
 .page-banner-main h1,
 .page-banner-main h2 {
  font-size:24px;
  line-height:36px
 }
 .page-banner .btn-title a {
  margin-right:0
 }
 .page-banner.news-banner-abi .page-banner-bg {
  background-image:url(../../static/images/veryxiao/news/ban_newA_mobile.jpg)
 }
 .news-banner-abi .ban-title {
  padding-top:20px
 }
 .news-banner-abi .ban-title .title1 {
  text-align:center;
  line-height:36px
 }
 .news-banner-abi .ban-title .title1 strong {
  font-size:23px
 }
 .news-banner-abi .ban-title .title2 {
  font-size:18px;
  line-height:28px
 }
 .news-banner-abi .ban-title .line {
  width:40px;
  height:1px;
  background-color:var(--whiteColor);
  margin:10px auto 0
 }
 .news-banner-abi .ban-title .title3 {
  max-width:100%;
  font-size:14px;
  line-height:24px;
  margin-bottom:8px
 }
 .news-banner-abi .ban-title .title4 {
  text-align:center;
  margin-left:0
 }
 .news-banner-ruizhi .page-banner-bg:before,
 .news-banner-abi .page-banner-bg:before {
  display:none
 }
 .news-banner-ruizhi .page-banner-main {
  padding-top:0;
  height:auto;
  overflow:hidden;
  top:auto;
  bottom:40px
 }
 .news-banner-ruizhi .ban-title {
  padding-top:0
 }
 .news-banner-ruizhi .ban-title .title2 {
  font-size:23px;
  color:var(--whiteColor);
  line-height:36px
 }
 .news-banner-ruizhi .ban-title .title3 {
  font-size:13px;
  color:var(--whiteColor);
  font-weight:300;
  line-height:24px;
  margin:6px auto 0
 }
 .layui-carousel-ind {
  top:-25px
 }
 .list-news .main {
  padding:30px 25px 25px
 }
 .news-show .list-news .main {
  padding:25px 25px 50px
 }
 .list-news .left,
 .list-news .right,
 .list-news .layui-carousel .title-img .img,
 .list-news .layui-carousel .title-img .title {
  float:none;
  width:100%
 }
 .list-news .layui-carousel {
  height:400px !important
 }
 .list-news .layui-carousel .title-img .img {
  height:204px;
  overflow:hidden
 }
 .list-news .layui-carousel .title-img .title {
  width:calc(100% - 40px);
  padding:20px;
  margin:0
 }
 .list-news .layui-carousel .title-img .title h6 a {
  max-height:48px;
  line-height:24px;
  font-size:16px
 }
 .list-news .layui-carousel .title-img .title p {
  margin-top:10px
 }
 .list-news .layui-carousel .layui-carousel-ind li {
  background:#dedede
 }
 .title-list {
  padding-top:25px
 }
 .title-list1 {
  padding-top:0
 }
 .title-list li {
  padding:12px 12px 12px 0
 }
 .title-list li .img {
  height:82px
 }
 .title-list li .title {
  padding:0 0 0 17px
 }
 .title-list li .title h6 {
  height:auto;
  font-size:16px;
  overflow:visible;
  white-space:normal
 }
 .title-list li .title h6 a {
  display:-webkit-box;
  height:auto;
  line-height:24px;
  white-space:normal;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical
 }
 .title-list li .title p {
  margin-top:6px
 }
 #laypage-news {
  text-align:center
 }
 .layui-laypage-esen-news {
  margin:10px 0 20px
 }
 .layui-laypage-esen-news a,
 .layui-laypage span {
  margin:0 3px 10px
 }
 .bottom-recommend .title1 {
  height:46px;
  line-height:45px;
  margin-bottom:20px
 }
 .bottom-recommend .title1 span {
  height:46px;
  line-height:45px
 }
 .show-news-theme a {
  height:32px;
  line-height:32px;
  font-size:14px;
  padding:0 14px;
  margin:0 10px 10px 0
 }
 .list-news .right {
  margin-left:0
 }
 .right-title1,
 .right-title {
  margin-bottom:30px
 }
 .right .recommend1 {
  padding-top:30px
 }
 .list-news .layui-carousel#recommend-plan {
  height:114px !important
 }
 .right-title4 .bottom {
  padding:13px 26px 22px 14px
 }
 .news-show .page-banner .btn-title a {
  width:auto;
  padding:0 10px;
  margin:0 5px
 }
 .news-show .main .right .right-title5 {
  margin-top:30px
 }
 .details-tit h1 {
  line-height:28px;
  font-size:20px
 }
 .details-tit p {
  margin-top:10px
 }
 .details-tit p span {
  margin:0 5px
 }
 .s-next {
  padding-top:32px
 }
 .s-next p:last-child {
  text-align:left
 }
 .theme {
  padding-bottom:25px
 }
 .theme .layui-tab-title {
  display:flex;
  justify-content:space-between
 }
 .theme .layui-tab-title li {
  margin:0;
  font-size:16px
 }
 .theme .layui-tab-title li.layui-this:before {
  bottom:0
 }
 .theme .bottom a {
  float:none;
  display:inline-block;
  width:auto;
  height:auto;
  text-align:left;
  line-height:24px;
  padding:5px 15px;
  margin:0 10px 12px 0
 }
 .list-news .right-title6 .layui-carousel {
  height:260px !important
 }
 .yban-news {
  font-size:15px
 }
}