{include common=css/member/public.css} 
section.member>article>.mains>form{padding:28px;}
section.member>article>.mains>form>dl{margin-bottom:18px;}
section.member>article>.mains>form>dl::after{display:block; content:''; clear:both;}
section.member>article>.mains>form>dl>dt{float:left; width:200px; line-height:38px;}
section.member>article>.mains>form>dl>dd{margin-left:200px; max-width:100%;}

section.member>article>.mains>form>dl>dd[width1]{width:77px;}
section.member>article>.mains>form>dl>dd[width2]{width:154px;}
section.member>article>.mains>form>dl>dd[width3]{width:230px;}
section.member>article>.mains>form>dl>dd[width4]{width:307px;}
section.member>article>.mains>form>dl>dd[width5]{width:384px;}
section.member>article>.mains>form>dl>dd[width6]{width:461px;}
section.member>article>.mains>form>dl>dd[width7]{width:538px;}
section.member>article>.mains>form>dl>dd[width8]{width:614px;}
section.member>article>.mains>form>dl>dd[width9]{width:691px;}
section.member>article>.mains>form>dl>dd[width10]{width:768px;}

section.member>article>.mains>form>dl>dd input[type=text],
section.member>article>.mains>form>dl>dd input[type=password],
section.member>article>.mains>form>dl>dd input[type=number],
section.member>article>.mains>form>dl>dd input[type=tel],
section.member>article>.mains>form>dl>dd input[type=email],
section.member>article>.mains>form>dl>dd select,
section.member>article>.mains>form>dl>dd textarea{border:1px solid #d8d8d8; padding:4px 10px; line-height:28px; height:38px; box-shadow:inset 0 -2px 6px rgba(0,0,0,0.038);}
section.member>article>.mains>form>dl>dd textarea{height:120px;}
section.member>article>.mains>form>dl>dd textarea[ueditor],
section.member>article>.mains>form>dl>dd textarea[image],
section.member>article>.mains>form>dl>dd textarea[images],
section.member>article>.mains>form>dl>dd textarea[file],
section.member>article>.mains>form>dl>dd textarea[video]{display:none;}
section.member>article>.mains a.fh{cursor:pointer; float:right; line-height:28px; padding:0 12px; font-size:14px; border-radius:3px; transition:0.28s; 
box-shadow:0 2px 6px rgba(0,0,0,0.08); background:#fff; color:#22bf68; border:1px solid #22bf68;}
section.member>article>.mains a.fh:hover{background:#22bf68; color:#fff;}
section.member>article>.mains code.tights>select+select{margin:0 0 0 2px;}

div[upfile]>textarea{display:none;}
div[upfile]>ul:after{display:block; content:''; clear:both;}
div[upfile]>ul>li{width:168px; height:168px; float:left; overflow:hidden; margin:0 18px 0 0; border-radius:3px; 
border:1px solid #d8d8d8; background:#fff; box-shadow:inset 0 -2px 6px rgba(0,0,0,0.038); transition:0.3s; position:relative;
display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-o-box; display:box;
-webkit-box-orient:vertical; -moz-box-orient:vertical; -ms-box-orient:vertical; -o-box-orient:vertical; box-orient:vertical;
-webkit-box-pack:center; -moz-box-pack:center; -ms-flex-pack:center; -o-box-pack:center; box-pack:center; 
-webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; -o-box-align:center; box-align:center;}
div[upfile]>ul>li>a{text-align:center;}
div[upfile]>ul>li>a:hover{border-style:solid;}
div[upfile]>ul>li>a>i{display:block; font-size:38px; line-height:24px; color:#686868;}
div[upfile]>ul>li>a>b{display:block; font-weight:normal; color:#181818; margin:12px 0 2px 0;}
div[upfile]>ul>li>a>u{display:block; text-decoration:none; font-size:12px; color:#a8a8a8}
div[upfile]>ul>li>ins{position:absolute; top:4px; right:4px; z-index:888; font-size:14px; line-height:14px; text-align:center; opacity:0; display:block;
width:14px; height:14px; border-radius:50%; background:rgb(236, 36, 53); color:#fff; cursor:pointer; transform:rotate(45deg); transition:0.3s;}
div[upfile]>ul>li>span{position:relative; z-index:3; display:block; width:70px; height:70px; color:#965209; font-size:12px; font-style:normal; background-image:url('../../system/extend/ueditor/dialogs/attachment/images/file-icons.png');}
div[upfile]>ul>li>span.dir{background-position:-3px 0; padding-top:5px; line-height:65px;}
div[upfile]>ul>li>span.folder{background-position:-74px 0; line-height:25px; padding-top:10px; padding-right:15px;}
div[upfile]>ul>li>span.code{background-position:-143px 0;}
div[upfile]>ul>li>span.file{background-position:-213px 0;}
div[upfile]>ul>li>span.zip{background-position:-278px 0;}
div[upfile]>ul>li>span.excel{background-position:-356px 0;}
div[upfile]>ul>li>span.word{background-position:-425px 0;}
div[upfile]>ul>li>span.powerpoint{background-position:-495px 0;}
div[upfile]>ul>li>span.pdf{background-position:-635px 0;}
div[upfile]>ul>li>span.text{background-position:-704px 0;}
div[upfile]>ul>li>span.movie{background-position:-982px 0;}
div[upfile]>ul>li>span.audio{background-position:-1050px 0;}
div[upfile]>ul>li:hover>ins{opacity:1;}
div[upfile]>ul>li>img{display:block;}
div[upfile]>ul>li>input[type="file"]{position:absolute; top:0; left:0; width:100%; height:100%; 
background:none; border:none; cursor:pointer; opacity:0;}
div[upfile]>ul>li>img{max-width:100%; max-height:100%;}


select[tight]{display:inline-block; width:230px;;}


@media(max-width:992px){
section.member>article>.mains>form>dl>dt{width:100%; line-height:38px;}
section.member>article>.mains>form>dl>dd{float:left; width:100%; margin-left:auto;}
section.member>article>.mains a.fh+dl{clear:both;}
section.member>article>.mains>form{padding:18px;}
}