@charset "utf-8";

.diy-title{margin-bottom:10px;padding:0 6px 10px 6px;border-bottom:1px dotted #ccc;}
.diy-title h1{margin-bottom:6px;font-size:large;}

.diy-fields{padding-left:0;list-style:none;}
.diy-item{position:relative;padding:6px;}
.diy-item label.diy-desc{display:block;margin-right:5px;font-weight:bold;}
.diy-item .diy-input{padding:5px 5px 5px 0;}
.diy-item .radio input, .diy-item .checkbox input{margin-right:5px;vertical-align:-1px;}
.diy-item .vertical label.radio, .diy-item .vertical label.checkbox{display:block;float:none;margin-right:0;margin-bottom:5px;}
.diy-item.diy-hr{margin-top:15px;padding-top:12px;padding-bottom:12px;border-top:1px dotted #ccc;}
.diy-item-tip{display:none;position:absolute;top:33px;left:470px;padding:9px;border:1px solid #ccc;max-width:300px;background-color:#f6f6f6;}
.diy-item:hover .diy-item-tip{display:block;}

.diy-text{display:inline-block;padding:4px;border:1px solid #ccc;vertical-align:middle;background-color:#fff;transition:all .3s linear;}
.diy-text:focus{border:1px solid #999;box-shadow:0 0 12px #ddd;}
.diy-select{padding:2px;height:27px;line-height:27px;border:1px solid #ccc;border-radius:3px;}
.diy-select option{display:block;padding:0px 2px 1px;white-space:pre;min-height:1.2em;}
.diy-select option.opt1{background:#e1f0e1;}
textarea.diy-text{height:100px;}
.diy-s{width:150px;}/*3x*/
.diy-m{width:300px;}/*6x*/
.diy-l{width:450px;}/*9x*/

.diy-row{margin-right:-15px;margin-left:-15px;}
/*不同于bootstrp的栅格系统：diy-col-n，n为每行共多少列*/
.diy-col-1, .diy-col-2, .diy-col-3, .diy-col-4, .diy-col-5, .diy-col-6, .diy-col-7, .diy-col-8, .diy-col-9, .diy-col-10{float:left;padding-right:15px;padding-left:15px; box-sizing:border-box;}
.diy-col-10{width:10%;}
.diy-col-9{width:11.11111111%;}
.diy-col-8{width:12.5%;}
.diy-col-7{width:14.28571428%;}
.diy-col-6{width:16.66666666%;}
.diy-col-5{width:20%;}
.diy-col-4{width:25%;}
.diy-col-3{width:33.33333333%;}
.diy-col-2{width:50%;}
.diy-col-1{width:100%;}


.btn{display:inline-block;margin-right:5px;padding:5px 15px;vertical-align:middle;cursor:pointer;border:0;outline:none;color:#edffd1;background-color:#4bbd00;}
.btn:hover{border-bottom:0;color:#fff;background-color:#4cdb00;}
.btn-common{color:#333;background-color:#ddd;}
.btn-common:hover{color:#fff;background-color:#666;border-bottom:0;}
.btn-submit{color:#fff;background-color:#CC3900;}
.btn-submit:hover{background-color:#ff2610;}
.btn-submit, .btn-return{padding:10px 50px;color:#fff;font-size:medium;}
.btn:disabled, .btn.disabled{background-color:#888;color:#eee;cursor:not-allowed;}

.verify-image-box{display:inline-block;position:relative;vertical-align:top;width:120px;height:32px;overflow:hidden;}
.verify-image-box>img{position:absolute;top:-4px;;left:-12px;cursor:pointer;}