/*统一整体颜色*/
:root {
    --main-max-width: 750px;
    --main-color-bg: #f4f4f4;/*整个网页背景颜色*/
    --main-color-bg2: #d6b88e;
    --main-color-copyright: #b59171;
    --main-color: #333;/*整个网页字体颜色*/
    --main-color-adjunct: #979797;/*整个网页字体辅助颜色*/
    --main-color-error: #bf0101;
    --main-color-success: #45a049;
    --main-color-button-bg: #333;
    --main-color-button: #fff;
    --main-color-login-input-bg: #f3f3f3;
    --main-color-login-input: #333;
    --main-color-input-bg: #fff;
    --main-color-input-placeholder: #b6b6b6;
    --main-color-input: #333;
    --main-color-border: #979797;
    --main-color-list-bg: #e5d8c6;
    --main-box-shadow: 2px 2px 5px 2px #ddd;
    --main-font-size: 14px;/*默认字体大小*/
    --main-font-size-s: 12px;
    --main-font-size-b: 16px;
    --main-border-radius: 5px;
}

body{margin:0;font-family:'Arial',sans-serif;color:var(--main-color);background-color:var(--main-color-bg);overscroll-behavior-y:none;font-size:var(--main-font-size);}
img{max-width:100%;display:block;}
input{width:100%;font-size:var(--main-font-size);background-color:var(--main-color-input-bg);color:var(--main-color-input);border:none;border-radius:var(--main-border-radius);box-sizing:border-box;}
input:focus{outline:none;}
input::-webkit-input-placeholder{color:var(--main-color-input-placeholder);}
input:-moz-placeholder{color:var(--main-color-input-placeholder);}
input::-moz-placeholder{color:var(--main-color-input-placeholder);opacity:1;}
input:-ms-input-placeholder{color:var(--main-color-input-placeholder);}
.input{border:1px solid var(--main-color-border);padding:5px 7px;}
button{background-color:var(--main-color-button-bg);color:var(--main-color-button);padding:12px;border:none;border-radius:var(--main-border-radius);cursor:pointer;width:100%;font-size:var(--main-font-size-b);}
button:hover{background-color:var(--main-color-button-bg);}

.main_bg{max-width:var(--main-max-width);height:100vh;margin:0 auto;overflow:hidden;}
.error,a.error{color:var(--main-color-error)}
.success,a.success{color:var(--main-color-success)}

/*登录*/
.login-container-bg{height:100vh;display:flex;align-items:center;justify-content:center;flex-flow:column;}
.login-container{width:400px;max-width:85%;text-align:center;margin-bottom:100px;}
.login-container input{min-height:42px;padding:12px;background-color:var(--main-color-input-bg) !important;}
.logo{height: 50px;margin:20px auto;}
.login-form{display:flex;flex-direction:column;align-items:center;}
.form-group{width:100%;margin-bottom:10px;}
.form-group input{background-color:var(--main-color-login-input-bg);color:var(--main-login-color-input);}
.vimg{display:flex;}
.vimg .img{height:41px;}
.submit{margin-top:20px;}
.copyright,.copyright a{font-size:var(--main-font-size-s);color:var(--main-color-copyright);text-decoration:unset;text-align:center;padding:20px 0;}
.copyright{position:absolute;left:50%;bottom:0px;transform:translate(-50%,0%);}
.copyright a{display:block;padding:0;}

/*头部尾部样式*/
.head{position:fixed;top:0;z-index:9;width:100%;max-width:var(--main-max-width);height:46px;display:flex;justify-content:space-around;background-color:var(--main-color-bg);border-bottom:1px var(--main-color-border) solid;}
.head .btn{font-size:var(--main-font-size);line-height:2;flex:1;display:flex;align-items:center;justify-content:center;color:var(--main-color-adjunct);cursor:pointer;text-decoration:none;position:relative;}
.head .btn.on{color:var(--main-color);}
.head .btn.on::after{content:'';display:block;width:60px;height:1px;position:absolute;left:50%;bottom:2%;transform:translate(-50%,-50%);background-color:var(--main-color);}
.btn-back{position:fixed;right:5%;bottom:10%;width:40px;height:40px;background-color:var(--main-color-button-bg);color:var(--main-color-button);border:1px var(--main-color-border) solid;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:var(--main-font-size-s);}

.main{background-color:var(--main-color-list-bg);height:calc(100vh - env(safe-area-inset-bottom));overflow:hidden;}
.main .scroll{width:100%;height:calc(100vh - 47px - env(safe-area-inset-bottom));overflow:auto;padding-top:47px;}
.main .scroll::-webkit-scrollbar{width:2px;height:10px;}/*滚动条样式*/
.main .scroll::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.05);border-radius:10px;-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1);}/*正常情况下滑块的样式*/
.main .scroll:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:10px;-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1);}/*鼠标悬浮在该类指向的控件上时滑块的样式*/
.main .scroll::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.4);-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1);}/*鼠标悬浮在滑块上时滑块的样式*/
.main .scroll::-webkit-scrollbar-track{border-radius:10px;-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0);background-color:white;}/*正常时候的主干部分*/
.main .scroll::-webkit-scrollbar-track:hover{-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,.4);background-color:rgba(0,0,0,.01);}/*鼠标悬浮在滚动条上的主干部分*/

/*搜索*/
.search{display:flex;padding:0px 0px 20px;}
.search_input{margin-left:5px;min-height:34px;}
.search-t{padding:0px 0px 5px;}
.search-t .search_input{margin-left:0px;}
.search_btn{min-width:60px;margin-left:5px;background-color:var(--main-color-button-bg);color:var(--main-color-button);border-radius:var(--main-border-radius);display:flex;justify-content:center;align-items:center;cursor:pointer;}
.search2{background-color:var(--main-color-bg);padding:10px;border:1px solid var(--main-color-border);border-radius:var(--main-border-radius);margin-bottom:20px;}
.search_checkbox{margin-right:15px;font-size:var(--main-font-size);}
.search_checkbox>label{width:100%;height:100%;display:flex;align-items:center;justify-content:left;justify-items:center;margin:0;}
.search_checkbox>label>input{width:18px;height:18px;margin:0 20px 0 10px;}
.search_select{flex:1;}
.search_select_input{flex:2;}

/*列表样式*/
.list{padding:20px 10px;}
.item a{padding:10px 20px;font-size:var(--main-font-size);color:var(--main-color);text-decoration:none;}
.item a.error{color:var(--main-color-error);}
.item a.success{color:var(--main-color-success);}
.item .banned{border:1px var(--main-color-border) solid;display:flex;justify-content:space-between;margin-bottom:15px;background-color:var(--main-color-bg);}
.item .banned>label{width:100%;display:flex;justify-content:space-between;color:var(--main-color);margin:0;}
.item .banned>label>input{width:18px;height:18px;margin:10px 0 0 20px;}
.item .banned>label>div{padding:10px 20px;font-size:var(--main-font-size);}
.item .banned>label>a:not(:last-child),.item .banned>label>div:not(:last-child){border-right:1px var(--main-color-border) solid;flex:1;}
.item .unverified{margin-bottom:20px;background-color:var(--main-color-bg);padding:2px 20px;border-radius:var(--main-border-radius);}
.item .unverified .title{font-size:var(--main-font-size-b);font-weight:bold;border-bottom:1px var(--main-color-border) solid;padding:0px 10px 5px;margin-bottom:10px;display:flex;justify-content:space-between;}
.item .unverified .title span{font-size:var(--main-font-size);font-weight:normal}
.item .unverified .time{padding:0px 10px 5px;color:var(--main-color-adjunct);}
.item .unverified .time.success{color:var(--main-color-success);}
.item .unverified .time.error{color:var(--main-color-error);}
.item .unverified .btn{text-align:right;margin:10px auto 0;}
.item .unverified .btn>div{border-radius:20px;padding:7px 20px;text-align:center;display:block;font-size:var(--main-font-size-s);}
.item .unverified .btn.success>div{background-color:var(--main-color-bg);color:var(--main-color-success);border:1px solid var(--main-color-success);}
.item .unverified .btn.error>div{background-color:var(--main-color-bg);color:var(--main-color-error);border:1px solid var(--main-color-error);}

/*分页*/
.pages{text-align:center;}
.pages .pagination{padding:0;display:flex;flex-wrap:wrap;justify-content:center;}
.pages .pagination li{margin:1px;border:1px var(--main-color-border) solid;background-color:var(--main-color-bg);height:24px;display:flex;justify-content: center;align-items: center;}
.pages .pagination li>a,.pages .pagination li>span{padding:0 0.5rem;font-size:var(--main-font-size-s);text-decoration:none;color:var(--main-color-adjunct);}
.pages .pagination li.active,.pages .pagination li.active>span{color:var(--main-color);}

/*详情*/
.info{max-width:750px;margin:0 auto;}
.info_box{background-color:var(--main-color-bg);padding:20px 10px;margin-bottom:15px;border-radius:var(--main-border-radius);}
.info_box_title{font-size:var(--main-font-size);font-weight:bold;display:flex;align-items:center;}
.info_box_tip{margin-bottom:20px;font-size:var(--main-font-size-s);color:var(--main-color-adjunct);}

.info_box_images{display:flex;flex-wrap:wrap;}
.info_box_images_item{width:calc(33.33% - 10px);padding:5px;}
.info_box_images_item .info_box_images_preview_item{padding-top:100%;border:1px solid var(--main-color-border);border-radius:var(--main-border-radius);position:relative;}
.info_box_images_item .info_box_images_preview_item img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;}
.info_box_images_item .info_box_images_preview_item .preview_close{background-color:var(--main-color-error);width:18px;height:18px;border-radius:9px;position:absolute;right:-5px;top:-5px;cursor:pointer;}
.info_box_images_item .info_box_images_preview_item .preview_close::after{content:'';display:block;width:10px;height:2px;background-color:var(--main-color-bg);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.upload{border:1px var(--main-color-border) solid;border-radius:var(--main-border-radius);position:relative;cursor:pointer;background-color:var(--main-color-bg);}
.upload1{background:url(../image/camera.png) no-repeat center var(--main-color-login-input-bg);background-size:40%;width:100%;padding-top:100%;}
/*详情 只显示*/
.info_box_images_item2{width:100%;}
.info_box_images_item2:not(:last-child){margin-bottom:5px;}

.model{display:flex;flex-wrap:wrap;align-items:center;}
.model_title{min-width:70px;line-height:42px;}
.model_content{flex:1;display:flex;align-items:center;position:relative;}
.model_input{width:30%;padding-left:10px;}
.model_input_input{min-height:34px;}
.model_select{flex:1;}
.model_input{width:30%;}
.model_input2{width:100%;}

.upload2{padding-top:65%;}
.upload2::after{content:'';display:block;width:40px;height:2px;background-color:#ddd;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.upload2::before{content:'';display:block;width:2px;height:40px;background-color:#ddd;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.upload2.on::after,.upload2.on::before{display:none;}
.upload input{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;}
.upload .upload_img{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;}
.upload .upload_img img{max-height:100%;display:none;}

.confirm{background-color:var(--main-color-button-bg);color:var(--main-color-button);text-align:center;padding:10px;border-radius:var(--main-border-radius);}

/*溯源码查询*/
.security_check{width:100%;height:calc(100vh - env(safe-area-inset-bottom));overflow:auto;background-color:var(--main-color-list-bg);background-image:url(../image/bg.jpg);background-repeat:no-repeat;background-position:top;background-size:100% 100%;}
.security_check::-webkit-scrollbar{width:2px;height:10px;}/*滚动条样式*/
.security_check::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.05);border-radius:10px;-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1);}/*正常情况下滑块的样式*/
.security_check:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:10px;-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1);}/*鼠标悬浮在该类指向的控件上时滑块的样式*/
.security_check::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.4);-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1);}/*鼠标悬浮在滑块上时滑块的样式*/
.security_check::-webkit-scrollbar-track{border-radius:10px;-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0);background-color:white;}/*正常时候的主干部分*/
.security_check::-webkit-scrollbar-track:hover{-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,.4);background-color:rgba(0,0,0,.01);}/*鼠标悬浮在滚动条上的主干部分*/
.security_check_top{max-width:375px;margin:0 auto;}
.security_check_top img{width:16%;margin:22.2% auto;}
.security_check_box{width:331px;max-width:calc(85% - 40px);margin:0px auto;background-color:rgba(150,141,135,0.36);border:1px rgba(138,98,63,0.36) solid;border-radius:10px;padding-bottom:20px;}
.security_check_search{padding:40px 40px 0;}
.info_box_content_text{line-height:2;font-size:var(--main-font-size);font-weight:bold;padding-bottom:10px;}
.info_box_content_tip{font-size:var(--main-font-size-s);color:var(--main-color-error);}
.security_check_box .info_box_content_tip{margin-top:20px;text-align:center;}
.security_check .model_title{line-height:2;}
.security_check_input{padding:10px 20px;border:1px #8a623f solid;border-radius:10px;text-align:center;}
.security_check_tip{padding:20px 0px 10px;}
.security_check_tip>div{color:var(--main-color-adjunct);display:flex;align-items:center;justify-content:center;text-decoration:underline;}
.security_check_tip>div::before{content:'?';display:flex;justify-content:center;align-items:center;background-color:var(--main-color-adjunct);color:var(--main-color-bg);font-size:var(--main-font-size-s);width:16px;height:16px;border-radius:50%;margin-right:5px;}
.security_check_btn{cursor:pointer;min-width:60px;background: linear-gradient(to right, #ffffff 0%, #cfb6a0 50%, #ffffff 100%);color:#191919;text-align:center;padding:10px;border-radius:10px;}
.dec_error{color:var(--main-color-error);text-align:center;margin-top:5px;}
.security_check_foot{max-width:375px;margin:0 auto;}
.security_check_foot img{width:47.2%;margin:13% auto;}
/*弹出层*/
.security_check_popup{display:none;}
.security_check_popup_bg{background-color:rgba(0,0,0,.5);backdrop-filter:blur(10px);position:absolute;top:0;left:0;right:0;bottom:0}
.security_check_popup_content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:350px;max-width:85%;display:flex;flex-flow:column;align-items:center;opacity:0;}
.security_check_popup_content.on{opacity:1;}
.security_check_popup_content_text{background-color:#fff;padding:20px 20px 40px;border-radius:15px;line-height: 1.5;}
.security_check_popup_close{border:1px solid var(--main-color-bg);width:34px;height:34px;border-radius:50%;margin-top:20px;position:relative;cursor:pointer;}
.security_check_popup_close::after,.security_check_popup_close::before{content:'';position:absolute;width:20px;height:1px;background-color:var(--main-color-bg);}
.security_check_popup_close::after{left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);}
.security_check_popup_close::before{left:50%;top:50%;transform:translate(-50%,-50%) rotate(-45deg);}
/*查询后显示 NEW*/
.security_check_show{background-color:#fff;background-image:url(../image/bg_top.jpg);background-repeat:no-repeat;background-position:top;background-size:100%;}
.security_check_show .security_check_show_box{}
.security_check_banner{max-width:375px;margin:0 auto;display:none;}
.security_check_banner.on{display:block;}
.security_check_banner img{width:50.4%;margin:20% auto;}

.info_box_2 .info_box_2_content{background-color:var(--main-color-bg);}
.info_box_2:nth-child(2n) .info_box_2_content{background-color:var(--main-color-bg2);}
.info_box_2_content{display:flex;flex-wrap:wrap;padding:10px 10px;margin-bottom:15px;border-radius:var(--main-border-radius);}
.info_box_2_content_title{font-size:var(--main-font-size);font-weight:bold;display:flex;align-items:center;}
.info_box_2_content_txt{flex:1;text-align:right;}
.info_box_2_content_images{width:100%;padding-top:10px;}
.info_box_2_content_images img{width:100%;}

/*退出*/
.main_logout{position:fixed;bottom:5%;z-index:9;width:100%;max-width:var(--main-max-width);text-align:right;}
.main_logout>a{display:inline-block;background-color:#000;color:#fff;box-shadow:0px 0px 1px 2px #fff;text-decoration:none;padding:5px 15px;border-radius:5px;margin-right:5%;font-size:12px;}

/*二维码*/
.text-center{text-align:center;}
.h3{line-height:2;}

/*标签切换内容展示*/
.info_tab{background:#fff;background-size:cover;border-radius:10px;margin:0px 24px 24px;width:calc(100% - 48px);position:relative;z-index:1;overflow: hidden;}
.info_tab_head{display:flex;justify-content:space-around;}
.info_tab_head{background:linear-gradient(to right, #b0afab, #f2f2f2)}
.info_tab_head>div{flex:1;text-align:center;color:#242424;line-height:2.4;cursor:pointer;}
.info_tab_head>div.on{color:#242424;border-radius:10px 10px 0 0;}
.info_tab_head.on0>div:nth-child(1),
.info_tab_head.on1>div:nth-child(2),
.info_tab_head.on2>div:nth-child(3),
.info_tab_head.on3>div:nth-child(4){color:#242424;font-weight:bold;border-radius:8px 8px 0 0;text-decoration:underline;text-underline-offset:5px;}
.info_tab_content{min-height:360px;}
.info_tab_content>div{display:none;}
.info_tab_content>div.on{display:block;}
.info_tab_content_p{padding:30px 20px;}
.info_box_2_content{display:flex;flex-wrap:wrap;padding:10px 10px;margin-bottom:15px;color:#242424;background:linear-gradient(to right, #b0afab, #f2f2f2);border-radius:6px;}
.info_box_2_content_title{font-size:var(--main-font-size);display:flex;align-items:center;}
.info_box_2_content_txt{flex:1;text-align:right;}
.info_box_2_content_images{width:100%;color:#242424;}
.info_box_2_content_images img{width:100%;}

/*二维码结果页*/
.info_bg{background:#fff;background-size:cover;border-radius:10px;margin:0px 24px 24px;width:calc(100% - 48px);position:relative;z-index:1;overflow:hidden;}

.info_tip{color:#ba0000;}

.info_box_2_content_txt.more{display:flex;align-items:center;justify-content:end;}
.info_box_2_content_video_btn{width:24px;height:24px;background-color:#ba0000;display:flex;align-items:center;justify-content:center;border-radius:12px;margin-left:10px;cursor:pointer;}
.info_box_2_content_video_btn>.play{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #fff;}
.videos{display:none;width:100%;height:100%;background:rgba(0,0,0,0.8);position:fixed;left:0;top:0;z-index:999999;box-sizing:border-box;text-align:center;}
.videos video{width:800px;height:450px;border:#000000 15px solid;position:relative;top:50%;transform:translateY(-50%);}
.vclose{position:absolute;right:27%;top:22%;cursor:pointer;}
@media screen and (max-width: 1200px) {
    .videos video{width:88%;display:block;height:auto;min-height:240px;border:0px;position:relative;left:6%;}
    .vclose{right:6%;top:30px;}
}