@CHARSET "utf-8";
* { 
	margin:0 auto;
	padding:0; 
	text-decoration:none;
	list-style-type:none;
}

.mains{
	background-color: #FFFFFF;
    height: auto;
    margin: 0 auto;
    width: 1100px;
}
html{
	font-family:"微软雅黑";
	font-size:14px;
	color:#676767;
}
input,textarea{ font-family:"微软雅黑";}
a:link {
	color: #000000;
	text-decoration: none;
	cursor:pointor;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #30b5ab;
}
a:active {
	text-decoration: none;
	color: #30b5ab;
}	
.li_dian{
	width:7px;
	height:7px;
	float:left;
	margin:7px 0px;
	margin-right:10px;
	background:url('../../img/common/dian.jpg') no-repeat;
	}
.yuanjiao{
	background:#ffb44c;
	border: 1px solid #ff9400;
	border-radius: 50px;
	color: #FFF;
	cursor: pointer;
	float:left;
	font-size: 12px;
	margin-top: 10px;
	padding: 6px 12px;
	margin-left:10px;
}
.yuanjiao:hover{
	background:#ffc676;

}
.yuanjiao_style{
	margin:20px 0px;
	padding:3px 20px;
	background:#FF9400;
	font-size:14px;
	color:#fff;
}
.yuanjiao1{
	background: none repeat scroll 0 0 #fbf7e6;
	border: 1px solid #d4d4d4;
	color: #a3a3a3;
	float:left;
	padding: 6px 12px;
	margin-top:0px;
	border-radius:8px; 
	margin-left:10px;
}
.clear{
	clear:both;
	}	
.float{
	float:left;
}		
.fl{
	float:left;
}	
.fr{
	float:right;
}
.m5{
	margin:5px;
}
.m10{
	margin:10px;
}
.m15{
	margin:15px;
}
.m20{
	margin:20px;
}
.m35{
	margin:35px;
}
.m40{
	margin:40px;
}
.mt0{
	margin-top:0px;
}
.mt5{
	margin-top:5px;
}
.mt8{
	margin-top:8px;
}
.mt10{
	margin-top:10px;
}
.mt15{
	margin-top:15px;
}
.mt20{
	margin-top:20px;
}
.mt30{
	margin-top:30px;
}
.mb5{
	margin-bottom:5px;
}
.mb10{
	margin-bottom:10px;
}
.mb15{
	margin-bottom:15px;
}
.mb20{
	margin-bottom:20px;
}
.mb30{
	margin-bottom:30px;
}
.mb50{
	margin-bottom:50px;
}
.ml5{
	margin-left:5px;
}
.ml10{
	margin-left:10px;
}
.ml15{
	margin-left:15px;
}
.ml20{
	margin-left:20px;
}
.ml25{
	margin-left:25px;
}
.ml30{
	margin-left:30px;
	}
.ml35{
	margin-left:35px;
}
.ml40{
	margin-left:40px;
	}
.mr5{
	margin-right:5px;
}
.mr10{
	margin-right:10px;
}
.mr20{
	margin-right:20px;
}
.m10_0{
	margin:10px 0px;
}
.m0_10{
	margin:0px 10px;
}
.m20_0{
	margin:20px 0px;
}
.m0_20{
	margin:0px 20px;
}
.m5_0{
	margin:5px 0px;
}
.m0_5{
	margin:0px 15px;
}
.p0{
	padding:0px;
}
.p3{
	padding:3px;
}
.p5{
	padding:5px;
}
.p10{
	padding:10px;
}
.p15{
	padding:15px;
}
.p20{
	padding:20px;
}
.p25{
	padding:25px;
}
.p30{
	padding:30px;
}
.pl5{
	padding-left:5px;
}
.pl20{
	padding-left:20px;
}
.pl10{
	padding-left:10px;
}
.pr10{
	padding-right:10px;
}
.pr20{
	padding-right:20px;
}
.pt5{
	padding-top:5px;
}
.pt8{
	padding-top:8px;
}
.pt10{
	padding-top:10px;
}
.pt20{
	padding-top:20px;
}
.pb10{
	padding-bottom:10px;
}
.pb20{
	padding-bottom:20px;
}
.pb30{
	padding-bottom:30px;
}
.p10_0{
	padding:10px 0px;
}
.p0_5{
	padding:0px 5px;
}
.p0_10{
	padding:0px 10px;
}
.p20_0{
	padding:20px 0px;
}
.p0_20{
	padding:0px 20px;
}
.p10_20{
	padding:10px 20px;
}
.text_c{
	text-align:center;
}
.text_r{
	text-align:right;
}
.text_l{
	text-align:left;
}
.border{
	border:1px solid #efefef;
}
.border_d{
	border:1px dashed #efefef;
}
.border2{
	border:2px solid #F2F2F2;
}
.border_b_d{
	border-bottom:1px dashed #efefef; 	
}
.border_b{
	border-bottom:1px solid #efefef;	
}
.border_t{
	border-top:1px solid #efefef;
}
.border_l{
	border-left:1px solid #efefef;
}
.border_r{
	border-right:1px solid #efefef;
}
.yj5{
	border-radius:5px;
}
.yj10{
	border-radius:10px;
}
.over{
	overflow:hidden;
}
.ta_c{
	text-align:center;
}
.ta_l{
	text-align:left;
}
.br5{
	border-radius:5px;
}
.br3{
	border-radius:3px;
}
.br10{
	border-radius:10px;
}
.br50{
	border-radius:50px;
}
.sd{
	box-shadow:1px 1px 2px #999;
}
.cp{
	cursor:pointer;
}
.font30{
	font-size:30px;
}
.cd{
	cursor:default;
}
.fontb{
	font-weight:bold;
}

.font25{
	font-size:25px;
}
.font18{
	font-size:18px;
}
.font20{
	font-size:20px;
}
.font22{
	font-size:22px;
}
.font24{
	font-size:24px;
}
.font14{
	font-size:14px;
}
.font10{
	font-size:10px;
}
.font12{
	font-size:12px;
}
.font15{
	font-size:15px;
}
.font15 p{
	margin-bottom:8px;
}
.font15 span{
	line-height:1.5;
}
.font16{
	font-size:16px;
}
.font16 p{
	margin-bottom:10px;
}
.font16 span{
	line-height:1.5;
}
.mr50{
	margin-right:50px;
}
.h5{
	height:5px;
}
.h10{
	height:10px;	
}
.h18{
	height:18px;	
}
.h20{
	height:20px;
}
.l_h20{
	line-height:20px;
}
.h25{
	height:25px;
}
.l_h25{
	line-height:25px;
}
.l_h24{
	line-height:24px;
}
.h30{
	height:30px;
}
.l_h30{
	line-height:30px;
}
.l_h35{
	line_height:35px;
}
.h35{
	height:35px;
}
.h40{
	height:40px;
}
.l_h40{
	line-height:40px;
}
.h50{
	height:50px;
}
.l_h50{
	line-height:50px;
}
.h60{
	height:60px;
}
.l_h60{
	line-height:60px;
}
.h100{
	height:100px;
}
.l_h100{
	line-height:100px;
}
.w1100{
	width:1100px;
}
.w50{
	width:50px;
}
.w80{
	width:80px;
}
.w100{
	width:100px;
}
.w120{
	width:120px;
}
.w150{
	width:150px;
}
.w200{
	width:200px;
}
.w250{
	width:250px;
}
.w300{
	width:300px;
}
.w350{
	width:350px;
}
.w400{
	width:400px;
}
.w450{
	width:450px;
}
.w_p100{
	width:100%;
}
.min_h100{
	min-height:100px;
}

.bg_w{
	background:#FFF;
}
.bg_o{
	background:#FF9400;
}
.color_w{
	color:#FFF;
}
.color_b{
	color:#000;
}
.color_o{
	color:#FF9400;
}
.button_style{
	 padding:8px 18px; 
	 background:#41cac0; 
	 color:#fff;
	 font-size:14px; 
	 border-radius:3px;
	 cursor:pointer; 
	 margin-top:10px; 	
}	

.button_style:hover {
	 background:#39bab1; 
	 color:#FFF;
}

.button_fenxiang{
	width:100%;
	border-top:1px solid #e9e9e9;
	border-bottom:1px solid #e9e9e9;
	border-left:0px solid #fff;
	border-right:0px solid #fff;	
	padding:10px;	
}

.button_fenxiang:hover{
	width:100%;
	border-top:1px solid #e9e9e9;
	border-bottom:1px solid #e9e9e9;
	border-left:0px solid #fff;
	border-right:0px solid #fff;
	color:red;
	padding:10px;	
}

.c_hei{
	color:#000000;
}

.c_hui{
	color:#ccc;
}
/*
.baoming_list{
	float:left;
	overflow:hidden;
	height:25px;
	border-bottom:1px dashed #e1e1e1;
	text-align:center;
	font-size:12px;
	line-height:25px;
}*/
.content_format p{
	margin:12px 0px;
	line-height:1.4;
}
.active_content p{
	line-height:1.4;
	margin:0px auto 5px;
}
.button_style_end{
	 padding:8px 18px; 
	 background:#F0F0F0; 
	 color:#838181;
	 border:1px solid #FF8A00;
	 font-size:14px; 
	 border:1px solid #C5C7CB;
	 box-shadow:0px 1px 6px 1px #CCC;
	 border-radius:5px; 
	 cursor:default; 
	 margin-top:10px; 	
}

.delete_style{
	background: #e7e7e7;
    border: 1px solid #C5C7CB;
    border-radius: 5px;
    box-shadow: 0 1px 6px 1px #CCCCCC;
    color: #555555;
    cursor: pointer;
    font-size: 12px;
    padding: 3px 12px;
}
.delete_style:hover {
	background: none repeat scroll 0 0 #F7EDDF;
    border: 1px solid #F1B97C;
    box-shadow: 0 1px 6px 1px #F7B488;
    color: #DD5718;
	} 
.submit_register {
	padding:8px 35px; 
	background:#99ba00;
	color:#F5F9E0;
	font-size:18px; 
	border:1px solid #BAD33E;
	box-shadow:0px 1px 6px 1px #CCC;
	border-radius:5px; 
	cursor:pointer;
	margin-top:10px; 
	box-shadow:0px 18px 3px #AFD500 inset;
	}	
.submit_register:hover {
	background:#bee700; 
	color:#fff; 
	border:1px solid #bee700;
	box-shadow:0px 1px 6px 1px #e2e2e2;
	}
	
.qiandao{
	background:#FFB44C; 
	border: 1px solid #FF9400;
	border-radius: 50px;
	font-size: 12px;
	padding: 2px 16px;
	margin-left:10px;
}
.qiandao:hover{
	background:#ffc676; 
}


.qiandao a{
	color: #FFF;
}
.qiandao a:hover{
	color: #FFF;
}

.input_register{
	border-radius:5px;
	padding:0px 5px;
	height:35px;
	font-size:14px;
	width:190px;
	border: 1px solid #e7e7e7;
}
.long_input{
	width:450px;
}

#body{
	background:#ffffff;
}


.radio{
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #d4d4d4;
    border-radius: 8px;
    color: #a3a3a3;
    cursor: pointer;
    margin-right:5px;
    float:left;
    font-size: 12px;
    margin-top: 5px;
    padding: 6px 12px;
}

.radio:hover{
    background: none repeat scroll 0 0 #fbf7e6 ;
    border: 1px solid #d4d4d4;
    border-radius: 8px;
    color: #a3a3a3;
    cursor: pointer;
    font-size: 12px;
    margin-top: 5px;
    padding: 6px 12px;
}

.radio_check{
    background: none repeat scroll 0 0 #ffae00 ;
    border: 1px solid #f2982b;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    margin-right:5px;
    float:left;
    font-size: 12px;
    margin-top: 5px;
    padding: 6px 12px;
}

.tags_m_over {
    background: #efefef url("../../../../View/Template/M/img/icon_shouqing_01.png") no-repeat scroll 100% 100% / 40px 40px;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    color: #999;
    cursor: pointer;
    float: left;
    font-size: 12px;
    margin-right: 5px;
    margin-top: 5px;
    padding: 4px 8px;
}
.tags{
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #ccc;
    color: #a3a3a3;
	border-radius: 3px;
    cursor: pointer;
    float:left;
    margin-right:5px;
    font-size: 12px;
    margin-top: 5px;
    padding: 4px 8px;
}
.tags_over{
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #efefef;
    color: #a3a3a3;
	border-radius: 3px;
    cursor: pointer;
    float:left;
    margin-right:5px;
    font-size: 12px;
    margin-top: 5px;
    padding: 4px 8px;
}
.tags:hover{
    border: 1px solid #FF9400;
    border-radius: 3px;
    color: #a3a3a3;
    cursor: pointer;
    font-size: 12px;
    margin-top: 5px;
    padding: 4px 8px;
}

.tags_nb{
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #efefef;
    color: #666666;
	border-radius: 3px;
    cursor: pointer;
    float:left;
    margin-right:5px;
    font-size: 12px;
    margin-top: 5px;
    padding: 4px 8px;
}

.tags_nb:hover{
    border: 1px solid #FF9400;
    border-radius: 3px;
    color: #666666;
    cursor: pointer;
    font-size: 12px;
    margin-top: 5px;
    padding: 4px 8px;
}

.tags_check{
    background:url('../../img/common/duigou.png') no-repeat right bottom;
    background-size:16px;
    border: 1px solid #FF9400;
    border-radius: 3px;
    color: #FF9400;
    cursor: pointer;
    margin-right:5px;
    float:left;
    font-size: 12px;
    margin-top: 5px;
    padding: 4px 8px;
}
#dh_good_list .tags_check span{
	color:#ff9400;
}
#dh_good_list .tags_check div{
	color:#ff9400;
}
#dh_good_list .tags_check{
	background:#fffbf6 url('../../img/common/duigou.png') no-repeat right bottom;
	background-size:18px;
	border-radius: 3px;
	cursor: pointer;
	margin-right:5px;
	float:left;
	font-size: 12px;
	margin-top: 5px;
	padding: 4px 8px;
}
#dh_good_list .tags span{
	color:#666;
}
#dh_good_list .tags div{
	color:#999;
}
.tags_qipao{
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #d4d4d4;
    color: #a3a3a3;
	border-radius: 3px;
    cursor: pointer;
    float:left;
    margin-right:5px;
    font-size: 12px;
    margin-top: 5px;
    padding: 4px 8px;
}

.tags_qipao:hover{
    border: 1px solid #FF9400;
    border-radius: 3px;
    color: #a3a3a3;
    cursor: pointer;
    font-size: 12px;
    margin-top: 5px;
    padding: 4px 8px;
}

.tags_qipao_check{
    background:url('../../img/common/icon_018.gif') no-repeat right bottom;
    border: 1px solid #FF9400;
    border-radius: 3px;
    color: #a3a3a3;
    cursor: pointer;
    margin-right:5px;
    float:left;
    font-size: 12px;
    margin-top: 5px;
    padding: 4px 8px;
}

.subtags{
	display:inline-block;
	cursor:pointer;
	padding:2px 6px;
	font-size:12px;
}

.subtags_check{
	cursor:pointer;
	padding:2px 6px;
	font-size:12px;
	color:#fff;
	background:#ff9400;
}

.subtags:hover{
	cursor:pointer;
	padding:2px 6px;
	font-size:12px;
	color:#fff;
	background:#ff9400;
}
.subtags_check{
	display:inline-block;
	padding:2px 6px;
	font-size:12px;
	color:#fff;
	background:#ff9400;
}

.page{	
	font-family:arial;
	border:1px solid #e7e7e7;
	padding:8px;
	border-radius:5px;
}
.page a{
	border-right:1px solid #e1e1e1;
	padding:8px;
}
.page a:hover{
	background:#F5E5CB;
	padding:8px 9px 8px 10px;
	margin-left:-4px;
}
.page span{
	border:1px solid #F28700;
	padding:8px 14px;
	margin-left:-5px;
	background:#FF9900;
	color:#fff;
	font-weight:bold;
}

.page_load{		
	clear:both;
	cursor:pointer;
	text-align: center;
	border:1px solid #eadece;
	padding:8px;
	border-radius:5px;
	background:#faead5;
	font-family:微软雅黑;
}

.page_load:hover{		
	color:#ff9400;
	border:1px solid #f8dfbe;
	background:#ffe8c9;	
}

.page_new a{
 background: #c4c5c5 none repeat scroll 0 0;
 border-radius: 4px;
 color: #fff;
 font-size: 13px;
 margin: 0 5px;
 padding: 6px 12px;
}
.page_new span{
	background: #099acf none repeat scroll 0 0;
	border-radius: 4px;
	color: #fff;
	font-size: 13px;
	margin: 0 5px;
	padding: 6px 12px;
}
.page_new a:hover{
	background: #099acf none repeat scroll 0 0;
	color:#fff;
}
.page_new a{
	font-weight: bold;
}

.textarea_style{
	border:1px solid #e1e1e1;
	border-radius:5px;
	padding:5px;
}
img{
	border:0px;
}

.gobottom{
	border:1px solid #e0e0e0;
	cursor:pointer;	
}

.gobottom {
	position: fixed;right: 0;top: 90%; z-index:12;
	border:1px solid #d0d0d1;
	cursor:pointer;
	height:50px;
	width:50px;
	background:url('../../img/common/icon_bottom.gif') no-repeat center;
	margin-right:50px;
}
.gobottom:hover{
	border:1px solid #ff9400;
	background:url('../../img/common/icon_bottom1.gif') no-repeat center;
}

.c_t1{
	width:87px;
	height:60px;
	background:url('../../img/common/icon_066.gif') no-repeat 20px 5px;
	padding-left:70px;
}
.c_t1:hover{
	width:85px;
	height:60px;
	border:1px solid #FF9400;
	border-radius:5px;
	background:#FF9400 url('../../img/common/icon_066b.gif') no-repeat 20px 5px;
	color:#fff;
}
.c_t1_check{
	width:85px;
	height:60px;
	border:1px solid #FF9400;
	border-radius:5px;
	background:#FF9400 url('../../img/common/icon_066b.gif') no-repeat 20px 5px;
	padding-left:70px;
	color:#fff;
}
.c_t2{
	width:87px;
	height:60px;
	padding-left:70px;
	background:url('../../img/common/icon_067.gif') no-repeat 20px 5px;
}
.c_t2:hover{
	width:85px;
	height:60px;
	border:1px solid #FF9400;
	border-radius:5px;
	background:#FF9400 url('../../img/common/icon_067b.gif') no-repeat 20px 5px;
	color:#fff;
}
.c_t2_check{
	width:85px;
	height:60px;
	border:1px solid #FF9400;
	border-radius:5px;
	background:#FF9400 url('../../img/common/icon_067b.gif') no-repeat 20px 5px;
	padding-left:70px;
	color:#fff;
}
.c_t3{
	width:87px;
	height:60px;
	padding-left:70px;
	background:url('../../img/common/icon_068.gif') no-repeat 20px 5px;
}
.c_t3:hover{
	width:85px;
	height:60px;
	border:1px solid #FF9400;
	border-radius:5px;
	background:#FF9400 url('../../img/common/icon_068b.gif') no-repeat 20px 5px;
	color:#fff;
}
.c_t3_check{
	width:85px;
	height:60px;
	border:1px solid #FF9400;
	border-radius:5px;
	background:#FF9400 url('../../img/common/icon_068b.gif') no-repeat 20px 5px;
	padding-left:70px;
	color:#fff;
}
.c_t4{
	width:87px;
	height:60px;
	padding-left:70px;
	background:url('../../img/common/icon_069.gif') no-repeat 20px 5px;
}
.c_t4:hover{
	width:85px;
	height:60px;
	border:1px solid #FF9400;
	border-radius:5px;
	background:#FF9400 url('../../img/common/icon_069b.gif') no-repeat 20px 5px;
	color:#fff;
}
.c_t4_check{
	width:85px;
	height:60px;
	border:1px solid #FF9400;
	border-radius:5px;
	background:#FF9400 url('../../img/common/icon_069b.gif') no-repeat 20px 5px;
	padding-left:70px;
	color:#fff;
}

.imgb5 img{
	margin:5px 0px;
	border-radius:5px;
}

.div_scroll{
	border-radius:5px;
	border:1px dotted #e1e1e1;
	padding:10px;
	background-color:#f8f8f8;
	/*box-shadow:2px 2px 3px rgba(220,220,220,0.5) inset;*/   
    scrollbar-face-color: #D4D4D4;                  /*滚动条滑块颜色*/   
    scrollbar-hightlight-color: #ffffff;                /*滚动条3D界面的亮边颜色*/   
    scrollbar-shadow-color: #919192;                    /*滚动条3D界面的暗边颜色*/   
    scrollbar-3dlight-color: #ffffff;               /*滚动条亮边框颜色*/   
    scrollbar-arrow-color: #919192;                 /*箭头颜色*/   
    scrollbar-track-color: #ffffff;                 /*滚动条底色*/   
    scrollbar-darkshadow-color: #ffffff;                /*滚动条暗边框颜色*/  
    } 
/* 小导航特效 */
.list_sort{
	height:32px;
	line-height:31px;
	float:left;
	font-size:16px;
	padding:4px 20px;
	border:1px solid #e7e7e7;
	border-left:1px solid #fff;
	border-top:2px solid #FF9400;
	margin-top:-2px;
	background:url('../../img/common/hd_bj.jpg') repeat-x;
}
.list_sort_check{
	height:32px;
	line-height:31px;
	float:left;
	font-size:16px;
	padding:4px 20px;
	border:1px solid #e7e7e7;
	border-left:1px solid #fff;
	border-top:2px solid #70B213;
	margin-top:-2px;
	border-bottom:1px solid #fff;
	background:#fff;
}
.list_sort:hover{
	border-top:2px solid #70B213;
	margin-top:-2px;
	background:#fff;
}

.bg_touming{
	background:url('../../img/common/bg_touming.gif') repeat;
	
}

.bg_c_hui{
	background:#ebebeb;	
}

.bg_c_bai{
	background:#fff;	
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
    color:    #bababe;
}
input:-moz-placeholder, textarea:-moz-placeholder { 
    color:    #bababe;
}
input::-moz-placeholder, textarea::-moz-placeholder { 
    color:    #bababe;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
    color:    #bababe;
}

.add_img{
	width:90px;
	height:90px;
	border:1px solid #e7e8eb;
	line-height:83px;
	font-size:80px;
	text-align:center;
	color:#f0f0f0;
	background:#e7e7e7;
	cursor:pointer;
	border-radius:5px;
}

.add_img:hover{
	color:#fff;
	background:#e7e8eb;
}

.button_cheng{
	cursor:pointer;
	margin-right:20px;
	padding:8px 20px 8px 20px;	
	border:1px;
	background:#ff9400;
	color:#fff;
	border-radius:3px;
}
.button_cheng:hover{
	background:#fbc15e;
}
.button_lv{
	cursor:pointer;
	margin-right:20px;
	padding:8px 20px 8px 20px;	
	border:1px;
	background:#09bb07;
	color:#fff;
	border-radius:3px;
}
.button_lv:hover{
	background:#09bb07;
}
.button_bai{	
	cursor:pointer;
	margin-right:20px;
	padding:8px 20px 8px 20px;	
	border:1px #e6e7ec solid;
	background:#fff;
	color:#000;
	border-radius:3px;
}
.button_bai:hover{
	background:#e6e7ec;
}
#describtion_1::-webkit-input-placeholder::after {
    display:block;
    content:"招生对象：\A 开班日期：\A 收费标准： \A 咨询电话：";
}
/* 浮层提示 */
.popup{width:294px;color:#222;position:absolute;z-index:99;}
.popup.flow{width:auto;position:relative;}/* 拉通并处于普通的文档流中 */
.popup.mini .inner{padding:4px 10px;border-color:#e7e7eb;}
.popup .inner{padding:20px;zoom:1;}
.popup .arrow{width:0;height:0;position:absolute;overflow:hidden;}
.popup .inner{background:#ffffff;border:1px solid #d9dadc;}
.popup.pop-top{margin-top:8px;}
.popup.pop-top .arrow{border-color:transparent transparent #ffffff;border-style:dashed dashed solid;border-width:0 8px 8px;left:50%;margin:-8px 0 0 -8px;}
.popup.pop-top .arrow-in{top:1px;}
.popup.pop-top .arrow-out{top:0;border-bottom-color:#d9dadc;}
.popup.pop-bottom{margin-bottom:8px;}
.popup.pop-bottom .arrow{border-color:#ffffff transparent transparent;border-style:solid dashed dashed;border-width:8px 8px 0;left:50%;margin:0 0 -8px -8px;}
.popup.pop-bottom .arrow-in{bottom:1px;}
.popup.pop-bottom .arrow-out{bottom:0;border-top-color:#d9dadc;}
.popup.pop-left{margin-left:8px;}
.popup.pop-left .arrow{border-color:transparent #ffffff transparent transparent;border-style:dashed solid dashed dashed;border-width:8px 8px 8px 0;top:50%;margin:-8px 0 0 -8px;}
.popup.pop-left .arrow-in{left:1px;}
.popup.pop-left .arrow-out{left:0;border-right-color: #DDDDDD;}
.popup.pop-right{margin-right:8px;}
.popup.pop-right .arrow{border-color:transparent transparent transparent #ffffff;border-style:dashed dashed dashed solid;border-width:8px 0 8px 8px;top:50%;margin:-8px -8px 0 0;}
.popup.pop-right .arrow-in{right:1px;}
.popup.pop-right .arrow-out{right:0;border-left-color:#d9dadc;}
.popup.pos-left .arrow{left:32px;}
.popup.pos-right .arrow{left:auto;right:24px;}
.popup.pos-top .arrow{top:32px;}
.popup.pos-bottom .arrow{top:auto;bottom:24px;}