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

.nPosition {
    color: #999;
    font-size: 14px;
	padding:0 0 20px 0;

}
.nPosition .icon {
	background-image: url(../images/icon_m.png);
    background-repeat: no-repeat;
    background-position: -33px -50px;
    display: inline-block;
    margin-right: 6px;
    position: relative;
    top: 1px;
    height: 14px;
    width: 14px;
}

.req_step { margin:15px 0 30px 0; overflow:hidden; width:100%; }
.req_step li { width:16%; float:left; text-align:center; height:45px; line-height:45px; position:relative; font-size:15px;}
.req_step li b { display:block; background:#efefef; border-radius:5px; font-weight:normal;}
.req_step li.step_arrow { width:5%; height:45px; position:relative; background:#FFF;}
.req_step li i.arrow_icon {
	display:block;
	position: absolute;
	z-index:9; 
    top: 50%;
	margin-top:-5px;  
    left: 50%; 
	margin-left:-10px; 
    width: 14px;  
    height: 14px;  
    border-style: solid;  
    border-width: 4px 4px 0 0;  
    border-color: #eee;  
    -webkit-transform-origin: 75% 25%;  
    -webkit-transform: rotateZ(45deg);  
    -webkit-transition: 100ms ease-in .1s;  
    transition: 100ms ease-in .1s;  
}
.req_step li.step_over b { background:#CCE8F6; color:#019EE8;}

.req_step li.step_cur b { background:#019EE8; color:#FFF; font-weight:bold;}

.req_step li.step_over i.arrow_icon { border-color:#CCE8F6; background:#FFF;}


.base_req { padding:20px 50px;}

.top_tip_pf {
	font-size: 18px;
	color: #019EE8;
	line-height: 30px;
	margin-bottom: 10px;
	height:45px;
	border-bottom:1px solid #E5E5E5;
	position:relative;
	z-index:1;
	padding-left:15px;
}

.top_tip_pf i {
	display:block;
	width:4px;
	height:18px;
	background:#019EE8;
	position:absolute;
	z-index:9;
	left:0;
	top:7px;
}

.requi_cont {
	padding:10px 0;
}

.xz_row {
	font-size:14px;
	padding:8px 100px;
	line-height:30px;
}

.x_row_name {
	width:160px;
	float:left;
	overflow:hidden;
	font-size:14px;
	color:#000;
}

.x_row_txt {
	width:650px;
	float:left;
	color:#666;
}

.tf_requr {
	
}

.tf_requr dl {
    float:left;
	margin-right:36px;
}

.tf_requr dt {
	float:left;	
}

.tf_requr dd {
	float:left;	
}

.ser_s {
	border:1px dashed #e5e5e5;
	background:#f9f9f9;
	padding:5px 10px;
	border-radius:5px;
	margin:20px 0;
}

.ser_stop {
	height:40px;
	line-height:40px;
	font-size:15px;
	padding:0 10px;
}

.ser_slist {
	width:100%;
	padding:5px 0 15px 0;
}

.ser_slist ul {
	margin-left:8px;
}

.ser_slist li {
	width:80px;
	height:80px;
	overflow:hidden;
	float:left;
	margin:0 13px;
	border-radius:50%;
}

.ser_slist li img {
	width:100%;
	height:80px;
	display:block;
}


.medius {
	border-top:1px solid #e5e5e5;
	padding:20px 0;
}

.z_medius_title {
	width:100%;
	border-bottom:1px solid #e5e5e5;
	line-height:45px;
	margin-bottom:10px;
	margin-top:5px;
	position:relative;
	z-index:1;
}

.z_medius_title b {
	text-align:center;
	font-size:16px;
	float:left;
	position:relative;
	z-index:1;
	border-bottom:2px solid #019EE8;
	font-weight:normal;
}

.med_tb td.s1 { width:60%;}
.med_tb td.s2 { width:30%;}
.med_tb td.s3 { width:10%;}

.med_tb { font-size:13px; text-align:center;}
.med_tb td { line-height:24px; padding:12px 5px;}
.med_tb td.t1 { width:20%;}
.med_tb td.t2 { width:10%;}
.med_tb td.t3 { width:15%;}
.med_tb td.t4 { width:15%;}
.med_tb td.t5 { width:15%;}
.med_tb td.t6 { width:15%;}
.med_tb td.t7 { width:10%;}
.med_thead { background:#f1f1f1; font-size:14px; line-height:30px; color:#000;}
.med_gray { background:#f7f7f7;}

.condi { position:absolute; z-index:9; top:8px; right:0;}
.condi_i { display:block; float:left; height:30px; line-height:30px; padding:0 28px 0 15px; border:1px solid #e5e5e5; margin-left:8px; position:relative; z-index:1;}
.condi_first { padding:0 12px 0 12px;}
.condi_i.cha_cond { border:1px solid #019EE8; color:#019EE8;}
.condi_i.cha_cond .condi-arrR { border-color:#019EE8;}
.condi-arrR  
{  
    position: absolute;
	z-index:9;
    top: 14px;  
    right: 11px;  
    width: 6px;  
    height: 6px;  
    border-style: solid;  
    border-width: 2px 2px 0 0;  
    border-color: #999;  
    -webkit-transform-origin: 75% 25%;  
    -webkit-transform: rotateZ(135deg);  
    -webkit-transition: 100ms ease-in .1s;  
    transition: 100ms ease-in .1s;  
} 
.condi-arrT  
{  
    -webkit-transform: rotateZ(-45deg); 
	top: 12px;    
} 

.med_fws { text-align:left;}
.med_tx { display:block; float:left; width:65px; height:65px; border:1px solid #e5e5e5; overflow:hidden; margin-right:15px; border-radius:50%;}
.med_tx img { display:block; width:65px; height:65px}
.med_text { float:left;}
.med_text .med_t01 { height:35px; line-height:35px; overflow:hidden;}
.med_text .med_t01 .med_rz { height:21px; margin:8px 10px 0 5px;}
.med_text .med_t01 .med_money { background:url(../images/m.png) no-repeat left center; padding:0 0 0 24px; background-size:20px auto; margin:0 0 0 10px; color:#F90;}

.med_t02 { height:24px; line-height:24px; color:#666;}
.med_t02 b { font-weight:normal; padding-right:20px;}

.jd-star {}
.jd-star img { margin:0 4px 0 0;}

.bo_line { border-top:1px solid #e5e5e5; padding:20px 5px!important;}


input[type='checkbox'].swit_1{
    width: 18px;
    height: 18px;
    background-color: #fff;
    -webkit-appearance:none;
    border: 1px solid #c9c9c9;
    border-radius: 2px;
    outline: none;
	cursor:pointer;
}
.checkBox input[type=checkbox].swit_1:checked{
   background: url("../images/g.png")no-repeat center #019EE8;
   background-size:100% auto;
   border:1px solid #019EE8;
}

/*页码*/
.m_page {
	border-top:1px solid #e5e5e5;
	height:30px;
	line-height:30px;
	padding:20px 0;
	margin-top:20px;
}

.m_page_l a {
	display:inline-block;
	float:left;
	border:1px solid #e5e5e5;
	padding:0px 10px;
	border-radius:3px;
	margin-right:5px;
	background:#FFF;
}

.m_page_l span {
	display:inline-block;
	float:left;
	border:1px solid #019EE8;
	padding:0px 10px;
	border-radius:3px;
	margin-right:5px;
	background:#019EE8;
	color:#FFF;
}

.m_page_l i {
	display:inline-block;
	float:left;
	padding:0px 5px;
	margin-right:5px;
}

.m_page_l .c_tz {
	float:left;
	font-weight:normal;
	margin:0 10px;
}

.m_page_l .c_tz_i {
	width:40px;
	margin:0 5px;
	text-align:center;
	border:1px solid #e5e5e5;
	height:30px;
	line-height:30px;
	border-radius:3px;
}

.page_sure {
	display:inline-block;
	float:left;
	border:1px solid #019EE8!important;
	padding:0px 10px;
	border-radius:3px;
	margin-right:5px;
	background:#019EE8!important;
	color:#FFF;
}

.page_sure:hover {
	color:#FFF;
}

.page_total {
	text-align:right;
}

.page_total i {
	color:#019EE8;
	padding:0 10px;
	font-weight:bold;
}

/*指定媒体*/

.su_mediu {
	width:100%;
	border:1px solid #acdcf2;
	line-height:45px;
	margin-bottom:20px;
}

.su_mediu li {
	width:50%;
	text-align:center;
	font-size:15px;
	float:left;
	position:relative;
	z-index:1;
}

.su_mediu li.cur_mt {
	background:#019EE8;
	color:#FFF;
}

.su_mediu li.cur_mt a {
	color:#FFF;
}

.su-down {
	display:block;
	position:absolute;
	left:50%;
	bottom:-10px;
	margin-left:-10px;
	z-index:5;
    width:0; 
    height:0; 
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-top:10px solid #019EE8;
}

.su_mediu li .su-down {
	display:none;
}

.su_mediu li.cur_mt .su-down {
	display:block;
}

.zd_mtop {
	width:100%; padding:10px 0;
}
.zd_mtop01 { margin-right:30px;}
.zd_int_txt {
    display: inline-block;
    border: 1px solid #eeeeee;
    border-radius: 4px;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    color: #888;
    margin-right: 15px;
	float:left;
}
.zd_int_txt400 { width:420px;}
.zd_int_txt100 { width:150px;}
.zd_int_name { line-height:40px; float:left; font-size:14px; margin-right:10px;}
.zd_int_add {
	display:block;
    width: 120px;
	margin:0 auto;
    font-size: 14px;
    background: #019EE8;
    line-height: 40px;
    box-sizing: border-box;
    color: #fff;
	border-radius: 2px;
	text-align:center;
	float:right;
	cursor:pointer;
}
.zd_int_add:hover {
    color: #fff;
	opacity:0.9;
}

.z_md_title {
	width:100%;
	border-bottom:1px solid #e5e5e5;
	height:45px;
	line-height:45px;
	position:relative;
	z-index:1;
}

.z_md_title b {
	display:block;
	position:absolute;
	z-index:5;
	left:0;
	bottom:0;
	border-bottom:2px solid #019EE8;
	font-size:16px;
	font-weight:normal;
}

.md_tb { font-size:13px; text-align:center; padding:20px 0;}
.md_tb td { line-height:24px; padding:12px 5px;}
.md_tb td.t1 { width:40%;}
.md_tb td.t2 { width:30%;}
.md_tb td.t3 { width:30%;}

.md_tb td.a1 { width:25%;}
.md_tb td.a2 { width:20%;}
.md_tb td.a3 { width:20%;}
.md_tb td.a4 { width:35%;}

.md_i1 {
    background: #d8edf8;
    padding: 3px 12px;
    color: #019EE8;
    border-radius: 3px;
	margin:0 10px;
}
.md_i2 {
    background: #dcdcdc;
    color: #434343;
}
.md_i2:hover {
    color: #000;
}

.mind_tip {
	width:100%;
	line-height:30px;
	font-size:13px;
	color:#999;
	border-top:1px solid #e5e5e5;
	padding-top:10px;
	padding-bottom:50px;
}

.mind_tip i.impt {
	color:#019EE8;
	padding:0 5px;
}

.mind_tip i.fred {
	color:#F84141;
}

.mind_tip a.cz {
	color:#019EE8;
	padding-left:20px;
}
.zd_sure {
    width: 200px;
    font-size: 18px;
    background: #019EE8;
    line-height: 32px;
    display: inline-block;
    box-sizing: border-box;
    color: #fff;
    border: 0;
}
.zd_sure:hover {
    width: 200px;
    font-size: 18px;
    background: #019EE8;
    line-height: 32px;
    display: inline-block;
    box-sizing: border-box;
    color: #fff;
    border: 0;
}

.m_patch { position:absolute; z-index:5; right:0; top:3px;}
.m_patch_i { float:left; display: inline-block; border: 1px solid #eeeeee; border-radius: 4px; height: 30px; line-height: 30px; padding-left: 20px; padding-right: 20px; font-size: 14px; color: #888; margin-right: 15px; float: left;}
.m_patch_b { 
    float:right;
    display: block;
    width: 120px;
    margin: 0 auto;
    font-size: 14px;
    background: #019EE8;
    line-height: 30px;
    box-sizing: border-box;
    color: #fff;
    border-radius: 2px;
    text-align: center;
}
.m_patch_b:hover { color: #fff; opacity:0.9;}
.patch_fws { text-align:left;}
.patch_fws_pic { display:block; float:left; width:50px; height:50px; border:1px solid #e5e5e5; overflow:hidden; margin-right:10px; border-radius:50%;}
.patch_fws_pic img { display:block; width:50px; height:50px}
.patch_fws_txt { float:left; font-size:14px; line-height:50px; font-weight:normal; color:#000;}
.m_patch_i2 { display: inline-block; width:75%; margin:0 auto; border: 1px solid #e5e5e5; border-radius: 4px; height: 32px; line-height: 32px; padding-left: 20px; padding-right: 20px; font-size: 14px; color: #666; text-align:center;}
.z_mediu { padding:0 0 40px 0; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; margin-bottom:40px;}

.article { position:relative; z-index:1;}

/*选择投放类型*/
.choose_main {
	height:500px;
	padding:100px 0;
	background:url(../images/function_bg.png) no-repeat center;
	position:relative;
	z-index:1;
}
.choose_main02 {
	height:auto;
	padding:150px 0;
	background:url(../images/bh3.jpg) no-repeat center #F2F7FA;
	position:relative;
	z-index:1;
}
.choose_main_bg { position:absolute; left:0; top:0; z-index:5; width:100%; height:100%; background-color: rgba(0, 0, 0, .25); display:none;}

.choose_l { position:relative; z-index:99;}
.choose_l li { width:25%; float:left; overflow:hidden;}
.choose_l dl { width:240px; height:300px; text-align:center; /*border:1px solid #797979;*/ border:1px solid #34B5F6; background:#FFF; margin:0 auto; position:relative; z-index:1;}
.choose_l dl:hover { border:1px solid #34B5F6;}
.choose_l dt {
	display:block;
	width:100px;
	height:100px;
	/*border:1px solid #E6E6E6;
	border-radius:80px;
	background:#FFF;*/
	margin:0 auto;
	margin-top:50px;
	margin-bottom:20px;
	text-align:center;
}

.choose_l dt img {
	max-width: 100%;
	/*width:80px;
	height:80px;
	margin:10px 0 0 0;*/
	opacity:0.8;
}

.choose_l dd {
	line-height:24px; font-size:15px; text-align:center;
}

.choose_l dd b {
	line-height:36px; font-size:22px;
	display:block;
	/*color:#efefef;*/
	color:#34B5F6;
}

.choose_l dd p {
	line-height:30px; font-size:15px;
	/*color:#cfcfcf;*/
	color:#62b6e0;
}


.he_slideCaptionDown{ padding:0;margin:0; position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideCaptionDown .he_slideCaptionDown_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;overflow:hidden}
.he_slideCaptionDown .he_slideCaptionDown_caption{color:#fff;background:rgba(254,114,83,0);-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-o-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption{background:rgba(52,181,246,.8); -webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.he_slideCaptionDown .he_slideCaptionDown_caption,.he_slideCaptionDown .he_slideCaptionDown_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideCaptionDown .he_slideCaptionDown_caption_h{font-size:20px;font-weight:700;text-align:center;width:80%;position:absolute;top:-50%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:0}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption_h{color:#fff;top:20%;opacity:1}
.he_slideCaptionDown .he_slideCaptionDown_caption_p{font-size:14px; line-height:30px;text-align:center;width:80%;position:absolute;top:-50%;left:10%;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption_p{color:#fff;top:40%;opacity:1}

.he_slideCaptionDown:hover dt,.he_slideCaptionDown:hover dd { -webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:0}
.he_slideCaptionDown:hover dl { -webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;transition:all .8s ease-in-out; background:none;}

.zmt_01 { padding:20px 0; height:240px;}
.zmt_a1 { float:left; width: 150px; font-size: 14px; color: #000; font-weight:bold; line-height: 35px; }
.zmt_a2 { float:right; color: #666; position:relative; z-index:1; width:-webkit-calc(100% - 150px);  width:-moz-calc(100% - 150px);  width:calc(100% - 150px);  }
.zmt_a2_1 { float:left; width:100px;}
.zmt_list_i { line-height: 35px; border: 1px solid #e0e0e0; background: #FFF; margin-right: 10px; border-radius: 5px; width: 80px; text-align: center; font-size:14px; }
.zmt_list_i.on_list { border: 1px solid #35AEF7; background: #35AEF7; color: #FFF;}

.zmt_list_c { position:absolute; z-index:9; left:0; top:45px; background:#f8f8f8; border-radius:5px; padding:15px 10px; height: 170px;}
.zmt_list_c dl { width:100%; float:left; margin-bottom:10px;}
.zmt_list_c dt { float:left; font-size:14px; width:100px; color:#333; line-height:36px;}
.zmt_list_c dd { float:left;  width:-webkit-calc(100% - 100px);  width:-moz-calc(100% - 100px);  width:calc(100% - 100px);  }
.zmt_list_input { display: inline-block; border: 1px solid #e0e0e0; border-radius: 4px; width: 470px; height: 36px; line-height: 36px; padding-left: 15px; padding-right: 15px; font-size: 14px; color: #888;}
.zmt_list_select { display: inline-block; border: 1px solid #e0e0e0;  border-radius: 4px; width: 500px; height: 36px; line-height: 36px; padding-left: 15px; padding-right: 15px; font-size: 14px; color: #888;}
.zmt_list_btn { width: 200px; font-size: 16px; background: #34B7FB; line-height: 38px; display: inline-block; box-sizing: border-box; color: #fff; border: 0; border-radius:5px; margin-left:150px; margin-bottom:10px;}