/* Write your styles */
* {
	margin: 0px;
	padding: 0px;
}

body {	
	margin: 0 auto;
	padding: 0;
	font-size: 12px;
	font-family:'microsoft yahei';

}

img {
	border: none;
}

ul,li,ol {
	list-style-type: none;
}

table,td {
	font-size: 12px;
}

input,select,form,button {
	font-size: 12px;
	vertical-align: middle;
	outline: none;
}

a {
	text-decoration:none;
}




.banner_center{ background: #10a0ea; padding-bottom:20%;}
.banner_1{ width:88%; margin:0 auto; padding-top:19%;}
.banner_1 img{ width:100%;}
.banner_2 img{ width:100%;}
.am-form-horizontal{width: 90%;margin: 0 auto; padding-top:14%;}
.am-u-sm-9{ width:100%; color:#fff;}
.banner_4{ width:50%; background:#fff; text-align:center; border-radius:6px; line-height:3.4; margin:4% auto 0 auto;}
.banner_4 a{ color:#10a0ea;}
.banner_2{
width:76%;
margin-left:12%;
margin-top:14%;}
.banner_1{
width:88%;
margin-left:6%;
padding-top:19%;}


/*优势*/
.dabao_youshi{ padding-top:10%; width:96%; margin:0 auto;}
.dabao_youshi p{ color:#7b7b7b; font-size:1.5rem;text-align:center; line-height:1.3;margin-top: 1.6rem;}
.dabao_youshi h3{ font-size:2.8rem; color:#10a0ea; text-align:center; font-weight:normal;}
.dabao_youshi .ysul1{ width:98%; margin:0 auto; margin-bottom:6%;}
.dabao_youshi .ysul2{ width:64%; margin:0 auto; margin-bottom:6%;}
.dabao_youshi .ysul2 li{float:left;margin-right: 4%; width:47%;margin-right: 6%; }
.dabao_youshi li{float:left;margin-right: 4%; width:30%;}
.dabao_youshi li img{ width:100%;}

/*实现*/
.dabao_shixian{ width:100%; background:#fafafa; margin-top:16%; padding-bottom:6%;}
.dabao_shixian2{ width:90%; margin:0 auto;}
.dabao_shixian2 h3{font-size: 1.6rem; padding-top:10%; text-align:center;}
.dabao_shixian_4{ font-weight:bold;font-size: 1.4rem;}
.dabao_shixian2 ul li span{ padding-left:4%;}
.dabao_shixian2 ul li{ padding-bottom:2%;}
.dabao_shixian2 ul li img{ width:5%;}

/*功能*/

.dabao_gongneng{ padding-top:20%;margin:0 auto;}
.dabao_gongneng p{ color:#7b7b7b; font-size:1.5rem;padding-bottom:16%; width:90%; margin:0 auto; text-align:center;margin-top: 1.6rem; line-height:1.3;}
.dabao_gongneng h3{ font-size:2.8rem; color:#10a0ea; text-align:center; font-weight:normal;}
.dabao_gongneng1 p{ color:#010101; text-align:center; padding:6% 0 18% 0;}
.dabao_gongneng1{ width:70%; margin:0 auto; }
.dabao_gnw{ width:100%;border-bottom:1px #cdcdcd solid;margin-bottom: 14%;}
.dabao_gongneng1 img{ width:100%;}


/*案例*/
.dabao_anli2{background: #fafafa;padding: 10% 0;}
.dabao_anli{ width:80%; margin:0 auto;}
.dabao_anli h3{ color:#444647;font-size:3.0rem; text-align: center; font-weight:normal; letter-spacing:0.8px; line-height:5.2rem; padding-bottom:12%;}
.dabao_anli ul li{display:block; margin-bottom:12%;}
.dabao_anli ul li span{ font-size:16px; padding-left:14px; display:block; float:left; line-height:60px;}
.dabao_anli ul li span b{ font-size:20px; font-weight:normal;color: #10a0ea;}
.dabao_anli ul li p{font-size: 16px; color:#999;line-height: 28px;padding-top: 6px;}
.dabao_anli img{ float:left;padding: 3px;border-radius: 50px;border: 1px solid #e2e2e2; width:60px; height:60px;}
.cc_yin{color: #10a0ea; font-weight:bold;}
    
/*一键创建*/
.dabao_yijian{ padding-bottom:12%;}
.dabao_yijian h3{ color:#404040; font-weight:normal; font-size:3.0rem; text-align:center; padding-top:16%;}
.yijian_bb{ width:90%; background:#10a0ea; text-align:center; border-radius:6px;padding: 5% 0 5% 0; margin:4% auto 0 auto; color:#fff;}
.yijian_bb a{ color:#fff; font-size:14px;}


/*底部*/
.footer{ background:#44494c; width:100%; padding-top:6%; padding-bottom:3%; text-align:center;}
.daohang{ width:90%; margin:0 auto; font-size:1.0rem; padding-bottom:4%; line-height:2.6rem;}
.daohang a{ color:#919293;  padding-right:4%; }
.daohang a:hover{ color:#fff;}
.footer p{ color:#919293; text-align:center; margin-top:0; font-size:1.0rem;}


/***************************案例页**************************/

.case_center{ text-align:center; padding-bottom:10%;}
.case_center h3{ font-size:2.5rem; padding-top:16%; font-weight:normal;}
.case_center p{ color:#aaaaaa; margin-top:1.0rem; padding-bottom:10%; width:96%; margin:0 auto;}
.case_center b{ font-weight:normal; display:block; padding-top:5px;}
.case_center a{ display:block; float:left; margin-right:10%;margin-bottom:10%; width:26%; color:#9A9A9A; font-size:14px; }
.case_tu{ width:88%; margin:0 auto;}
.case_tu ul li img{width:100%; border-radius: 14px;border: 3px solid #e7e7ea;}
.case_nomargin{ margin-right:0;}
/***************************产品页**************************/
.product_banner{ width:100%; text-align:center; padding:18% 0;background: #10a0ea;}
.product_banner img{ width:54%;}
.product_nav{ width:100%; background:#fafafa; padding-bottom:16%;}
.product_nav1{ text-align:center; padding-top:32%; width:90%; margin:0 auto;}
.product_nav1 h3{ font-size: 24px;color: #222;font-weight: normal;}
.product_nav1 p{ text-align:left;font-size: 16px !important;color: #555;line-height: 28px; margin: 0 0 10px;margin-top: 25px;}
.product_nav1 img{ width:14%;}
/***************************JSSDK**************************/

.sdk_download h3{ color: #404040;font-weight: normal;font-size: 3.0rem;text-align: center;padding-top: 16%; padding-bottom:10%;}
.Ydb_js{ width:88%; margin:0 auto; box-shadow: 0 2px 16px 0 rgba(0,0,0,0.1); border-radius: 2px; padding:8%; margin-bottom:30px;}
.Ydb_js h4{ font-size:18px; color:#10a0ea; margin: 6px 0 12px 0;}    
.Ydb_js p{ color: #76858c; font-size:15px; line-height: 30px; margin: 0px 0 10px 0;}
.Ydb_a{ display:block; background:#10a0ea; width:100%; text-align:center; color:#fff; border-radius:3px; font-size:14px; height:40px; line-height:40px;}
.Ydb_b{ text-align:center; display:block; padding-top:4px;}


/***************************合作服务**************************/
.contact_banner{ background:#10a0ea; padding:22% 0; text-align:center;}
.contact_banner img{ width:82%;}
.contact_center{ margin-top:20%;}
.agent_ul{ width: 80%; margin:0 auto;}
.agent_ul li{ position:relative; margin-bottom: 82px;}
.agent_ul h3{ position:absolute; left: 45%; top: 20px; font-weight: normal; color:#fff; border-radius:50px; font-size: 16px;text-align:center;}
.agent_more{ border:1px solid #e9e9ec; width:100%; height:270px; border-radius: 8px;}
.agent_more_nav{ color:#7b7b7b; font-size: 1.5rem; text-align:center; padding:68px 0 30px 0; margin:0;}
.line{ border-bottom:1px solid #e7e7eb; margin:0 auto; width:86%;}
.three_con{ margin-left:34px; margin-top:22px;font-size: 1.4rem;}
.three_con span{ color:#a0a0a0; line-height:22px; padding-left:8px;}
.user{ margin-bottom:10px;}
.call{ margin-bottom:10px;}
.qq{ margin-bottom:10px;}
/***************************价格对比**************************/
.dabao_price{ padding:20% 0;}
.dabao_price h3{ font-size: 2.4rem; text-align:center; font-weight:normal; color:#494949;}
.chuji h4{ background:#54d09f; border-radius:6px; width:94%; height:46px; line-height:46px; color:#fff; text-align:center; margin:0 auto; margin-top:10%; font-size:1.6rem;}
.dabao_price2{ border:1px #54d09f solid; width:94%; margin:0 auto; margin-top:4%;}
.pr_zuo,.pr_you{ float:left; line-height:4em;}
.dabao_mm p{ color:#fd8079; text-align:center; margin:8% 0 2% 0;}
.anniu{ width:146px; height:36px; background:#54d09f;border-radius:22px; text-align:center; margin:0 auto;}
.dabao_mm a{ color:#fff;line-height:36px; display:block;}
.dabao_mm{ padding-bottom:8%;}


::-webkit-input-placeholder { /* WebKit browsers */
    color:    #ebebeb;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #ebebeb;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #ebebeb;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #ebebeb;
}


/*****三种方式创建app********/
.dabao_funtion{padding: 14% 0;margin: 0 auto;background: #fafafa;}
.imp_text{ color:#7b7b7b; font-size:1.5rem;padding-bottom:4%; width:90%; margin:0 auto; text-align:center;margin-top: 3%; line-height:1.3;}
.dabao_funtion h3,.dabao_unit h3{ font-size:2.8rem; color:#10a0ea; text-align:center; font-weight:normal;}
.funtion_center li{ width:88%; margin:0 auto; border:1px solid #e6e6e6; border-radius:3px; text-align:center; margin-top:8%;}
.funtion_center li img{ padding-top:12%;width: 18%;}
.funtion_center li b{ color:#0e2026;font-size: 22px;font-weight: normal;padding: 8% 0 2% 0;display: block;}
.funtion_center li p{ color:#76858c;}


/*****插件********/
.dabao_unit{margin: 0 auto; color:#112329; font-size:16px; text-align:center;padding: 13% 0 6% 0;margin-bottom: 4%;}
.dabao_unit .imp_text{padding-bottom: 10%;}
.dabao_unit li{width:44%; border:1px solid #edf0f2;border-radius: 35px; padding:4% 0; margin-bottom:8%;}
.dabao_unit img{width: 22%;}
.unit_center{ width:94%; margin:0 auto;}
.unit_center_left{ float:left;}
.unit_center_right{ float:right;}



/*****合作伙伴********/
.dabao_contect{ background:#5a5e60; padding:14% 0;}
.dabao_contect h2{ color:#fff; font-size: 3.0rem; text-align:center;font-weight: normal;}
.dabao_contect ul{ width:80%; margin:0 auto; margin-top:14%}
.dabao_contect li{ float:left; width:36%; margin-bottom:17%;}
.dabao_contect li img{ width:100%;}
.contect_l1{ margin-left:0;}
.contect_l2{ margin-left:28%;}


/*****云建站********/
.webbuild_banner{ background:#10a0ea; text-align:center;}
.webbuile_banner2{ width:90%; margin:0 auto; padding-top: 19%;}
.webbuile_banner2 img{ width:100%;}
.webbuile_banner3{ width:66%; margin:0 auto;margin-top: 14%; padding-bottom: 14%;}
.webbuile_banner3 img{ width:100%;}
.webbuild_center_1{ width:90%; margin:0 auto; text-align:center; margin-top:26%;}
.webbuild_center_1 img{ width:30%;}
.webbuild_center_1 h3{ font-size: 24px;color: #222; font-weight:normal;}
.webbuild_center_1 p{ text-align:left;font-size: 16px !important;color: #555;line-height: 28px; margin: 0 0 10px;margin-top: 25px;}


/*****云开发********/
.develop_banner{ background:#10a0ea; text-align:center;}
.develop_banner2{ width:88%; margin:0 auto; padding-top: 19%;}
.develop_banner2 img{ width:92%;}
.develop_banner3{ width:60%; margin:0 auto;margin-top: 12%;}
.develop_banner3 img{ width:80%;}


/*****dev********/
.dev_banner{ background:#2ba3d4; text-align:center;}
.dev_banner2{ width:44%; margin:0 auto; padding-top: 15%;}
.dev_banner2 img{ width:100%;}
.dev_banner3{ width:62%; margin:0 auto; margin-top: 18%;}
.dev_banner3 img{ width:100%; margin-bottom: 10%;}
.dev_banner4{ width:8%; margin:0 auto; margin-top:12%;}
.dev_banner4 img{ width:100%; margin-bottom: 7%;}

/*  首屏banner底部的箭头 */
.pt-page-moveIconUp {
	-webkit-animation: moveIconUp ease 1.5s both infinite;
	animation: moveToBottom ease 1.5s both infinite;
}

.pt-page-moveCircle {
	-webkit-animation: moveCircle ease-in-out 1.2s both;
	animation: moveCircle ease-in-out 1.2s both;
}
@-webkit-keyframes moveToTop {
	from { }
	to { -webkit-transform: translateY(-100%); }
}
@keyframes moveToTop {
	from { }
	to { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
}

@-webkit-keyframes moveFromTop {
	from { -webkit-transform: translateY(-100%); }
}
@keyframes moveFromTop {
	from { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
}

@-webkit-keyframes moveToBottom {
	from { }
	to { -webkit-transform: translateY(100%); }
}
@keyframes moveToBottom {
	from { }
	to { -webkit-transform: translateY(100%); transform: translateY(100%); }
}

@-webkit-keyframes moveFromBottom {
	from { -webkit-transform: translateY(100%); }
}
@keyframes moveFromBottom {
	from { -webkit-transform: translateY(100%); transform: translateY(100%); }
}

@-webkit-keyframes moveIconUp {
	0% { -webkit-transform: translateY(100%); opacity:0;}
	50% { -webkit-transform: translateY(0%); opacity:1;}
	100% { -webkit-transform: translateY(-100%); opacity:0;}
}
@keyframes moveIconUp {
	0% { -webkit-transform: translateY(100%); transform: translateY(100%); opacity:0;}
	50% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity:1;}
	100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity:0;}
}

@-webkit-keyframes moveCircle {
	0% { -webkit-transform: translateY(-80%);-webkit-opacity:0.1;}
	5% { -webkit-transform: translateY(-80%);-webkit-opacity:0.3;}
	35% { -webkit-transform: translateY(10%);-webkit-opacity:1;}
	60% { -webkit-transform: translateY(-13%);}
	65% { -webkit-transform: translateY(-13%);}
	100% { -webkit-transform: translateY(0%);}
}

@keyframes moveCircle {
	0% { -webkit-transform: translateY(-80%);-webkit-opacity:0.1;
		transform: translateY(-80%);opacity:0.1;}
	5% { -webkit-transform: translateY(-80%);-webkit-opacity:0.3;
		transform: translateY(-80%);opacity:0.3;}
	35% { -webkit-transform: translateY(10%);-webkit-opacity:1;
		transform: translateY(10%);opacity:1;}
	60% { -webkit-transform: translateY(-13%);transform: translateY(-13%);}
	65% { -webkit-transform: translateY(-13%);transform: translateY(-13%);}
	100% { -webkit-transform: translateY(0%);transform: translateY(0%);}
}

.dev_center_1{ width:90%; margin:0 auto; text-align:center; margin-top:26%;}
.dev_center_1 img{ width:60%;}
.dev_center_1 h3{ font-size: 24px;color: #222; font-weight:normal;}
.dev_center_1 p{ text-align:left;font-size: 16px !important;color: #555;line-height: 28px; margin: 0 0 10px;margin-top: 25px;}

/*****plate********/
.plate_banner{ background:#55efcb; text-align:center;}
.plate_banner2{ width:50%; margin:0 auto; padding-top: 20%;}
.plate_banner2 img{ width:100%;}
.plate_banner3{ width:64%; margin:0 auto; margin-top: 20%;}
.plate_banner3 img{ width:100%; margin-bottom: 10%;}
.plate_banner4{ width:8%; margin:0 auto; margin-top:23%;}
.plate_banner4 img{ width:100%; margin-bottom: 7%;}
.last{padding-bottom: 10%;}

 /*弹出层相关样式*/.pop-bg {background: url(/Images/siteimg/bg-pop.png?v=1426069254); left: 0; position: absolute; top: 0; z-index: 20; } .pop-container{position: absolute; z-index:21;}
.logwrap .shell .error-text, .regwrap .shell .error-text{ position:absolute; top:42px; left:0px; }
a.shut-down-icon { background:url(../Images/siteimg/login_reg.png) no-repeat; background-position: 0 0; width: 16px; height: 16px; display: block; position:absolute; right:10px; top:25px; }a.shut-down-icon:hover { background-position: 0 -24px; }.Js-pop .pop{background: #efefef;}
.Js-pop .titleWrap{ position:relative;background:#242535;height:50px;line-height:50px;text-align:center;font-size:22px;color:#fff; }.pop-container{*width:680px;}
.titleWrap{background:#242535;height:50px;line-height:50px;text-align:center;font-size:22px;color:#fff;}
.logwrap{ width:280px; margin:0 auto; font-size: 13px;padding:5px;}
.logwrap .shell{ width:100%;float:left; margin-left:5px; }
.logwrap .shell.hidden{ display:none; }
.logwrap .logleft{}
.logwrap .logleft .submitwrap{ height: 45px; line-height: 45px;margin-left: 5px;margin-top: 38px; }
.logwrap .logleft .submitwrap span, .logwrap .logleft .submitwrap span a{ font-size:11px; }
.logwrap .logleft .submitwrap span{ float:right; display:inline-block; }
.logwrap .logleft .submitwrap span a{ color: #55acef; }
.logwrap .logleft .submitwrap .zc{ float:left;width: 97px; height: 45px; line-height: 45px; text-align:center; background: #55acef; color:#fff; }
.logwrap .logleft .submitwrap .zc:hover{background: #489ada;}
.logwrap .logright{ float:left; margin-left:35px; padding-left:35px; width: 220px; border-left:1px solid #cbcbcb; height: 280px; }
.logwrap .logright .linebg { margin-bottom:0;text-align:center;height:40px;line-height:40px;*text-align:left; }
.logwrap .logright .login { margin-bottom:0; }

.logwrap .logright .linebg b{ height:4px;border-top:1px solid #cbcbcb;display:inline-block;width:60px; }.logwrap .logright.linebg .fond{margin-right:8px;}
.logwrap .logright .linebg .back{margin-left:8px;}
.logwrap .logright a{ color:#55acef; }
.logwrap .logright a.fonthov:hover{ color:#55acef; text-decoration:underline; }
.logwrap input{ text-indent:10px;*text-indent:0;*padding-left:10px;width:270px; font-size:13px;height: 40px; line-height: 40px;border:1px solid #9f9f9f; border-radius:5px; }
.logwrapyijian{text-indent:10px;*text-indent:0;*padding-left:10px;width:270px; color:#fff;font-size:13px; cursor:pointer; border:1px solid #55acef;background-color: #55acef; border-radius:5px; }
.clearfix { display: inline-block; }
.clearfix_wz{ color:#2e2e2e; font-size:16px; text-align:center;margin: 20px auto;}
.clearfix_wz2{ color:#2e2e2e; font-size:14px; width:240px; text-align:center; line-height:20px; margin-left: 10px; padding: 30px 0 20px 0;}
.youxiang_top{ background:url(/Images/siteimg/yx_1.png) no-repeat; width:54px; height:54px; margin:25px auto;}
.shenlan{ color:#34495e; font-size:16px;padding: 15px 0; text-align:center;line-height: 38px;margin: auto 14px;}
.jiguozhong { width:207px; margin:0 auto;}
.jiguozhong a{ background:#fff; color:#999; border:1px solid #ccc; padding:8px 18px;}
/*.foc{ margin-left:142px;}*/
.clearfix2{ float:left; width:255px; margin-left: 10px;}
.clearfix2 input{ width:182px; height:32px; line-height:32px;}
.clearfix2 span{ padding-right:10px;}
.phere{ margin-bottom:16px;}
.price_plugin img{padding-right:6px;}
.price_plugin font{ line-height:24px;}
/**首页浮动*/
.foot_piao{ position:fixed; bottom:4%; left:0; background:#33baff; border-top-right-radius:50px; border-bottom-right-radius:50px; border-right-top-radius:50px; border-right-bottom-radius:50px; padding:3% 0 3% 1%; width: 40%; }
.call_piao img{ width: 75%;}   
.qq_piao img{ width: 14%;padding-left: 3%;}  
/* 首页demo下载 */
.fullSlide{width:60%;position:relative;background:url(/Images/siteimg/phone_bg.png) no-repeat; background-size:100%; margin:0 auto; margin-bottom:8%;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden; padding-bottom:4%;padding-top:13%;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;}
.fullSlide .bd li img{width:100%;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:16px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:6px;height:6px; border-radius:50px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#4acaf9;}
.demo_center{ padding-top:60px;    border-top: 1px #cdcdcd solid;}
.demo_center h3 {font-size: 2.8rem;color:#444647;text-align: center;font-weight: normal;padding-bottom: 45px;}
.down_demo{ width:40%; margin:0 auto; margin-bottom:8%;}
.down_demo a{ display:block; border:1px solid #d0d5d9; margin-bottom:6%; color:#5c696d; text-align:center; border-radius:22px; height:40px; line-height:40px;}

/* 模板街 */
.moban_banner{ width:100%; padding: 17% 0 7% 0; background:#10a0ea; text-align:center;}
.moban_banner img{ width:50%;}
.moban_banner_p1{ color:#fff; font-size:16px;    margin: 19px 0 8px 0;}
.moban_banner_p2{ color:#fff; font-size:18px;}
.moban_what{ background:#fff; padding:2%; border:1px solid #dcdcdc; width:82%; margin:0 auto; margin-top:14%;}
.moban_what h2{color: #434a54;font-weight: normal; font-size: 2.8rem; text-align:center;width: 68%;margin: 0 auto; background:#fff; margin-top: -30px;}
.moban_what p{ color:#656d78; font-size: 13px; line-height:26px; width: 94%; padding-top:4%; margin:0; text-align:center; margin:0 auto; padding-bottom:2%;}
.moban_pro{ margin-top:15%}
.moban_pro h2,.moban_list h2{ font-size:2.8rem;font-weight: normal;color: #434A54; text-align:center;}
.moban_pro_p {font-size: 14px; padding-top:1%;color: #656D78; text-align:center;}
.moban_pro ul{ margin-top:12%; text-align:center;}
.moban_pro ul li{ width:90%; margin:0 auto; margin-bottom:18%;}
.moban_pro ul li img{ width:40%;}    
.moban_pro ul li h3{font-size: 18px;font-weight: normal; margin-top:20px; margin-bottom:3px;}
.moban_pro ul li p{ font-size: 14px; color:#666;}

.moban_list{background: #fbf8eb;padding: 42px 0;margin-top: 100px;padding-bottom: 29px;}

.moban1 { width:86%; background:#fff; padding-bottom:30px; margin:0 auto; margin-top:40px;}
.moban1 img { width:100%;margin-bottom:18px;}
.moban1_h3{ font-size:18px; color:#333; font-weight:bold; text-align:center; display:block;  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;}
.buy_btn2{font-size: 12px;
  margin-top: 5px;
  text-align: center;
  color: #717171;
  display: block;
  padding: 5px 10px;
  line-height: 18px;}
.moban1 p { font-size:14px; margin-bottom:10px;margin-top: 5px; width:95%; text-align:center; color:#717171;}
.moban1 .buy_btn { background:#ff4146; margin-bottom:14px; display:block; margin-right:6px; width:100%; height:35px; text-align:center; line-height:35px; float:left;color: #fff;border-radius: 6px;}
.moban1 .show_btn { background:#598dc7; display:block;color: #fff; width:70px; height:25px; text-align:center; line-height:25px;;border-radius: 6px; float:right;}
.red_color {font-size: 18px;line-height: 35px;padding-top: 10px;color: #ec5051;display: block;text-align: center;}

.mm_ban_buy{ width:89%; margin:0 auto; overflow:hidden;}

.package { margin:20px 0px;padding:20px 0px 0 0;}
.package span {display:block;font-size: 16px;padding-bottom: 15px; color: #ef353d;}
.package a,.ty_ios,.ty_android,.ty_phone { display:block; width:80%; cursor:pointer; padding:5px 10px; border:1px solid #f0f0f0; margin:0 auto; font-size:14px; color:#333; margin-bottom:14px;}
.ty_center p{ color:#fff;}
.ty_ios{ background:#32c1ef;color: #fff; overflow:hidden;  text-align:center;   border-radius: 6px;    width: 100%;}
.ty_ios img,.ty_android img,.ty_phone img{ float:left; width:24px; margin:0;}
.ty_ios font,.ty_android font,.ty_phone font{ float:left; line-height:24px; padding-left:6px;}
.ty_android{ background:#4bc7ad; color: #fff; overflow:hidden; text-align:center;    border-radius: 6px;    width: 100%;}
.ty_phone{ background:#A7A9A8;  color:#fff;  overflow:hidden;text-align:center;    border-radius: 6px;    width: 100%;}
.package a.active { border:1px solid #ef353d;}
.moban_buy_jieshao{ width:86%; margin:0 auto;}
.moban_buy_jieshao li{ margin-top:70px;}
.cs_1,.cs_2{ width:100%;}
.idxFnt36 {
    font-size: 16px;
    margin: 0px;
    padding: 0px;
    display: block;
    margin-top: 28px;
}
.idxFnt13 {
    font-size: 14px;
    display: block;
    font-weight: normal;
    text-align: left;
    line-height: 24px;
    margin-top: 12px;
}
.moban_buy_jieshao{ background:#fff; text-align:center;}
.moban_buy_jieshao ul{ width:80%; text-align:center; margin:0 auto;}
.moban_buy_jieshao ul img{ width:75%;}

.xiangqing_user{ background:#31beeb; color:#fff; text-align:center; padding-top:44px;}
.xiangqing_user h3,.xiangqing_index h3 {font-size: 32px;color: #fff;font-weight: 100;}
.xiangqing_user p,.xiangqing_index p,.xiangqing_fenlei p,.xiangqing_login p { width: 90%;
    margin: 0 auto; margin-bottom:30px;text-align: center; border:none; margin-top:8px; font-size: 14px;color: #fff;font-weight: 100;}
.xiangqing_user img{ width:80%;margin-bottom: -72px;}
.xiangqing_index{ background:#fa7459; color:#fff; text-align:center; padding-top:112px;}
.xiangqing_index img{ width:80%;margin-bottom: -56px;}
.xiangqing_login{background: #fff; margin-bottom:60px;}
.xiangqing_index h3,.xiangqing_fenlei h3,.xiangqing_login h3{ font-size:32px; font-weight:normal;}
.xiangqing_fenlei{ background:#af18cf; color:#fff; text-align:center; padding-top:118px;}
.xiangqing_fenlei img{ width:80%;margin-bottom: -56px;}
.xiangqing_fenlei_div{ background: #1f2836;padding-top: 50px; padding-bottom: 40px;}
.login_ms{ overflow:hidden;}
.login_ms li{ margin:0; float:left; width:48%;}
.login_ms li img{width:60%; padding-right:10px}
/**模板街微分销*/
.content-box,.content-box-hs{width:90%; margin:0 auto; position:relative; }
h1.margin-t{padding-top:75px;}
.content-box h1{position: relative;font-size:34px;color:#fff;text-align:center;margin-top: -21px;display:block;font-weight:100;border: 0;}
.content-box h4{font-size:12px; color:#fff;text-align:center;display:block; font-weight: normal; line-height: 25px; margin-top: 3px;}
.content-box-hs h1{position: relative;font-size:32px;color:#555454;text-align:center;margin-top: -21px;display:block;font-weight:100;border: 0;}

/*================================
        dianmain-start
==================================*/

.dm-box{width:100%; height:583px; margin:0 auto; background-color:#3C5ECA; position:relative;overflow:hidden;}
.dm-img-box{padding-top:60px; padding-bottom:90px;opacity:0;filter: alpha(opacity=0);}
.dm-img-box img{ width:100%;}
.dm-title{opacity:0;filter: alpha(opacity=0);}
.dm-content1{position:absolute; top:100px;opacity:0;left:-1px;filter: alpha(opacity=0);}
.dm-img-box{position:absolute; top:150px;left:-4px;}


/*================================
        dg-start
==================================*/
.gd-box{width:100%; height:376px; margin:0 auto; background-color:#f4f6f8; position:relative;overflow:hidden;}
.gd-img{position:absolute;left:0px; margin-top: -63px;top:100px;opacity:0;filter: alpha(opacity=0);}
.gd-title{opacity:0;filter: alpha(opacity=0);}
/*================================
        qd-start
==================================*/
.qd-box{width:100%; height:463px; margin:0 auto;  background-color:#3C5ECA;
background-repeat:no-repeat; background-position:center;position:relative;overflow:hidden;}
.qd-title{opacity:0;filter: alpha(opacity=0);}
.qd-img{position:absolute;left:0px; margin-top: -18px;top:100px;opacity:0;filter: alpha(opacity=0);}


/*================================
        jz-start
==================================*/
.jz-box{width:100%; height:346px; margin:0 auto; background-color:#101627; 
background-repeat:no-repeat; background-position:center;position:relative;overflow:hidden;}
.jz-title-max{opacity:0;filter: alpha(opacity=0);}
.nine-img{width:100%;position:absolute;z-index:30;top:182px; left:3px;opacity:0;filter: alpha(opacity=0);}

/*================================

/*打包微信*/
.packwechatbanner{ width:100%; padding: 14% 0 10% 0; background:#51dc99; text-align:center;}
.packwechatbanner img{ width:50%;}
.packwechatbannerp1{ color:#fff; font-size:16px;    margin: 19px 0 8px 0;}
.weh2 h2{ font-size:2.4rem;}
.weh2 ul li img{width: 34%;}
.packwechatcase{margin-top: 10%; }
.packwechatcase h2{ font-size:2.4rem;font-weight: normal;color: #434A54; text-align:center;}
.packwechatcase ul{ overflow:hidden;margin-top: 4%;}
.packwechatcase li{ float:left; text-align:center; background:#fafafa; width: 31%; padding:1%; margin:2% 1%; padding-top:3%; padding-bottom:3%}
.packwechatcase li img{ border-radius:14px; border:3px solid #e7e7ea; width:66px; height:66px;}
.packwechatcase li span{ display:block; font-size: 14px; text-align:center; padding-top:10px; color: #333; padding-bottom: 4px;}
.packwechatcase li a{ display:block; background:#fafafa; width:78px; margin:0 auto; height:24px; border:1px solid #c0c0c0; line-height:22px; text-align:center; color:#666; border-radius:4px;}


/*打包淘宝*/
.packtaobaobanner{ width:100%; padding: 14% 0 14% 0; background:#393c45; text-align:center;}
.packtaobaobanner img{ width:50%;}
.packtaobaobannerp1{ color:#fff; font-size:16px;    margin: 19px 0 8px 0;}
.taobaocase li{ float:left; text-align:center; background: #fafafa; width: 44%; padding:1%; margin: 2% 3%; padding-top:3%; padding-bottom:3%}
.taobao_pro ul li img{ width:53%;} 

/***************************多乐**************************/


/*banner*/
.duole_banner{background:#624ac4;padding:22% 0;text-align:center;padding-bottom: 14%;}
.duole_banner p:nth-child(1){font-size: 30px;color: #fff;margin-bottom: 8px;}
.duole_banner p:nth-child(2){font-size: 16px;color: #fff;padding-top: -15px;letter-spacing:0.5px;}
.qudown{background:#fff;border-radius:50px;color:#6c4ece;display:block;margin: 0 auto;margin-top:62px;width: 215px;line-height: 50px;text-align:center;font-size: 16px;}
.sanxiang{overflow:hidden;width: 176px;margin: 0 auto;margin-top: 30px;}
.sanxiang a{ display:block; margin-right:22px; float:left;}
.sanxiang a:nth-child(3){ margin-right:0;}
.sanxiang a img{ width:44px;}




/*优势*/
.youshi1{ margin-top:80px; text-align:center;}
.youshi1 .tit{font-size:28px;margin-bottom: 58px;color: #4a4a4a;font-weight: 100;height: 30px;line-height:30px;}
.youshi1 ul li{width: 50%;margin: 0 auto;margin-bottom: 68px;}
.youshi1 ul li img{width: 40%;}
.youshi1 ul li h3{font-size:20px;color:#545454;padding-top: -25px;padding-bottom: 11px;margin-top: 18px;}
.youshi1 ul li p{color:#aeaeae;line-height: 24px;font-size: 16px;margin-bottom: 4px;}


/*应用场景*/
.yingyong2{ margin-top:80px; text-align:center; color:#fff;}
.yingyong2 .tit{font-size:28px;margin-bottom: 58px;color: #4a4a4a;font-weight: 100;height: 30px;line-height:30px;}
.yingyong2 p{color:#fff;margin-bottom: 4px;}
.yingyongcj1{background:url(../i/7_hover.jpg) no-repeat;width: 100%; background-size: 100%;}
.yingyongcj2{background:url(../i/4_hover.jpg) no-repeat;width: 100%; background-size: 100%;}
.yingyongcj3{background:url(../i/5_hover.jpg) no-repeat;width: 100%; background-size: 100%;}
.yingyong2 img{ width:90px;}
.yyimg{padding-top: 53px;padding-bottom:10px;}
.yyh3{ font-size:22px; padding-bottom:20px;}
.yyp{font-size:16px;line-height:26px;padding-bottom: 48px;}



/*解决方案*/
.taocan3{padding-bottom:30px; text-align:center; color:#fff;background:#262b37;}
.taocan3 .tit{font-size:28px;margin-bottom: 46px;color: #fff;font-weight: 100;padding-top:62px;}
.taocan3 ul li{color:#fff;text-align:center;width:90%; margin:0 auto;margin-top: 54px;}
.taocan3 ul li img{ width:20%;}
.taocan3 ul li h3{font-size: 24px;margin-bottom: 24px;display: block;}
.taocan3 ul li p{font-size: 18px;line-height: 23px; text-align:left; padding-bottom: 16px;color:#999;}

/*代理*/
.daili4{ margin-top:80px; text-align:center; color:#fff;}
.daili4 .tit{font-size:28px;margin-bottom: 58px;color: #4a4a4a;font-weight: 100;height: 30px;line-height:30px;}
.daili4 ul li{border:1px solid #e4e4e4;color:#8b8a8a;font-size:18px;background-color:#fff;padding: 70px 0;width:72%;margin: 0 auto;margin-bottom: 40px;}
.daili4 ul li .xbg1{background:url(../i/xs1.png) no-repeat;width: 51px;height: 51px;background-size:100%;display:block;margin:0 auto;}
.daili4 ul li .xbg2{ background:url(../i/xs2.png) no-repeat;width: 51px;height: 51px; background-size:100%; display:block; margin:0 auto;}
.daili4 ul li .xbg3{ background:url(../i/xs3.png) no-repeat;width: 51px;height: 51px; background-size:100%; display:block; margin:0 auto;}
.daili4 ul li p{ font-size:16px; padding-top:20px; color:#8b8a8a;}
.daili4 .callkf{width: 180px;font-family:"微软雅黑";outline:none;margin:0 auto;line-height:40px;background: #6f99c5;color:#fff;border-radius:8px;border:none;display:block;margin-top:40px;}


/*市场动态*/
.dongtai5{ margin-top:80px; text-align:center; color:#fff;}
.dongtai5 .tit{font-size:28px;margin-bottom: 58px;color: #4a4a4a;font-weight: 100;height: 30px;line-height:30px;}
.dongtaicenter{width:80%;margin:0 auto;}
.dongtaicenter img{width: 100%;}
.dongtaicenter .dongtairight{width:100%;text-align: left;}
.dongtaicenter .dongtairight h3{font-size: 20px;color: #333;padding-bottom: 14px;padding-top: 20px;}
.dongtaicenter .dongtairight p{color:#999;font-size: 15px;line-height: 28px;}


/*客服底部*/
.bottomkf{background:url(../i/banner_bg.png); text-align:center; overflow:hidden;background-size:100% 60px;width: 100%;height:48px;position:fixed;bottom:0;}
.bottomkf p{ display:block; float:left; padding-left:14px; font-size:16px; color:#fff; line-height:60px;}
.qqpp{display:block;overflow:hidden;border-right: 1px solid #ff8575;width:50%;height:48px;line-height: 48px;font-size:13px;color:#fff;float:left;}
.qqpp img{width: 20px;margin: 0 10px 0 0;}
.callpp{display:block;overflow:hidden;width:50%;height: 48px;line-height: 48px;font-size:13px;color:#fff;float:left;}
.callpp img{width: 22px;margin: 0 10px 0 0;}
.bottomkf span{font-size:15px;vertical-align: middle;}

.bottomkf2{text-align:center;overflow:hidden;margin-top: 2%;}
.bottomkf2 p{ display:block; float:left; padding-left:14px; font-size:16px; color:#333; line-height:60px;}
.bottomkf2 .qqpp2{display:block;overflow:hidden;font-size:13px;color:#333;margin-top: 11px;}
.bottomkf2 .qqpp2 img{width: 20px;margin: 0 10px 0 0;}
.bottomkf2 .callpp2{display:block;overflow:hidden;font-size:13px;color:#333;margin-left: 14px;margin-top: 15px;}
.bottomkf2 .callpp2 img{width: 22px;margin: 0 10px 0 0;}
.bottomkf2 span{font-size:15px;vertical-align: middle;}

/*弹窗*/
.qudowntry{width: 310px;box-shadow: 1px 1px 50px rgba(0,0,0,.3);padding: 30px 0;padding-bottom: 24px;left:50%;top:30%;margin-left: -155px;background:#fff;border-radius: 16px;position:fixed;z-index:111;display:none;}
.qudowntitle{font-size: 17px;color:#666;text-align:center;}
.qubutton2{width: 155px;margin: 0 auto;margin-top: 19px;display: block;background: #644cd2;color:#fff;border: none;border-radius:4px;padding:9px 50px;cursor:pointer;}
/*弹窗结束*/