/**
 * 文件名：pz-mobile.css
 * http://315-china.com
 * 版权声明：
 * Copyright (c) 广州品真防伪科技有限公司. 保留所有权利.
 * 本代码未经授权不得复制或传播。
 */
html{font-size:14px}
body{COLOR: #333;BORDER: 0px; PADDING: 0px; MARGIN: 0px;FONT-SIZE: 100%;font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;}
::placeholder{color:#a8abb2}
.pz-panel{padding:9px;overflow:hidden;position:relative;margin:4px;background:#fff;border-radius:5px;border: 1px solid #ddd;box-shadow: 0 1px 1px rgba(0,0,0,0.05);}
.pz-box {min-width:160px;padding:12px;background:rgba(0, 0, 0, 0.7);box-sizing:border-box;box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .04), 0px 8px 20px rgba(0, 0, 0, .1);margin:auto;position:absolute;z-index: 1;color:#fff;border-radius:4px;text-align: center; display: none;overflow:hidden}
.pz-box-title{font-size:18px; padding-bottom:12px;}
.pz-box-body{ text-align:center; padding:0px;flex:1;}
.pz-box-button{padding-top:12px;}
.pz-box-button button:nth-child(2){margin-left: 12px;}
.pz-box-close{display:block;position:absolute; padding:12px; right:0; top:0;width:40px;height:40px;}
.pz-box-mode{display:none;background:rgba(0,0,0,0.5);z-index:1000;justify-content:center;align-items:center; position:fixed;left:0; top:0; right:0; bottom:0;overflow:hidden}
.pz-box-mode .pz-box{display:flex;flex-direction:column;}
.pz-light{background:#fff;color:#303133}
.pz-light .pz-box-title{color:#303133}
.pz-dark{background:rgba(0, 0, 0, 0.7);color:#fff}
.pz-dark .pz-box-close.link{fill:#fff}
.pz-slider{width: 100%; overflow: hidden;position:relative}
.pz-slider img{width:100%;display: block;}
.pz-slider .pz-slider-dots{position: absolute; bottom: 15px;left: 50%;transform: translateX(-50%); z-index: 10;}
.pz-slider .pz-slider-dots div{width: 10px;height: 10px;border-radius: 50%; background: rgba(255, 255, 255, 0.5); cursor: pointer;transition: all 0.3s;display:block;margin:5px; float:left}
.pz-slider .pz-slider-dots .active{background:white;transform: scale(1.2);}

.pz-tab{border-bottom:1px solid #e0e0e0;background:#fff;font-size:14px;}
.pz-tab-items{border:1px solid #e0e0e0;background: #f9f9f9;font-size: 14px;display: inline-flex;border-top-right-radius:5px;border-top-left-radius:5px;margin-bottom:-1px;}
.pz-tab-items div{padding:4px 30px;box-sizing: border-box;line-height:28px;border-right: 1px solid #dcdfe6;cursor:pointer;font-weight:500;}
.pz-tab-items div:first-child{border-top-left-radius:5px}
.pz-tab-items div:nth-last-child(1){border-right:0px solid #dcdfe6;border-top-right-radius:5px}
.pz-tab-items .select{background-color:#fff;color:#409eff;margin-bottom:-1px;}
.pz-tab-items div:hover{color:#409eff}

.pz-upimage{position:relative; width:110px;height:110px; display:inline-block;outline:1px solid #dcdfe6; text-align:center;box-sizing:border-box;vertical-align:middle;background-size:100%;user-select: none; cursor:pointer;background-repeat: no-repeat;}
.pz-upimage div{position:absolute; right:0; top:0;font-size:24px;width:20px;margin:0;opacity: 0.5; cursor:pointer;color:#fff;line-height:24px;mix-blend-mode:difference;}
.pz-upimage div:hover{opacity: 1;}
.pz-upimage input[type="file"]{position:absolute; left:0; top:0; width:100%; height:100%!important;opacity: 0; z-index:100}
.pz-upimage img{width:100px; max-height:100px;margin:0;z-index:2;}
.pz-upimage font{ font-size:48px}
.pz-upimage span{color:#dcdfe6;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;}
.pz-upimage:has(input.error){outline:2px solid #b94a48;}
.pz-upimage input[type="text"]{display:none}
.pz-upimage:has(input[type="hidden"][value]:not([value=""])) span{display:none}
.pz-upimage:has(input[type="hidden"][value=""]) div{display:none}

.pz-css {font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;}
.pz-css p {padding: 0px; margin: 0px;}
.pz-css ul{list-style-type:none;padding: 0px; margin: 0px;}
.pz-css a {COLOR: #333; TEXT-DECORATION: none}
.pz-css h3{font-size:16px;TEXT-DECORATION: none;padding: 0px; margin: 0px;}
.pz-css h4{font-size:15px;padding: 0px; MARGIN: 0px;}
.pz-css h5{font-size:13px;font-weight:normal;padding: 0px; margin: 0px;}
.pz-css *{box-sizing:border-box;}

.pz-css button,.pz-css button:focus,.pz-css .button,.pz-css .button:focus{height:32px;color:#606266;-webkit-tap-highlight-color:transparent;background-color:#fff;border-color:#dcdfe6;fill:#606266;user-select: none;}
.pz-css button:hover,.pz-css .button:hover{background-color:#ecf5ff;border-color:#a0cfff;color:#409eff;fill:#409eff}
.pz-css button:active,.pz-css .button:active{background-color:#ecf5ff;border-color:#409eff;color:#409eff;fill:#409eff;box-shadow:0 0 3px rgba(0,0,0,0.4);transition:box-shadow ease-in-out .15s;}
.pz-css button svg,button.pz-css svg,.pz-css .button svg,.button.pz-css svg{ width:1.2em;vertical-align: middle;margin: -2px 4px 0 -2px;}

.pz-css button.plain:hover,.pz-css .button.plain:hover{background-color:#fff;border-color:#409eff;color:#409eff;fill:#409eff}
.pz-css button.plain:active,.pz-css .button.plain:active{background-color:#fff;border-color:#309af0;color:#409eff;fill:#409eff}
.pz-css button,.pz-css .button,.pz-css button:disabled,.pz-css .button:disabled,.pz-css button.plain:disabled,.pz-css .button.plain:disabled{height:32px;color:#606266;background-color:#fff;margin:0;box-sizing:border-box;outline:0;cursor:pointer;display:inline-block;padding:0px 15px;font-size:14px;border-radius:4px;border: 1px solid #dcdfe6;box-shadow:none;}

.pz-css .link:hover,.pz-css.link:hover,.pz-css a:hover{color:#409eff;fill:#409eff}
.pz-css .link:active,.pz-css.link:active,.pz-css a:active{color:#309af0;fill:#309af0}
.pz-css .link,.pz-css.link,.pz-css a{box-sizing:border-box;cursor:pointer;color:#606266; text-decoration:none; fill:#606266}

.pz-css .red:hover{background-color:#f89898;border-color:#f89898;color:#fff;fill:#fff}
.pz-css .red:active{background-color:#c45656;border-color:#f56c6c;color:#fff;fill:#fff}
.pz-css .red,.pz-css .red:focus,.pz-css .red:disabled{background-color: #f56c6c;border-color: #f56c6c;color:#fff;fill:#fff}

.pz-css .red.plain:hover{background-color:#f56c6c;border-color:#f56c6c;color:#fff;fill:#fff}
.pz-css .red.plain:active{background-color:#c45656;border-color:#f56c6c;color:#fff;fill:#fff}
.pz-css .red.plain,.pz-css .red.plain:focus,.pz-css .red.plain:disabled{background-color: #fef0f0;border-color:#f56c6c;color:#f56c6c;fill:#f56c6c}

.pz-css .green:hover{background-color:#95d475;border-color:#95d475;color:#fff;fill:#fff}
.pz-css .green:active{background-color:#529b2e;border-color:#529b2e;color:#fff;fill:#fff}
.pz-css .green,.pz-css .green:focus,.pz-css .green:disabled{background-color: #67c23a;border-color: #67c23a;;color:#fff;fill:#fff}

.pz-css .green.plain:hover{background-color:#67c23a;border-color:#67c23a;color:#fff;fill:#fff}
.pz-css .green.plain:active{background-color:#529b2e;border-color:#529b2e;color:#fff;fill:#fff}
.pz-css .green.plain,.pz-css .green.plain:focus,.pz-css .green.plain:disabled{background-color: #f0f9eb;border-color:#b3e19d;color:#67c23a;fill:#67c23a}

.pz-css .blue:hover{background-color:#79bbff;border-color:#79bbff;color:#fff;fill:#fff}
.pz-css .blue:active{background-color:#337ecc;border-color:#337ecc;color:#fff;fill:#fff}
.pz-css .blue,.pz-css .blue:focus,.pz-css .blue:disabled{background-color: #409eff;border-color: #409eff;color:#fff;fill:#fff}

.pz-css .blue.plain:hover{background-color:#409eff;border-color:#409eff;color:#fff;fill:#fff}
.pz-css .blue.plain:active{background-color:#337ecc;border-color:#337ecc;color:#fff;fill:#fff}
.pz-css .blue.plain,.pz-css .blue.plain:focus,.pz-css .blue.plain:disabled{background-color: #ecf5ff;border-color:#a0cfff;color:#409eff;fill:#409eff}

.pz-css .black:hover{background-color:#444;border-color:#444;color:#fff;}
.pz-css .black:active{background-color:#000;border-color:#000;color:#fff;}
.pz-css .black,.pz-css .black:focus,.pz-css .black:disabled{background-color: #000;border-color: #000;color:#fff;}

.pz-css .black.plain:hover{background-color:#444;border-color:#444;color:#fff;fill:#fff}
.pz-css .black.plain:active{background-color:#000;border-color:#000;color:#fff;fill:#fff}
.pz-css .black.plain,.pz-css .black.plain:focus,.pz-css .black.plain:disabled{background-color: #fff;border-color:#000;color:#000;fill:#000}

.pz-css .gray:hover{background-color:#b1b3b8;border-color:#b1b3b8;color:#fff;fill:#fff}
.pz-css .gray:active{background-color:#73767a;border-color:#73767a;color:#fff;fill:#fff}
.pz-css .gray,.pz-css .gray:focus,.pz-css .gray:disabled{background-color:#909399;border-color: #909399;color:#fff;fill:#fff}

.pz-css .gray.plain:hover{background-color:#909399;border-color:#909399;color:#fff;fill:#fff}
.pz-css .gray.plain:active{background-color:#73767a;border-color:#73767a;color:#fff;fill:#fff}
.pz-css .gray.plain,.pz-css .gray.plain:focus,.pz-css .gray.plain:disabled{background-color: #f4f4f5;border-color:#c8c9cc;color:#909399;fill:#909399}

.pz-css .gold:hover{background-color: #eebe77;border-color:#eebe77;color:#fff;fill:#fff}
.pz-css .gold:active{background-color:#b88230;border-color:#b88230;color:#fff;fill:#fff}
.pz-css .gold,.pz-css .gold:focus,.pz-css .gold:disabled{background-color: #e6a23c;border-color: #e6a23c;color:#fff;fill:#fff}

.pz-css .gold.plain:hover{background-color:#e6a23c;border-color:#e6a23c;color:#fff;fill:#fff}
.pz-css .gold.plain:active{background-color:#b88230;border-color:#b88230;color:#fff;fill:#fff}
.pz-css .gold.plain,.pz-css .gold.plain:focus,.pz-css .gold.plain:disabled{background-color:#fdf6ec;border-color:#f3d19e;color:#e6a23c;fill:#e6a23c}

.pz-css button:disabled,.pz-css .button:disabled{opacity:0.6;cursor: not-allowed!important;}
.pz-css .plain.text{background-color:transparent; border-color:transparent;}
.pz-css .radius{border-radius:20px;}
.pz-css input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),.pz-css select,.pz-css textarea{
	box-sizing: border-box;margin:0;height:32px;padding:5px 8px;font-size:14px;line-height:1.5;border-radius:4px;color:#606266;border:1px solid #dcdfe6;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.pz-css textarea{height:auto}
.pz-css input:not([type="checkbox"]):not([type="radio"]):hover:not([type="file"]):hover,.pz-css select:hover,.pz-css textarea:hover{border-color:#c0c4cc;}
.pz-css input:not([type="checkbox"]):not([type="radio"]):focus:not([type="file"]):focus,.pz-css select:focus,.pz-css textarea:focus{border-color:#66afe9;outline:0;box-shadow:0 0 6px rgba(102,175,233,0.6)}
.pz-css input[readonly]{background-color:rgba(200,210,220,0.1);}
.pz-css label{font-size: 14px;display:inline-block;width:100px; cursor:pointer;text-align:right; justify-content: flex-end;vertical-align:middle; padding-right:10px}
.pz-css label.block{display:block;width:100px;text-align:left}
.pz-css label input{height:auto;border:none}
.pz-css .group{padding:4px;overflow:hidden;position:relative;}
.pz-css .left{text-align:left}
.pz-css .center{text-align:center}
.clear{clear:both}
small{color:#666;}
.error{border:2px solid #b94a48!important;}
.error:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,0,0,0.6)!important;}
.pz-css .inputs{display:inline-flex}
.pz-css .inputs > input:not([type="checkbox"]):not([type="radio"]):focus:not([type="file"]):focus,.pz-css .inputs >select:focus,.pz-css .inputs > textarea:focus{border:none;box-shadow: 0 0 0 1px #66afe9 inset;}
.pz-css .inputs.inputs.inputs > *:not(button){vertical-align:middle;border-radius:0px;border:none; box-shadow: 1px 0 0 0 #dcdfe6 inset,0 1px 0 0 #dcdfe6 inset,0 -1px 0 0 #dcdfe6 inset;}
.pz-css .inputs.inputs.inputs.inputs > *:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px;}
.pz-css .inputs.inputs.inputs > *:not(button):last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;box-shadow: 1px 0 0 0 #dcdfe6 inset,-1px 0 0 0 #dcdfe6 inset,0 1px 0 0 #dcdfe6 inset,0 -1px 0 0 #dcdfe6 inset;}
.pz-css .inputs > *.note{display:inline-flex!important;align-items:center;padding:0 8px;background-color:#f4f6f8;color:#666;}
.pz-css .inputs > button{border-radius:0px}
.pz-css .inputs > button:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pz-css .large{height:40px!important;}
.pz-css .small{height:24px!important;}
.pz-css .default{height:32px!important;}
.pz-css .span2{width:16.6%;padding:5px;float: left;}
.pz-css .span3{width:25%;padding:5px;float: left;overflow:hidden}
.pz-css .span4{width:33.3%;padding:5px;float: left}
.pz-css .span6{width:50%;padding:5px;float: left}
.pz-css .span8{width:66.6%;padding:5px;float: left}
.pz-css .span9{width:75%;padding:5px;float: left}
.pz-css .span10{width:83.3%;padding:5px;float:left}
.pz-css .span12{width:100%;padding:5px;float:left}
.pz-css .span2 *,.pz-css .span3 *,.pz-css .span4 *,.pz-css .span6 *,.pz-css .span8 *,.pz-css .span9 *,.pz-css .span10 *,.pz-css .span12 *{width:100%}
.pz-css .list{list-style-type:none;PADDING: 0px; MARGIN: 0px;color: #555;}
.pz-css .item{margin-bottom: -1px;display:block;border:1px solid #ddd;background:#fff;padding:5px 10px;overflow:hidden}
.pz-css .item:first-child{border-top-left-radius:4px;border-top-right-radius:4px;}
.pz-css .item:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
.pz-css .list *{ vertical-align:middle;}
.pz-css .list a:hover,.pz-css .list a:focus{text-decoration: none;background-color: #f5f5f5!important;}
.pz-css .loading{width:150px;height:10px;margin:0 auto;margin-top:100px;text-align:center;}
.pz-css .loading span{display:inline-block;width: 10px;height: 100%;border-radius:5px;margin-right: 5px;background:lightgreen;-webkit-animation:load 1.04s ease infinite;animation:load 1.04s ease infinite;}
.pz-css .loading span:last-child{margin-right:0px;}
@keyframes load{0%{opacity: 1;}100%{opacity:0;}}
@-webkit-keyframes load{0%{opacity: 1;}100%{opacity:0;}}
.pz-css .loading span:nth-child(1){animation-delay:0.13s;-webkit-animation-delay:0.13s;}
.pz-css .loading span:nth-child(2){animation-delay:0.26s;-webkit-animation-delay:0.26s;}
.pz-css .loading span:nth-child(3){animation-delay:0.39s;-webkit-animation-delay:0.39s;}
.pz-css .loading span:nth-child(4){animation-delay:0.52s;-webkit-animation-delay:0.52s;}
.pz-css .loading span:nth-child(5){animation-delay:0.65s;-webkit-animation-delay:0.65s;}

.pz-css .progress-bar{height:10px;overflow:hidden;background-color: #f5f5f5;border-radius: 4px;box-shadow: inset 0 1px 2px rgba(0,0,0,0.1)}
.pz-css .progress{width: 0;height: 100%;font-size: 12px;line-height: 20px;color: #fff;text-align: center;background: linear-gradient(90deg, #409eff, #08b9c5);box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);transition: width .6s ease}