/*添加、修改分类*/
.addto{ float: left; width: 100%; }
.addto form ico{ float: left; width: 100px; height: 100px; border: 1px solid #A3A3A3; cursor: pointer; position: relative; text-align: center; font-size: 50px; line-height: 102px; color: #A3A3A3; transition: 0.5s;}
.addto form ico:hover{ color: #808080;}
.addto form ico::after{content:"\e65d";}
.addto form ico img{ max-width: 100%; margin: auto; position: absolute; left: 0px; bottom: 0px; right: 0px; top: 0px; }
.addto form .file{display: none;}
.addto form dl { float: left; width: 100%; padding-top: 20px; padding-bottom: 20px; }
.addto form dl span{ color: #FF0000; }
.addto form dl dt{ width:35%; text-align: right; font-size: 14px; color: #333333; float: left; clear: both; }
.addto form dl dd{ width: 40%; float: left; }
.addto form dl dd.choose span{float: left; width:24px; height:24px;margin:3px 6px; position: relative; cursor: pointer;}
.addto form dl dd.choose span:nth-of-type(1){background:#2a5dbb;}
.addto form dl dd.choose span:nth-of-type(2){background:#ef8536;}
.addto form dl dd.choose span:nth-of-type(3){background:#1dae65;}
.addto form dl dd.choose span:nth-of-type(4){background:#fa4747;}
.addto form dl dd.choose span:nth-of-type(5){background:#29b3ab;}
.addto form dl dd.choose span:nth-of-type(6){background:#4b7fde;}
.addto form dl dd.choose span.active::before{content:""; position: absolute; width: 30px; height: 30px; border: 1px solid #00a2e9; top: -4px; left: -4px;}
.addto form dl dd font{ float: left; margin-right: 15px; margin-left: 3px; font-size: 14px; color: #333333; }
.addto form dl dd v{float:left; margin:1px 0 1px 10px; font-size: 14px; color: #333333; cursor:pointer;}
.addto form dl dd v:hover{color:#00a2e9;}
.addto form dl dt, .addto form dl dd{line-height: 30px; padding-top: 10px; padding-bottom: 10px; font-size: 14px; color: #333333; }
.addto form dl dd o{float: left; display: inline-block;}
.addto form dl dd .UploadImage div{float:left; width:270px; height:150px; overflow: hidden; font-size:18px; cursor: pointer; color:#333333; border: 1px dashed #A3A3A3; position:relative; display:flex; display:-webkit-flex; justify-content: center; align-items: center;}
.addto form dl dd .UploadImage div span{position:absolute; width:0; top:0; left:0; bottom:0; z-index:1; background: rgba(0,162,233,0.80); transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
.addto form dl dd .UploadImage div img{max-height:100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background:#ACACAC;}

.addto form .notice{ border: 1px solid #FF0003; }
.addto form input{ width: 260px; height: 30px; line-height: 30px; font-size: 14px; padding-right: 5px; padding-left: 5px; float: left; border: 1px solid #A3A3A3;}
.addto form input.radio{width:20px; height: 20px; margin:calc((30px - 20px)/2) 30px calc((30px - 20px)/2) 5px;}
.addto form .en{ width: 78px;}
.addto form select{float: left; display: inline-block;  height: 32px; font-size: 14px; line-height: 32px; color: #333333; border:1px solid #A3A3A3; padding:0 5px;}
.addto form must{ color: #FF0000; margin-right: 10px; margin-left: 10px; font-size: 14px; }
.addto form .display{ display: block; }
.addto form textarea{ padding: 5px; float: left; height: 80px; width: 260px; border: 1px solid #A3A3A3; font-size: 14px; }
.addto form.s1 dl.show dt, .addto form.s1 dl.show dd{padding:0;}
.addto form.s1 dl.show{width:80%; margin:20px 10%; padding: 0;}
.addto form.s1 dl.show dt{width:90%;}
.addto form.s1 dl.show dt input{margin-right:1%;}
.addto form.s1 dl.show dt input:nth-of-type(1){width:30%;}
.addto form.s1 dl.show dt input:nth-of-type(2){width:63%;}
.addto form.s1 dl.show dd{width:10%;}
.addto form.s1 dl.show dd span{color:#555555; cursor: pointer; line-height: 32px; margin-right:5px;}
.addto form.s1 dl.show dd span:last-child{margin-right:0;}
.addto form.s1 dl.show dd span:hover{color:#00b1ff;}
.addto form.s1 div.cmd dl dt, .addto form.s1 div.cmd dl dd{padding:0;}
.addto form.s1 div.cmd dl{width:80%; margin:0 10%; padding: 0;}
.addto form.s1 div.cmd dl mun{float: left; width:10%; font-size: 14px; line-height: 30px;}
.addto form.s1 div.cmd dl dt{width:20%; text-align: left; clear:inherit;}
.addto form.s1 div.cmd dl dd{width:70%;}
.addto form.s1 div.cmd dl dd font{width:86%; margin: 0;}
.addto form.s1 div.cmd dl dd span{ color:#555555; cursor: pointer; line-height: 32px; margin-right:5px;}
.addto form.s1 div.cmd dl dd span:last-child{margin-right:0;}
.addto form.s1 div.cmd dl dd span:hover{color:#00b1ff;}
/*提交按钮*/
.button{ height: 50px; width: 100%; color: #FFFFFF; background-color: #00a2e9; font-size: 18px; line-height: 50px; clear: both; text-align: center; float: left; margin-top: 10px; position: absolute; bottom: 0px; cursor:pointer; transition: .5s linear;}
.button:hover{ background-color: #0080B8; }
.button #state{ width: 100%; height: 50px; line-height: 50px; text-align: center; color: #FFFFFF; background-color: #CCCCCC; font-size: 18px; position: absolute; z-index: 100; left: 0px; top: 0px; display: none; }
.button #state span{ color: #0066FF; font-weight: bold; font-size: 25px;}

/*分组样式*/
.AddtoGroup{float:left; width:100%;}
.AddtoGroup form h3{float:left; width:96%; margin:15px 2%; font-size:14px;}
.AddtoGroup form h3 submit{float:right; cursor:pointer; display:inline-block; color:#00b1ff;}
.AddtoGroup form h3 submit:hover{color:#0081BA;}
.AddtoGroup form ul{float:left; width:96%; padding:0 2%;  border-top:2px solid #4a6c90;}
.AddtoGroup form ul li{display:inline-block; cursor:pointer; margin:10px 5px; padding:5px 10px; border:1px solid #4a6c90; font-size:14px;}
.AddtoGroup form ul li.on{border-color:#00b1ff; color:#fff; background:#00b1ff;}
/*滚动条设置*/
#loaded{height:calc(100% - 112px);}
#loaded div.empty{float:left; width:100%; height:300px; line-height:300px; font-size:18px; font-weight:700; text-align: center;}
.attribute{ float: left; width: 100%; height: 100%; padding-top: 20px; padding-bottom: 40px; }
.attribute ul{ padding-right: 3%; padding-left: 3%; }
.attribute ul li{ float: left; width: 100%; margin-bottom: 10px; margin-top: 10px; }
.attribute ul li h3{ float: left; width: 100%; margin-bottom: 10px; }
.attribute ul li a{ font-size: 14px; line-height: 38px; color: #666666; border: 1px solid #999999; padding: 6px; white-space: nowrap; }
.attribute ul li a:hover{ border-top-color: #FF0000; border-right-color: #FF0000; border-bottom-color: #FF0000; border-left-color: #FF0000; }
.attribute ul li a o{ color: #333333; margin-left: 10px; }
.attribute ul li a o:hover{ color: #FF0000; }
.attribute ul li a v,o{ cursor:pointer;}
.attribute ul li h3 m,span{ float: left; }
.attribute ul li h3 m{ height: 25px; width: 25px; border: 1px solid #999999; color: #999999; float: left; text-align: center; line-height: 25px; font-size: 18px; margin-left: 1em; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; cursor: pointer; transition: all 0.3s; text-decoration: none; }
.attribute ul li h3 m:hover{ color: #0033FF; border-top-color: #0033FF; border-right-color: #0033FF; border-bottom-color: #0033FF; border-left-color: #0033FF; }
.floating{ position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: rgba(0,0,0,.2); display: none; }
.floating .region{ width: 200px; height: 100px; position: absolute; left: 50%; top: 50%; background-color: #FFFFFF; z-index: 100; margin-top: -50px; margin-right: 0; margin-bottom: 0; margin-left: -100px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 35px 5px rgba(0,0,0,0.2);}
.floating .region close{ width: 20px; height: 20px; position: absolute; z-index: 300; top: 3px; right: 3px; float: right; border-radius: 100%; font-size: 14px; line-height: 20px; color: #333333; text-align: center; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; cursor: pointer; }
.floating .region h5{ height: 40px; float: left; width: 97%; font-weight: normal; color: #666666; line-height: 40px; padding-left: 3%; }
.floating .region input{ float: left; height: 60px; width: 56%; padding-right: 3%; padding-left: 3%; border-top-width: 1px; border-top-style: solid; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: #CCCCCC; }
.floating .region submit{ float: left; width: 38%; background-color: #0066FF; color: #FFFFFF; line-height: 60px; font-size: 14px; text-align: center; height: 60px; border-top-width: 1px; border-top-style: solid; border-top-color: #0066FF; cursor:pointer;}
/*修改密码*/
.renewpass{ width: 300px; margin: auto;}
.renewpass form{float: left; margin-top: 60px;}
.renewpass form li{float: left; width: 100%;}
.renewpass form li dt, .renewpass form li dd{ float: left; height: 45px; line-height: 46px; border-bottom: 1px dotted #A3A3A3; color: #333333; padding-bottom: 3px; margin-top: -1px;}
.renewpass form li dt{ width: 30%; text-align: right; }
.renewpass form li dd{width: 70%;}
.renewpass form li dd .notice{ border-style: dotted; }
.renewpass form li dd input{width: 100%; height: 100%; line-height: 45px; float: left; padding: 2px 10px 0px 10px;}
.renewpass form li .submit{ padding: 0px; float: left; width: 100%; margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.renewpass form li .submit #submit{ background-color: #0099FF; display: block; cursor: pointer; color: #FFFFFF;}
.renewpass form li .submit #state{ background-color: #CCCCCC; color: #FFFFFF; display: none; }
.renewpass form li .submit #submit, .renewpass form li .submit #state{ padding: 0px; width: 200px; clear: both; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; height: 45px; font-size: 16px; line-height: 45px; text-align: center; border-radius: 5px; }
/*规格*/
.SpecsList{float: left; width:96%; margin:10px 2%;}
.SpecsList div.box{float: left; width:100%; margin-top:10px;}
.SpecsList div.box ul li{float: left; width:100%; padding:5px 0; border-bottom:1px dashed #C5C5C5;}
.SpecsList div.box ul li:last-child{border:none;}
.SpecsList div.box ul li ol{float: left; width:85%; height:20px; line-height:20px; font-size:14px; pointer-events:none;}
.SpecsList div.box ul li ol::before{content:"\e607"; float: left; height:100%; margin-right: 5px; font-size:20px; pointer-events:auto; cursor:pointer;}
.SpecsList div.box ul li ol.active::before{content:"\e602";}
.SpecsList div.box ul li span{display: inline-block; margin:0 5px; height:100%; line-height:20px; font-size:14px; cursor:pointer; color:#666666;}
.SpecsList div.box ul li span:hover{color:#00b1ff;}
.SpecsList div.box ul li>ul{float:left; width:calc(100% - 25px); margin-top:5px; padding:5px 0 0 20px; display:none; border-top:1px dashed #C5C5C5;}
.SpecsList div.box ul li>ul li{border:none; width:auto; display:inline-block; padding:0 5px; font-size:14px; color:#333333;}
.SpecsList form dl{float: left; width:100%; padding:20px 0; border-bottom:2px solid #333333;}
.SpecsList form dl dt{float:left; width:90%;}
.SpecsList form dl dt input{float:left; width:calc(100% - 12px); height:30px; border:1px solid #C5C5C5; padding:5px; font-size:14px;}
.SpecsList form dl dd{float:left; width:10%;}
.SpecsList form dl dd div{float:left; width:calc(100% - 12px); height:30px; line-height:30px; border:1px solid #00b1ff; background:#00b1ff; color:#fff; padding:5px; font-size: 16px; text-align:center; cursor:pointer;}