body{background: #eef2f7;}
.article-page {display: flex;justify-content: space-between;align-items: flex-start;padding: 46px 0 30px;}
/*  */
.article-show{width: 709px;border-radius: 14px;background: #fff;box-shadow: 0 0 12px rgba(225,225,225,0.3);padding: 30px 30px 45px 21px;}
.article-show .article-noNull{display: none;}
.article-show .article-isNull{display: none;}
.article-show .article-noNull.active{display: block;}
.article-show .article-isNull.active{display: block;}
/*  */
.article-show .sign-list{display: flex;justify-content: flex-start;align-items: center;margin-bottom: 27px;}
.article-show .sign-list .confirm-text{font-size: 16px;color: #333;padding: 0 24px 0 3px;}
.article-show .sign-list .confirm-button{height: 26px;border: 1px solid #ffa71a;font-size: 16px;color:#ffa71a;border-radius: 3px;padding: 0 10px;display: flex;justify-content: center;align-items: center;margin-right: 18px;cursor: pointer;}
.article-show .sign-list .confirm-button.active{background: #ffa71a;color: #fff;}
/*  */
.article-show .article-slide-content {margin-bottom: 36px;}
.article-show .article-slide-item{padding: 28px 0 28px;border-bottom: 1px solid #e6e6e6;display: block;}
.article-show .article-slide-item-flex {position: relative;display: flex;justify-content: flex-start;align-items: center;margin-bottom: 16px;padding-left: 58px;}
.article-show .article-slide-item.new .article-slide-item-flex::before {content: 'new';width: 44px;height: 22px;border-radius: 6px;background: #ff6c00;font-size: 14px;color: #fff;display: flex;justify-content: center;align-items: center;position: absolute;left: -0px;top: calc((100% - 26px) / 2);}
.article-show .article-item-title {font-size: 16px;color: #333;width: 500px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: bold;}
.article-show .article-item-time {font-size: 12px;color: #333;position: absolute;right: 0;top: 8px;}
.article-show .article-item-text {font-size: 14px;line-height: 25px;color: #333;text-indent: 2em;padding-left: 58px;margin-bottom: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.article-show .article-item-label {display: flex;justify-content: flex-start;align-items: center;padding-left: 58px;}
.article-show .article-item-label-li {font-size: 12px;color: #0fa784;border-radius: 15px;border: 1px solid #0fa784;margin-right: 12px;height: 26px;padding: 0 8px;display: flex;justify-content: center;align-items: center;}
.article-show .article-slide-item:hover .article-item-title {color: #0fa788;}
.article-show .article-slide-item:hover .article-item-text {color: #0fa788;}

/*  */
.article-show .article-tab-page{display: flex;justify-content: center;align-items: center;width: 100%;font-size: 12px;}
.article-show .article-tab-page-list{display: flex;justify-content: flex-start;}
.article-show .article-tab-page-li{cursor: pointer; border-radius: 4px;margin: 0 3px; border: 1px solid #666666;height: 29px;padding: 0 11px;display: flex;justify-content: center;align-items: center;}
.article-show .article-tab-page-li.none{padding: 0;border: none;cursor: initial;}
.article-show .article-tab-page-li.active{border: 1px solid #0fa784;background: #0fa784;color: #fff;}
.article-show .article-tab-page-prev{cursor: pointer; border-radius: 4px;margin: 0 3px; border: 1px solid #666666;height: 29px;padding: 0 5px 0 8px;display: flex;justify-content: center;align-items: center;}
.article-show .article-span{padding: 0 3px;}
.article-show .article-tab-page-foor{width: 41px; border-radius: 4px;margin: 0 3px; border: 1px solid #666666;height: 29px;padding: 0 11px;display: flex;justify-content: center;align-items: center;}
.article-show .article-page-go{cursor: pointer; border-radius: 4px;margin: 0 6px 0 3px; height: 29px;width: 29px;background: #0fa784;font-size: 12px;color: #fff;  display: flex;justify-content: center;align-items: center;}
.article-show input:focus {outline: none;box-shadow: none;}
/*  */
.article-show .article-isNull .article-isNull-img{display: block;margin:110px auto 20px;}
.article-show .article-isNull .article-isNull-font{font-size: 16px;color: #333;text-align: center;margin-bottom: 9px;}
.article-show .article-isNull .article-isNull-text{font-size: 14px;color: #666;text-align: center;}
/*  */
.welcome-inquire{width: 280px;}
.welcome-inquire .foor-item{box-shadow: 0 0 12px rgba(225,225,225,0.3);position: relative;margin-bottom: 16px;}

.welcome-inquire .foor-first{width: 280px;height: 185px;background: url('../images/foor1.png') no-repeat;border-radius: 14px;padding: 30px 0 0;}
.welcome-inquire .foor-first h2{font-size: 18px;color: #fff;font-weight: bold;text-shadow: 0 0 7px rgba(225,132,33,0.5);text-align: center;}
.welcome-inquire .foor-first-relative{padding: 25px 0 0 22px;}
.welcome-inquire .foor-first-button{width: 116px;height: 26px;border-radius: 13px;border: 1px solid #fff;font-size: 14px;color: #fff;display: flex;justify-content: center;align-items: center;margin-bottom: 8px;box-shadow: 0 0 7px rgba(225,132,33,0.5);}
.welcome-inquire .foor-first-button.active{background: #fff;color: #ff8718;}
.welcome-inquire .business-hours{font-size: 12px;color: #fff;text-shadow: 0 0 7px rgba(225,132,33,0.5);margin-top: 14px;}

.welcome-inquire .foor-second{width: 100%;height: 358px;background: #fff;border-radius: 14px;padding: 30px 20px 0;}
.welcome-inquire .foor-item-title{font-size: 18px;color: #333;display: flex;justify-content: flex-start;align-items: center;margin-bottom: 20px;}
.welcome-inquire .foor-item-title::before{content: '';width: 4px;height: 16px;background: #0fa784;margin-right: 10px;}
.welcome-inquire .foor-second-show-list{width: 240px;height: 120px;border-radius: 12px;overflow: hidden;position: relative;margin-bottom: 16px;display: block;}
.welcome-inquire .foor-second-images{width: 100%;height: auto;transition: 0.3s;}
.welcome-inquire .foor-second-images-relative{font-size: 16px;color: #fff;position: absolute;left: 0;bottom: 10px;padding: 0 18px 0;}
.welcome-inquire .white-space{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.welcome-inquire .foor-second-artice-raw {display: flex;justify-content: flex-start;align-items: center;margin-bottom: 9px;cursor: pointer;}
.welcome-inquire .foor-second-artice-raw .label {width: 62px;height: 18px;border-radius: 4px;font-size: 12px;color: #0fa788;margin-right: 10px;border: 1px solid #0fa788;display: flex;justify-content: center;align-items: center;}
.welcome-inquire .foor-second-artice-raw .foor-second-flex {font-size: 14px;color: #333;flex: 1;}
.welcome-inquire .foor-second-artice-raw:hover .foor-second-flex{color: #0fa788;}
.welcome-inquire .foor-second-show-list:hover .foor-second-images{transform: scale(1.05);}