/*统一整体颜色*/
:root {
    --main-max-width: 1000px;
    --main-color-bg: #fff;/*整个网页背景颜色*/
    --main-color-bg2: #d6b88e;
    --main-color-copyright: #fff;
    --main-color: #333;/*整个网页字体颜色*/
    --main-color-adjunct: #979797;/*整个网页字体辅助颜色*/
    --main-color-error: #b80d0d;
    --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: #e4f2fd;
    --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{margin:0 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;opacity: 0.68;}
.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% auto;}
.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_show_box{background-color:rgba(44,40,36,.59);border-radius:20px;overflow:hidden;width:85%;margin:20% auto;}
.security_check_banner img{margin:0 auto 0px;}
.security_check_box{width:331px;max-width:calc(100% - 40px);height:357px;margin:20px auto 10px;background:url(../image/from_bg.png) no-repeat center;background-size:100% 100%;}
.security_check_search{padding:140px 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:8px 20px;border-radius:5px;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-color:var(--main-color-button-bg);color:var(--main-color-button);text-align:center;padding:10px;border-radius:5px;}
.dec_error{color:var(--main-color-error);text-align:center;margin-top:5px;}
/*弹出层*/
.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_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:#2f1105;}
.security_check_show .security_check_show_box{background-color:#2f1105;border-radius:0;margin:0px 0px;width:100%;padding-bottom:30px;}
.security_check_show .security_check_banner{/* position: fixed;bottom:0;left:0;right:0; */}
.security_check_show .security_check_banner>div{max-width:var(--main-max-width);margin:0 auto;position:relative;}
.security_check_show .security_check_banner .security_check_banner_bg{width:100%;margin:0;}
.security_check_show .security_check_banner .security_check_banner_title{position:absolute;left:50%;top:50%;transform:translate(-75%,-50%);max-width:50%;}
.info_box_2 .info_box_2_content{background-color:var(--main-color-bg);box-shadow: 0px 5px 5px 0px #e1e1e1;}
/* .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%;}
.info_box_2_content_images .pic_two{display:flex;}
.info_box_2_content_images .pic_two>div{width:50%;}

/*退出*/
.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;}

.info_tab{background:#fdfdfb;background-size:cover;border-radius:10px;margin:-140px 24px 0;width:calc(100% - 48px);position:relative;z-index:1;overflow:hidden;}
.info_tab_head{display:flex;justify-content:space-around;}
.info_tab_head{background-color:#714e41;}
.info_tab_head>div{flex:1;text-align:center;color:#fff;line-height:2.4;font-weight:bold;cursor:pointer;position:relative;}
.info_tab_head>div:not(:last-child):after{content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);background-color:#4c3f32;width:1px;height:14px;}
.info_tab_head>div.on{color:#4c3f32;background-color:#ada192;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;
    background-color: #fdfdfb;
    border-radius: 8px 8px 0 0;
}
.info_tab_head.on0>div:nth-child(1):after,
.info_tab_head.on1>div:nth-child(1):after,
.info_tab_head.on1>div:nth-child(2):after,
.info_tab_head.on2>div:nth-child(2):after {
    display: none;
}
.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:5px 10px;margin-bottom:15px;color:#242424;border:1px #2f1105 solid;}
.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%;padding-top:10px;color:#242424;}
.info_box_2_content_images img{width:100%;}
.info_box_2_content_about{width:calc(100% - 48px);margin:0px 24px;display:none;}
.info_box_2_content_about img{margin:0 auto;}