@charset "utf-8";
/* CSS Document */

.overlay { position:fixed; top:0; right:0; bottom:0; left:0; z-index:99999; background:url(../images/black.png);}
.mr30{ margin-right: 30px;}
/**
 * Pop
 ----------------------------------------------------------------------------*/
.pop { width:328px; border:1px #ccc solid; border-radius:4px; background:#fff; box-shadow:0 0 6px rgba(0,0,0,.1);}
.pop-lg { width:418px;}
.pop-head { position:relative; height:30px; border-bottom:1px #dbdbdb solid; border-top-left-radius:4px; border-top-right-radius:4px; background:#f8f8f8; text-align:center; line-height:30px; font-size:12px; color:#888;}
.pop-shut { display:inline-block; position:absolute; top:2px; right:2px; width:24px; height:24px; border-radius:3px; border:1px #f8f8f8 solid; text-align:center; line-height:24px; font-size:16px; color:#afafaf; text-decoration:none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.pop-shut:hover { border-color:#d1d1d1; background-color:#fff;}
 
.pop-cont1 { padding:20px 30px;}
.pop-cont2 { padding:20px 40px;}
.pop-cont3 { padding:20px;}
.pop-cont4 { padding:30px 40px;}

.pop-txt1 { position:relative; display:block; padding-left:38px; line-height:20px; font-size:12px; color:#666;}
.pop-txt1 i { position:absolute; top:50%; left:0; margin-top:-14px;}
.pop-txt2 { margin:0; padding:0; line-height:24px; font-size:14px; color:#666;}


.pop-error-ico { display:inline-block; width:28px; height:28px; margin-right:15px; line-height:28px; font-size:28px; vertical-align:-6px;}
.pop-error-ico { color:#fb4a4a;}
.pop-remind-ico { display:inline-block; width:28px; height:28px; margin-right:15px; line-height:28px; font-size:28px; vertical-align:-6px;}
.pop-remind-ico { color:#ffa200;}
.pop-done-ico { display:inline-block; width:28px; height:28px; margin-right:15px; line-height:28px; font-size:28px; vertical-align:-6px;}
.pop-done-ico { color:#27a500;}

 
.pop-bot { padding:0 10px 10px 10px; text-align:right;}
.pop-btn1,
.pop-btn2 { display:inline-block; width:88px; height:27px; border:1px solid; border-radius:3px; margin-left:10px; text-align:center; line-height:27px; font-size:12px; text-decoration:none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.pop-btn1:hover,
.pop-btn2:hover { box-shadow:0 1px 2px #ececec;}
.pop-btn1 { border-color:#0071c9; background:#157ed9; color:#fff;}
.pop-btn1:hover { background:#1794f4; color:#fff;}
.pop-btn2 { border-color:#ccc; background:#f8f8f8; color:#666;}
.pop-btn2:hover { background:#fff;}

.pop_hollowBtn {}
.pop_hollowBtn { display:inline-block; height:30px; padding:0 18px; border-radius:3px; border-width:1px; border-style:solid; line-height:28px; font-size:12px; border-color:#8abeec; background:#fff; color:#157ed9;}
.pop_hollowBtn:hover { border-color:#157ed9; background:#157ed9; color:#fff;}


/**
 * 申请待确认
 */
.pop_form { border-top:1px #eee solid;}
.pop_form label { display:block; line-height:36px; border-bottom:1px #eee solid;}
.pop_form .pop_radiobtn,/* 默认未选中，时选项按钮样式 */
.pop_form .pop_checkbtn { top:15px;}

.pop_con_tit { text-align:center; line-height:24px; font-weight:bold; font-size:14px; color:#666;}
.pop_con_hint { line-height:30px; font-size:12px; color:#ee3733;}


.pop-sm { width:70px; padding:25px; text-align:center;}
.pop-sm i { display:block; width:40px; height:40px; line-height:40px; margin:0 auto; font-size:40px;}
.pop-sm p { padding-top:10px; font-size:14px;}



/**
 * Form
 */
.pop_row { position:relative; min-height:30px; padding:3px 0;}
.pop_tit { position:absolute; top:3px; left:0; width:62px; line-height:30px; text-align:right; font-size:12px;}
.pop_con { padding-left:72px; line-height:30px; font-size:14px;}

.pop_row_long .pop_tit { width:110px; text-align:left;}
.pop_row_long .pop_con { padding-left:120px;}

.pop_input,
.pop_textarea { border:1px #ccc solid; border-radius:4px; line-height:28px\9; *line-height:28px; background:#fff; font-size:12px; color:#666;}
.pop_input { height:28px;}
.pop_input:focus,
.pop_textarea:focus { border-color:#65a9e8; box-shadow:0 0 3px rgba(0,0,0,.1);}

.pop_textarea { height:78px; line-height:28px;}

/* 单选/多选按钮 */
.pop_check,
.pop_radio { position:relative; *height:20px; padding:5px 0 5px 20px; cursor: pointer; line-height: 20px; font-size:12px; color:#666;}
.pop_check input,/* 将原始选项按钮隐藏 */
.pop_radio input { position: absolute; left:-99999px;} 
.pop_radiobtn,/* 默认未选中，时选项按钮样式 */
.pop_checkbtn { position:absolute; top:7px; left:0; width:14px; height:14px; background:url(../images/form.png) no-repeat;}
.pop_radiobtn { background-position:-60px 0;}
.pop_checkbtn { background-position:-80px 0;}
.pop_radio:hover .pop_radiobtn { background-position:-60px -20px;}/* 鼠标滑过时，选项按钮样式 */
.pop_check:hover .pop_checkbtn { background-position:-80px -20px;}
label.r_on .pop_radiobtn,/* 选中时，选项按钮样式 */
label.r_on:hover .pop_radiobtn { background-position:-60px -40px;}
label.c_on .pop_checkbtn,
label.c_on:hover .pop_checkbtn { background-position:-80px -40px;}


/**
 * 位置
 */
.pop-lg-pos,
.pop-md-pos,
.pop-sm-pos { position:absolute; top:30%; left:50%;}
.pop-lg-pos { margin:0 0 0 -210px;}
.pop-md-pos { margin:0 0 0 -165px;}
.pop-sm-pos { display:none; margin:0 0 0 -60px;}


/**
 * small pop
 */
.pop_min { width:238px; border-radius:6px; border:1px #bbb solid; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.15); text-align:center;}
.pop_min_in { padding:20px;}
.pop_min p { line-height:24px; padding-bottom:10px; font-size:16px; color:#444;}
.pop_min a { display:inline-block; padding:0 18px; line-height:30px; border-radius:4px; background:#1579ed; font-size:14px; color:#fff;}
.pop_min a:hover { background:#1794f4; color: #fff;}

.pop_row-add { position:relative; min-height:30px; padding:3px 75px 3px 0;}
.pop-upload{
	width: 60px;height: 28px; position: absolute; right: 0; top: 3px; text-align: center; font-size: 12px; line-height: 28px; padding: 0; margin: 0; border: 1px solid #157fd7; border-radius: 3px;
	&:hover{ background: #157fd7; color: #fff;}
	}
.pop-uploadp{
	color:#157fd7;
	&:hover{ color: #157fd7; text-decoration: underline;}
}