.main-body{
    background: linear-gradient(rgba(205, 229, 253, 1.0) 0%, rgba(255, 255, 255, 0.7) 50%);
}
/* 头部切换语言 */
.top-language{
    height: 60px; width: 100%; justify-content: flex-end;
}
.top-language-val{
    cursor: pointer;
}
.top-language-val .layui-nav{
    padding: 0px; background: unset; line-height: unset;
}
.top-language-val .layui-nav .layui-nav-item .layui-nav-item-current{
    color: #ffffff;
}
.top-language-val .layui-nav .layui-nav-item a{
    padding: 0px 20px 0px 10px;
}
.top-language-val .layui-nav-child{
    border-radius: 6px; padding: 0px; border: 0px; overflow: hidden;
}
.top-language-guoqi{
    width: 46px; height: 23px; display: flex; justify-content: center; align-items: center; overflow: hidden;
    border-radius: 4px;
}
.top-language-guoqi img{
    height: 100%;
}
.top-language-user{
    width: 36px; height: 36px; background: #ffffff; border-radius: 50%; margin-left: 20px; cursor: pointer; color: #006ee5;
    padding: 0px; border: #ffffff solid 1px;
}

.top-language-user .user-avatar{
    width: 100%; height: 100%; border-radius: 50%;
}
.top-language-user-avatr::before{
    content: '\e682'; font-size: 20px;
}
.top-language-user:hover{
    border-color: #ffffff;
}
/* 首页的内容区域 */
.index-body{
    flex-direction: column; width: 100vw; height: 100vh;
}
.imain-content{
    flex-grow: 1; flex-direction: column;
}
.imain-content-logo{
    height: 40%;  margin-top: auto;
}
.imain-content-text{
    font-family: 'athena' !important; font-size: 50px; color: #006ee5 !important; font-weight: bold; margin-top: auto;
    background: linear-gradient(to right, #006ee5, #4a9afc); -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent;
}
.imain-content-text span{
    font-family: 'athena' !important;
}
.imain-content-search{
    width: 50vw; min-width: 900px; max-width: 1100px; height: 60px; margin-top: 20px;
}
.imain-content-search-input{
    height: 60px; border: #006ee5 solid 3px; border-radius: 15px 0px 0px 15px; border-right: 0px;
}
.imain-content-hot{
    width: 50vw; min-width: 900px; max-width: 1100px; margin-top: 10px; height: 90px;
}
.imain-content-hot a{
    display: flex; justify-content: flex-start; align-items: center; height: 30px;
}
.imain-content-hot-item{
    width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column;
}
.imain-content-hot .layui-carousel>[carousel-item]>*{
    background: rgba(255,255,255,1); height: 90px; cursor: pointer; color: #666666; font-weight: bold;
}
.imain-content-hot a:hover{
    color: #006ee5; text-decoration: underline;
}
.imain-content-hot a:hover::before{
    background: #006ee5;
}
.imain-content-hot .layui-carousel{
    background: unset;
}
.imain-content-hot a .imain-content-hot-item-tag{
    margin-right: 6px; font-weight: lighter; border: #f2f2f2 solid 1px; display: flex; justify-content: center; align-items: center;
    height: 20px; padding: 0px 4px; border-radius: 2px;
}
/* 获取焦点时的样式 */
.imain-content-search-input:focus {
    outline: none;
}
.imain-content-search-submit{
    width: 80px; height: 60px; font-size: 20px; border-radius: 0px 15px 15px 0px;
}
.imain-content-search-submit::before{
    content: '\e63d';
}
/* Pay After Delivery */
.imain-content-btn{
    width: 100%; margin-top: auto; margin-bottom: auto;
}
.imain-content-btn::after{
    content: ''; width: 100%; height: 1px; background-image: linear-gradient(to right, #DBDCE000 0%, #DBDCE0 50%, #DBDCE000 100%);
    position: absolute;
}
.imain-content-btn-value{
    height: 60px; padding: 0px 20px; border-radius: 20px; background: #ffffff; z-index: 2;
    font-weight: bold; display: flex; justify-content: center; align-items: center; cursor: pointer;
    font-size: 50px; color: #383838;
}
.highlight-text {
    font-family: 'athena';
}
/* 首页底部信息 */
.imain-foot-view{
    height: 80px; color: #999999; font-size: 12px; flex-direction: column;
}
.imain-foot-view-links{
    margin-top: 2px;
}
.imain-foot-view-links a{
    font-size: 12px; color: #006ee5 !important; font-weight: bold;
}
.imain-foot-view-links a:hover{
    color: #006ee5 !important;
}
.imain-foot-view-links a:hover{
    text-decoration: underline;
}
/* 导航 */
.nav-position{
    padding-top: 20px;
}
.nav-position a{
    font-weight: bold !important; color: #006ee5 !important;
}
.nav-position a:hover{
    color: #006ee5 !important; text-decoration: underline;
}
/* 产品的详情 */
.iproduct-view{
    border-bottom: #f2f2f2 solid 1px;
}
.iproduct-img{
    width: 100%; aspect-ratio: 5 / 4; background: #ffffff no-repeat center center; background-size: contain; border-radius: 6px;
    border: #f2f2f2 solid 1px;
}
.iproduct-info{
    flex-direction: column; align-items: flex-start; height: 100%;
}
.iproduct-info-title{
    font-size: 22px; font-weight: bold; color: #006ee5 !important;
}
.iproduct-info-desc{
    margin-top: 10px;
}
.iproduct-info-params{
    display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px; width: 100%; margin-top: 20px;
}
.iproduct-info-params-item{
    width: 100%; display: flex; justify-content: flex-start; align-items: center;
}
.iproduct-info-params-item::before{
    content: ''; width: 10px; height: 10px; border-radius: 50%; background: #999999; margin-right: 10px;
}
.iproduct-content{
    padding-bottom: 20px; min-height: calc(100vh - 668px);
}
.iproduct-params{
    padding: 20px 0px;
}
.iproduct-params-top{
    height: 50px; font-weight: bold; color: #006ee5; border-bottom: #f2f2f2 solid 1px; margin-bottom: 10px;
}
.iproduct-params-checkbox{
    width: 100px; flex-shrink: 0;
}
.iproduct-params-bianhao{
    width: 150px; flex-shrink: 0;
}
.iproduct-params-pname{
    flex-grow: 1;
}
.iproduct-params-price{
    width: 220px; flex-shrink: 0;
}
.iproduct-params-unit{
    width: 100px; flex-shrink: 0;
}
.iproduct-params-num{
    width: 180px; flex-shrink: 0;
}

.iproduct-params-item{
    padding: 10px 0px;
}
.iproduct-params-item .iproduct-params-price::after{
    content: 'USD'; margin-left: 2px;
}
.iproduct-params-item .iproduct-params-num{
    height: 40px; border: #d3d3d3 solid 1px; overflow: hidden; border-radius: 6px;
}
.iproduct-params-num-input{
    width: 100px; height: 40px; border: 0px; text-align: center; font-size: 14px;
}
.iproduct-params-num-btn{
    width: 40px; height: 40px; padding: 0px; margin: 0px; background: #ffffff; border: 0px; cursor: pointer;
    flex-shrink: 0; color: #006ee5; font-weight: bold;
}
.iproduct-params-num .iproduct-params-num-btn:first-child::before{
    content: '\e620';
}
.iproduct-params-num .iproduct-params-num-btn:last-child::before{
    content: '\e61b';
}
.iproduct-foot{
    padding: 20px 0px; border-bottom: #f2f2f2 solid 1px; position: sticky; bottom: 0px;
}
.iproduct-foot-left{
    flex-direction: column; align-items: flex-start;
}
.iproduct-foot-left-title{
    color: #006ee5; font-weight: bold; margin-bottom: 4px;
}
.iproduct-foot-left-total span{
    color: #006ee5; font-weight: bold;
}
.iproduct-foot-left-total-money::after{
    content: 'USD'; margin-left: 2px;
}
.iproduct-foot-btn{
    width: 200px; height: 60px; border-radius: 6px; flex-direction: column; line-height: 20px;
    border: 0px;
}

.popup-submit{
    height: calc(100vh - 70px);
}
.submint-form{
    padding: 0px 20px; width: 100%;
}
.submint-form-title{
    color: #006ee5; margin: 20px 0px;
}
.submint-form-item{
    margin-top: 10px; width: 100%;
}
.submint-product{
    min-height: calc(100vh - 460px);
}
.submint-product-item{
    display: flex; justify-content: space-between; align-items: flex-start;
    padding-bottom: 20px; border-bottom: #f2f2f2 solid 1px; padding-top: 20px;
}
.submint-product-item-pic{
    width: 120px; height: 96px; background: #ffffff no-repeat center center; background-size: contain; flex-shrink: 0; border-radius: 6px;
    border: #f2f2f2 solid 1px;
}
.submint-product-item-info{
    min-height: 96px; margin-left: 20px; flex-grow: 1;
}
.submint-product-item-info-code{
    color: #006ee5; font-weight: bold;
}
.submint-product-item-info-title{
    color: #000000; margin-bottom: 20px;
}
.submint-product-item-info-price{
    font-size: 14px; color: #000000; margin-top: 10px;
}
.submint-product-item-info-check-items{
    display: flex; justify-content: flex-start; align-items: center; padding-top: 10px; flex-wrap: wrap;
}
.submint-product-item-info-check-choice{
    margin-right: 20px; margin-bottom: 10px;
}
/* 附加的检测服务 */
.submint-product-item-info-check{
    border-top: #f2f2f2 solid 1px; padding: 10px 0px 0px; margin-top: 10px;
}
.submint-product-item-close{
    padding: 0px 0px 0px 10px; cursor: pointer;
}
.submint-product-item-close::before{
    content: '\e66a';
}
.submint-product-item-close:hover{
    color: #000000;
}
.submint-product-item-info-foot{
    margin-top: 2px;
}
.submint-product-item-info-foot .iproduct-params-num{
    height: 30px; border: #d3d3d3 solid 1px; overflow: hidden; border-radius: 6px; width: 92px;
}
.submint-product-item-info-foot .iproduct-params-num-input{
    width: 32px; height: 30px; border: 0px; text-align: center; font-size: 14px;
}
.submint-product-item-info-foot .iproduct-params-num-btn{
    width: 30px; height: 30px; padding: 0px; margin: 0px; background: #ffffff; border: 0px; cursor: pointer;
    flex-shrink: 0; color: #006ee5; font-weight: bold;
}
.submint-product-item-info-foot .iproduct-params-num-btn:first-child::before{
    content: '\e620';
}
.submint-product-item-info-foot .iproduct-params-num-btn:last-child::before{
    content: '\e61b';
}
.submint-product-item-info-foot-price{
    color: #000000; font-size: 16px;
}
.submint-product-item-info-foot-price::after{
    content: 'USD'; margin-left: 2px;
}
.submint-product-item:first-child{
    padding-top: 0px;
}
.submint-product-foot{
    width: 100%; padding: 20px 0px; position: sticky; bottom: 0px; background: #ffffff;
    border-top: #f2f2f2 solid 1px;
}
.submint-product-foot-p{
    margin-bottom: 10px;
}
.submint-product-foot-p-label{
    color: #000000;
}
.submint-product-foot-p-total{
    color: #000000;
}
.submint-product-foot-p-total::after{
    content: 'USD'; margin-left: 2px;
}

.submint-product-foot-total-label{
    color: #000000; font-weight: bold;
}
.submint-product-foot-total-total{
    font-weight: bold; color: #000000;
}
.submint-product-foot-total-total::after{
    content: 'USD'; margin-left: 2px;
}
.submint-product-foot-desc{
    color: #999999; font-size: 12px;
}
.submint-product-foot-btn{
    width: 100%; height: 60px; border-radius: 6px; margin-top: 10px; flex-direction: column; line-height: 20px;
}

/* 搜索的列表页面 */
.top-language-search{
    height: 40px; background: #ffffff; min-width: 30vw; margin-right: auto; border-radius: 6px; padding: 0px;
}
.top-language-search input{
    height: 40px; border: 0px;
}
.top-language-search-btn{
    width: 60px; height: 40px; cursor: pointer;
}
.top-language-search-btn::before{
    content: '\e63d'; color: #006ee5; font-weight: bold;
}
/* 产品列表页面 */
.prolist, .article-list{
    padding: 50px 0px; min-height: calc(100vh - 140px);
}
.pro-list-title, .article-list-title{
    font-size: 40px; font-weight: bold; color: #000000; font-family: "Courier New", Consolas, "Lucida Console", monospace;
}
.prolist-item{
    padding: 20px 0px; border-bottom: #f2f2f2 solid 1px;
}
.prolist-item-pic{
    width: 100%; aspect-ratio: 5 / 4; background: #ffffff no-repeat center center; background-size: contain;  border-radius: 6px;
    border: #f2f2f2 solid 1px;
}
.prolist-item-info-title{
    font-weight: bold; color: #000000; font-size: 20px; margin-bottom: 6px;
}
.prolist-item-info-link{
    height: 40px; border-radius: 6px; margin-top: 20px; width: 200px; border: 0px;
}

.prolist-item-info-params{
    width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px 20px; font-size: 14px; margin-top: 20px;
    cursor: pointer;
}
.prolist-item-info-params-item::after{
    content: '\e675';
}
.prolist-item-info-params-item:hover{
    color: #006ee5; font-weight: bold;
}

/* 联系我们、提交反馈、公司简介 */
.cabout-view{
    border-bottom: #f2f2f2 solid 1px; padding: 50px 0px;
}
.cabout-content-title{
    font-size: 40px; font-weight: bold; color: #000000;
}
.cabout-content-info{
    margin-top: 10px; line-height: 25px; color: #000000;
}
.cabout-content-info img{
    max-width: 100%;
}
.contatct-content-info{
    margin-top: 20px;
}
.contatct-content-info-item{
    border: #dcdcdc solid 1px; border-radius: 10px; width: 25%; margin-left: 20px; padding: 20px; cursor: pointer;
    aspect-ratio: 3 / 3; display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column;
}
.contatct-content-info-item-icon{
    font-size: 25px; color: #006ee5; border:#006ee5 solid 1px; border-radius: 15px;
    width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;
}
.contatct-content-info-item-title{
    font-size: 16px; color: #000000; font-weight: bold;
}
.contatct-content-info-item-desc{
    color: #666666;
}
.contatct-content-info-item-detail{
    margin-top: auto;  padding-top: 10px; width: 100%; font-size: 14px;
}
.contatct-content-info-item-detail::after{
    content: '\e675';
}
.contatct-content-info-item:first-child{
    margin-left: 0px;
}
.contatct-content-info-item:hover{
    border-color: #006ee5;
}
.contatct-content-info-item-tool{
    margin-top: auto;
}
.contatct-content-info-item-tool-item{
    width: 40px; height: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center;
    font-size: 20px; color: #006ee5; margin-right: 10px;
}
.contatct-feedback{
    margin-top: 100px; border-top: #f2f2f2 solid 1px; padding-top: 50px;
}
.contatct-feedback-title{
    font-size: 20px; font-weight: bold;
}
.contatct-feedback-form{
    margin-top: 20px; flex-wrap: wrap;
}
.contatct-feedback-item{
    width: 50%; padding-left: 20px; margin-bottom: 10px;
}
.contatct-feedback-form .contatct-feedback-item:nth-child(2n+1) {
    padding-left: 0px;
}
.contatct-feedback-item-title{
    margin-bottom: 5px; font-size: 16px;
}
.contatct-feedback-submit{
    border-radius: 6px; margin-top: 20px;
}

/* 合同创建状态 */
.popup-hetong{
    border-radius: 10px;
}
.popup-hetong-params{
    padding: 20px;
}
.popup-hetong-params-item{
    padding-bottom: 20px; display: flex; justify-content: space-between;align-items: center;
}
.popup-hetong-params-item-lable{
    width: 100px; flex-shrink: 0;
}
.popup-hetong-params-item-val{
    text-align: right;
}
.popup-hetong-params-btn{
    width: 100%; height: 40px; font-size: 14px; margin-top: 20px; border-radius: 6px;
}
.popup-hetong-params-btn::after{
    content: '\e629'; margin-left: 10px;
}
.popup-hetong-params-view{
    margin: 20px 0px 10px !important; color: #666666; background: #ffffff;
}
.popup-hetong-params-view:hover{
    color: #006ee5;
}

/* 文章列表 */
.article-list-item{
    display: flex; justify-content: space-between; align-items: flex-start; padding-top: 40px;
    border-bottom: #ececec solid 1px; padding-bottom: 20px;
}
.article-list-item-date{
    display: flex; justify-content: center; align-items: center;  flex-direction: column;
    flex-shrink: 0; cursor: pointer;
}
.article-list-item-date-val{
    font-size: 25px; color: #666666;
}
.article-list-item-date-year{
    width: 100px; padding: 4px 0px; font-size: 20px; border: #006ee5 solid 1px; background: #006ee5; color: #ffffff; text-align: center;
    margin-top: 6px;
}
.article-list-item-date-year:hover{
    background: #006ee5; color: #ffffff; border-color: #006ee5;
}
.article-list-item-line{
    width: 50px; height: 2px; background: #006ee5; margin-left: 50px; margin-top: 20px;flex-shrink: 0;
}
.article-list-item-info{
    flex-grow: 1; margin: 0px 50px;
}
.article-list-item-info-title{
    margin-top: 10px; color: #000000; font-size: 16px;
}
.article-list-item-info-title:hover{
    color: #006ee5;
}
.article-list-item-info-desc{
    margin-top: 10px; color: #666666;
}
.article-list-item-info-link{
    margin-top: 30px; font-size: 14px; color: #006ee5; display: flex; justify-content: flex-start; align-items: center;
}
.article-list-item-info-link::after{
    content: '\e675';
}
.article-list-item-info-link:hover{
    text-decoration: underline; font-weight: bold;
}
.article-list-item-pic{
    width: 200px; height: 120px; background: no-repeat center center; background-size: cover; flex-shrink: 0;
    border-radius: 6px;
}

/* 文章的详细内容 */
.article-detail{
    margin-top: 50px; display: flex; justify-content: center; align-items: center; flex-direction: column;
    margin-bottom: 50px;
}
.article-detail-title{
    font-size: 30px; color: #000000; width: 80%; text-align: center;
}
.article-detail-date{
    margin-top: 10px; color: #666666;
}
.article-detail-date::before{
    content: 'CreateTime：';
}
.article-detail-content{
    margin-top: 50px; line-height: 30px; background: #ffffff; padding: 50px 100px; border-radius: 8px; border: #f2f2f2 solid 1px;
}
.article-detail-content img{
    max-width: 100%;
}


/* 合作协议样式 */
.preview{
    width: 100%;  min-height: 100vh; background: #ffffff; line-height: 30px; font-size: 12px;
}
.preview-part{
    width: 595px; margin: auto; padding: 10px 0px;
}
.preview-empty-line{
    border-bottom: #666666 solid 1px; padding: 0px 70px;
}
.preview-empty-line2{
    border-bottom: #666666 solid 1px; padding: 0px 40px;
}
.preview-empty-line3{
    border-bottom: #666666 solid 1px; padding: 0px 20px;
}
.preview-empty-line3 img{
    width: 200px;
}
.preview-table{
    width: 100%; border: #999999 solid 1px; border-collapse: collapse;
}
.preview-table td {
    border: #999999 solid 1px; padding: 10px 10px;
}
.preview-table img{
    width: 60px;
}

/* 用户登录 */
.account-login{
    width: 100%; min-height: 100vh; background: #ffffff; padding: 50px;
}
.captcha-img img{
    height: 38px; margin-left: 10px; border-radius: 6px; border: #f2f2f2 solid 1px;
}
.login-submit{
    background: #006ee5; color: #ffffff; height: 40px; border: 0px; cursor: pointer;
}

.user-main{
    width: 100%;  min-height: calc(100vh - 140px); padding: 50px 0px;
}
.user-left-menu{
    padding: 20px 0px; display: flex; border-bottom: #f2f2f2 solid 1px; margin-right: 20px; cursor: pointer;
}
.user-left-menu:hover{
    color: #006ee5; border-bottom: #006ee5 solid 1px;
}
.user-main-right{
    padding: 10px 20px; border-left: #f2f2f2 solid 2px; min-height: calc(100vh - 260px);
}
.user-base{
    flex-direction: column;
}
.user-base-avatar{
    width: 100px; height: 100px; border-radius: 50%; margin-bottom: 50px;
}
.user-base .layui-form-item{
    width: 50%;
}
.user-base-submit{
    width: 50%; margin-top: 50px; height: 50px; border-radius: 8px;
}

/* 订单列表 */
.orderlist{
    padding: 0px 0px 0px 10px;
}
.orderlist-item{
    display: flex; justify-content: space-between;align-items: center; padding: 20px 0px; border-bottom: #f2f2f2 solid 1px;
}
.orderlist-item-number{
    flex-grow: 1;
}
.orderlist-item-money{
    width: 110px; flex-shrink: 0;
}
.orderlist-item-date{
    width: 230px; flex-shrink: 0;
}
.orderlist-item-status{
    width: 100px; flex-shrink: 0;
}
.orderlist-item-action{
    width: 100px; display: flex; justify-content: flex-end; align-items: center;
    flex-shrink: 0;
}

.orderlist-item:first-child{
    border-bottom: #d0d0d0 solid 2px; font-weight: bold;
}

/* 上传合同 */
.popup-contract{
    padding: 20px;
}
.layui-form-item-label{
    margin-bottom: 10px;
}