* {
	margin:0;
	padding:0;
	list-style-type:none;
	font-family:微软雅黑;
	
}
a {
	text-decoration:none;
	color:#ccc;
}

.index_body{width:100%;height:100%;background:#f4f4f4;}
.top{width:1000px;height:auto;margin:0 auto;background:#fff; position:relative;}
.top h2{font-size:23px;display:block;text-align:center;padding-top:70px;padding-bottom:70px;}
.top_ra{width:800px;height:auto;margin:0 auto;}
.tm_1{width:100%;height:auto;overflow:hidden;margin: 13px auto; border:1px solid #fff;}
.top_r{display:block;margin-bottom:30px;font-size:14px;}
.tm_1_1{margin-top:12px;display:block;font-size:14px;}
.tm_1_1 span,a{color:#cd2b27;margin-left:15px;font-size:14px;}

.tm_r_1{display:block;float:left;width:370px;line-height:22px; margin-left:14px;color:#666666;font-size:12px; padding:15px 0 0 6px;}
.tm_r_1:hover{background:#f5f4f4;}
.tm_r_1 input{margin-top:5px;display: block;float: left;    margin-right: 10px;/*width: 20px;*/}
.ly_center_title{display: block; float: left; width: 350px;}
.tm_r_a{display:block;float:left;margin-left:23px;margin-top:15px;color:#666666;    font-size: 12px; margin-top: auto;}
.tm_r_a input{width:320px;height:30px;margin-left:15px;border:1px solid #dadada;}
.tm_r_2,.tm_4_r{resize:none; width:765px; height:150px;margin-left:20px;border:1px solid #dadada;}
.tm_3{width:100%;height:aotu;overflow:hidden;}
/*.pbl{width:380px;height:auto;float:left;margin-right:20px;text-align:center;display:inline; }*/
.pbl{
    width: 100%;
    min-height: 100px;
    overflow: hidden;
}
.pbl > label{
    width: calc( ( 100% - 80px ) / 4 );
    height: 235px;
    display: block;
    float: left;
    margin-right:26px;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.pbl > label:nth-child(2n+4){
    margin-right:0;
}

.tm_3_r .tm_3_r_img{
    width:100%;
    height:180px;
}

.tm_3_r_span{width:100%;text-align:left;overflow: hidden;text-overflow: ellipsis;height: 45px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;margin-top: 10px;}
.tm_3_r{width:100%;height:auto;text-align:left; /*margin-left:15px;margin-right:15px;margin-top: 15px;*/float:left;display:inline;}
.tm_3_r img{width:100%}
.tm_3_r_span a{color:#666666}
.tm_3 div input{/* margin-top:15px; */}
.tm_3 div a{margin-left:10px;font-size:14px;}
#btn{margin:0 auto;display:block;width:120px;height:40px;background:#be2621;color:#fff;border:0px;margin-top:65px;transition:all 1s ease; opacity:0.8; margin-bottom:50px;border-radius: 3px;}
 #btn:hover{ opacity:1;cursor:pointer;}
.loog{padding-top:60px;min-width:210px;height:55px;margin:0 auto;text-align:center!important;}
.loog img{width:auto;height:100%;}
.xin{padding-top:20px;padding-bottom:32px;margin:0 auto;width:220px;}
.xin img{margin-left:10px;vertical-align:middle;}
.xin span{font-size:13px;35px;line-height:35px;font-size:12px}

.tm_1_a{width:100%;height:auto;overflow:hidden;}
.get{width:100%;height:auto;overflow:hidden;}

.xfimg_1{    width: 113px;height: 350px;position: fixed;top: 20%; right: 130px;z-index: 1;}
.xfimg_2{position:fixed;top: 415px;right: 2px;}
.xfimg_3{position:fixed;top:550px;right:2px;}
.xfimg_4{position: absolute;top:155px;left: -110px;background:url(../images/pc_views.png) no-repeat center,#717171;background-size:39px 50px;}
.xfimg_5{ position: absolute;top:255px;left: -110px;background:url(../images/m_views.png) no-repeat center,#717171;background-size:48px 50px;}
.xfimg_6{ position: absolute;top:355px;left: -110px;}
.ea_c{width:100%;height:224px;margin:0 auto;}
.xfimg_4,.xfimg_5{
    width:90px;
    height:94px;
}
.xfimg_4.active{
    background:url(../images/pc_views.png) no-repeat center,#bd2721;background-size:39px 50px;
}
.xfimg_5.active {
    background:url(../images/m_views.png) no-repeat center,#bd2721;background-size:48px 50px;
}
.qr_code{
    width:90px;
    height:90px;
    position: absolute;top:380px;left: -95px;
}
.qr_code img {width:100%; height:100%;}

/*xn_pro_full*/
.xn_pro_full{ width:100%;height:100%;background:rgba(0,0,0,0.8); position:fixed;top:0;left:0; display:none;z-index:99999999999;  }
.xn_pro_full_cont{width:690px;height:755px;background:#fff;position:fixed;left:50%;top:100px;margin-left: -360px;position:relative;overflow:hidden;}
.xn_pro_full_cont1{   width:690px; margin:20px auto 0;height:auto;  color:#123e6f; }
.xn_pro_full_cont2{width:690px;margin:57px auto 0;height:auto;/* overflow-y:scroll; */color:#000;}
.xn_pro_full_cont3 {position: absolute;right: 0px;top: 0px;width: 100%;height: 38px;background: #be2621;/* vertical-align: middle; */}
.xn_pro_full_cont3 img{vertical-align: middle;display:block;float:right;margin-top:8px;margin-right:5px;}
.xn_pro_full_cont3 a{ width:40px; height:40px;   }
.span_pro0222_a{display:block;font-size:14px;color:#686868;margin:0 auto;margin-top:35px;text-align:center;margin-bottom:50px;}
.span_pro0222{display:block;line-height:70px;font-size:26px;margin:0 auto;height:35px;padding-top:65px;text-align:center;}
.xn_pro_full_cont hr{width:620px;display:block;margin:0 auto;}
.tm_r_a1{width:550px;height:auto;overflow: hidden;margin:0 auto;color:#808080;margin-bottom:30px}
.tm_r_a1 span{font-size:12px;display:block;line-height:24px;}
#tm_1_1{font-size:15px;color:#2e2e2e;}
.tm_1_2{display:block;width:570px;height:32px;}
.tm_1_2 span{float:left;line-height:32px;}
.tm_1_2 img{margin-left:25px;margin-right:50px}
.tm_100{color:#e96560;position:relative;top:0;left:-50px}
.jdt_36{position:relative;top:0px;left:-32px}
.loog_b{display:block;margin:0 auto;width:160px;height:50px;position:absolute;bottom:50px;left:250px;}
.tm_1_other{    margin-right: 10px!important;width: 13px!important;height: 13px!important;margin-left: -2px!important;}
.tm_1_div_other{clear: left; overflow: hidden; padding-top: 15px;}
/*end_xn_pro_full*/


/*手机预览*/
/* .index_ph_body{background-color: #f4f4f4;}
.body_phone{width: 100%; text-align: center;}
.body_phone_img{text-align: center; width: 450px; height: 736px;overflow: auto; }
.body_content{ background-color: #fff;} */

.index_ph_body{
	width: 100%;
	min-height: 790px;
}
.body_phone{
	width: 542px;
	height: 930px;
	margin: 0 auto;
	padding-top:20px;
	box-sizing:border-box;
	background: url(../images/iphone.png) no-repeat top 20px center;
	background-size: 480px;
	position: relative;
}
.phone_cont_box{
    width:335px;
    height:587px;
    box-sizing:border-box;
    position: absolute;
    top: 113px;
    left: 106px;
    overflow:hidden;
}
.phone_cont{
	width: 350px;
    height: 587px;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
}
.phone_top{width: 100%;margin: 0 auto;background: #fff;position: relative;}
.phone_top h2{font-size: 20px;
    display: block;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 35px;
    display: block;}
 .phone_top_ra{    width: 100%;
    height: auto;
    margin: 0 auto;}
 .phone_top_r{    color: #676767;
    display: block;
    margin-bottom: 18px;
    margin-top: 0;
    font-size: 14px;
    margin-left: 14px;
    margin-right: 10px;}
  .phone_top_ba_r {
    width: 90%;
    margin: 0 auto;}
   .phone_tm_1_a {
    width: 91%;
    height: auto;
    overflow: hidden;
    margin: 0 13px;
}
.phone_tm_1 {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.phone_tm_1_1 {
    margin-top: 40px;
    display: block;
    font-size: 14px;
    margin-left: 20px;
    margin-right: 20px;
}
.phone_tm_r_1{width: auto!important;display:block;float:left;line-height:40px; margin-left:14px;color:#666666;font-size:12px; padding-left: 6px;}
.phone_tm_r_1 input{ margin-right: 10px;}
.phone_tm_r_a {
    display: block;
    float: left;
    margin-left: 21px;
    margin-top: 5px;
    color: #979797;
    font-size: 14px;
    width: 100%;
    height: 35px;
    border: 1px solid transparent;
}
.phone_tm_r_a input {width: 60%;height: 30px; margin-left: 20px;border: 1px solid #dadada;}
.phone_tm_r_text{
    resize: none;
    width: 89%;
    height: 150px;
    margin-left: 20px;
    border: 1px solid #dadada;
}
.phone_pbl {
    width: 100%;
    height: auto;
    float: left;
    margin-right: 20px;
    text-align: center;
    display: inline;
}
.phone_tm_3_r {
	width: 90%;
    height: auto;
    text-align: left;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 15px;
    float: left;
    display: inline;
}
.phone_tm_3_r img {
    width: 100%;
}
.phone_tm{margin-left: 10px;}
.phone_xfimg{
	    position: absolute;
    top: 100px;
    width: 110px;
}
/*end 手机预览*/

/*xn_pro_full*/
.xn_pro_fullc{ width:100%;height:1500px;background:#7a7a7a;position:relative;  }
.xn_pro_full_contc{overflow: hidden;margin: 0 auto;background-color: rgba(0,0,0,.5);position: fixed;top: 0;left: 0;bottom: 0;right: 0;}
.nhc{font-size:13px;color:#666666;display:block;text-align:center;height:30px;line-height:30px;}
.nhd{display:block;padding-top:20px;}
#btn_4{display:block;width:70px;height:30px;background:#be2621;color:#fff;border:0px;transition:all 1s ease; opacity:0.8;border-radius: 3px;cursor:pointer;float:left;margin-top:7px;margin-left:70px;}
.input{height:45px;width:100%;background:#f5f5f5;border-top:1px solid #e2e2e2; margin-top:26px;}
.nhc_r{width:208px;height:152px;background:#fff;position: absolute;top: calc( 50% - 76px );left: calc( 50% - 104px);}

/*end_xn_pro_full*/

 .inputFill {
    width: calc( 100% - 50px);
    height: 30px;
    margin-left: 22px;
    border: 1px solid #dadada;
}

.error {
    border: solid 1px #f5abab !important;
    box-sizing:border-box;
}

.tm_1_other {
    margin-right: 10px !important;
    width: 13px !important;
    height: 13px !important;
    margin-left: -2px !important;
}

.tm_1_div_other { clear: left; }