a{ text-decoration:none;}
body{ background:#fff; font-family:'Arial';}
.fatit{font-family:'Arial';}
p{ font-size:16px}
.features,.origin,.simple,.partner,.foot,.demo,.applyBox,.bottomBox,.origin{ width:1000px; margin:0 auto;}

h2{ font-size:26px; font-weight:bold; color:#34495e; height:40px; line-height:40px;padding-bottom:40px}
.icon{ background-repeat:no-repeat; background-size:100% 100%; display:inline-block; background-position:center center; }

.wrap{ position: fixed; width: 100%; height: 100%; }

.header{ background:#165abb; position:relative; z-index:999;box-shadow: 0px 4px 4px rgba(0,0,0,0.3);}
.head{ height:100px; width: 80%; margin:0 auto;}
.headMsg{ margin-top: 25px;}
.zplayads_logo{ margin-top: 25px; }
.head span,.head a{ height:50px; line-height:50px;}
/*.head a{ padding:0 40px; color:#666; font-weight:bold; }
.head a:hover,.head .cur{ color:#0080ff;}*/
.headDetail{ z-index: 200; position:absolute; right: 0; top:100px; width: 600px; height:0; overflow: hidden; background:#fff;box-shadow: 0px 4px 4px rgba(0,0,0,0.3); }
.headDetail_cont{ padding-top:70px; text-align: center; }
.loginBtn{cursor:pointer;background-color: #6fb2fd;color:#fff;border:1px solid #6fb2fd; width:240px; text-align: center; display:inline-block; line-height:50px;border-radius:5px;font-size: 20px;}
.loginBtn:hover{ border-color:#3f93f2;background-color: #3f93f2;}
.registerBtn{ border: 1px solid #ccc; background: #fff; color:#999; width:238px; text-align: center; display:inline-block; line-height:48px;border-radius:5px;font-size: 20px; }
.registerBtn:hover{ border-color:#0080ff; color:#0080ff;}

.popCover{ z-index: 199; position: fixed; left:0; top: 0; width: 100%; height: 100%; background: #000; opacity:0.5; }
.loginList{ position:absolute; right:0; top:50px; padding-top:1px; background:#f8f8f8; width:120px; height:0; overflow:hidden; display:none }
.loginList a{ display:block; padding:0; text-align:center; height:34px; line-height:34px; font-weight:normal;border:1px solid #cdcdcd; border-top:none}
.loginList a:hover{ background:#0080ff; color:#fff; border-color:#0080ff}
.banner{ height:600px; background:rgba(0,0,0,0.5); text-align:center; color:#fff}
.banner h1{ font-size:40px; height:100px; line-height:100px; padding:100px 0 40px 0}
.banner p{ font-size:26px; line-height:40px}
.banner a{ display:inline-block; margin:80px 20px 0 20px; width: 300px; height:60px; line-height:60px; font-weight:bold; font-size:20px; color:#fff; border: 2px solid #fff; 
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;
transition: all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s;}
.banner a:hover{ background:#0080ff; border-color:#0080ff;}
.bgVideo{ position:fixed; left:0px; top:0px; z-index:-100;}
@media (min-aspect-ratio:16/9){
	.bgVideo{ width:100%; height:auto;}
}
@media (max-aspect-ratio:16/9){
	.bgVideo{ width:auto; height:100%;}
}

.contentBox{border-bottom:2px solid #cdcdcd; padding:30px 0 40px 0;background:#f8f8f8;}
.contentBox h2{ text-align:center;}
.contentBox_text{ position: relative; padding-left: 30px; display:block; }
.contentBox_text span{ position: absolute; left: 0; top:6px; }
.conLeft,.conRight{ width:50%;}
.content{ width:549px;/* height:250px;*/ color:#50647d; min-height:280px}
.conLeft .content{border-right:1px solid #cdcdcd}
.conRight .content{ border-left:1px solid #cdcdcd}
.conTit{ text-align:center; font-weight:bold; font-size:20px; height:30px; line-height:30px; padding:10px 0 30px 0}
.content p{ line-height:34px; }
.conLeft p{ padding-left:145px}
.conRight p{ padding-left:126px}
.icon_correct{ width:20px; height:20px; vertical-align:middle; display:inline-block; margin-right:10px; background:url("/web5/zplayads/img/icon_correct.png") no-repeat; background-size:100% 100%}

.featuresBox{ height:410px; opacity:0.9; background:#00427f; color:#eee}
.featuresBox h2{ padding:50px 0; height:30px; line-height:30px; text-align:center; color:#eee}
.featureItem{ width:250px; text-align:center; }
.featureItem p{ height:18px; line-height:18px;}

.demoBox{ background:#f3f3f3; border-top:2px solid #c8c8c8; padding:20px 0;}
.model{ width:360px; height: 730px; background-size: 100% 100%; background-image: url("/web5/zplayads/img/iPhone.png"); margin: 0 auto;}
.frameBox{ position:absolute; left:20px; top:80px; width:320px; height:568px}
.demoConBox{ background:#f3f3f3; border-bottom:2px solid #c8c8c8; padding:20px 0;}
.demoCon{ color:#50647d; width:700px; margin: 0 auto; }
.demoCon h2{ color:#50647d; padding:50px 0;}
.demoCon p{  line-height:24px; padding-bottom:50px; padding-left:10px}
.demoCon .icon{ vertical-align:middle; margin-right:30px; height:80px; width:80px;}
.icon_demo1{background-image:url("/web5/zplayads/img/demoImg-1.png")}
.icon_demo2{background-image:url("/web5/zplayads/img/demoImg-2.png")}
.icon_demo3{background-image:url("/web5/zplayads/img/demoImg-3.png")}
.zplaylogo_font{ width: 200px; height: 80px; background-size: 100% 100%; background-image: url("/web5/zplayads/img/zplaylogo.png"); display: inline-block; }
.icon_arrowFont{ width: 40px; height: 30px; margin:0 7px 0 10px; background-size: 100% 100%; background-image: url("/web5/zplayads/img/arrow.png"); display: inline-block;  }

.originBox{ background:rgba(0,0,0,0.5); padding:60px 0; color:#eee;}
.originBox h2{ padding-bottom:60px; color:#eee}
.originBox h2.bot{ padding:50px 0 20px; color:#eee}
.originBox .icon_correct{ vertical-align:top}
.originBox p{  line-height:24px; font-size: 16px; color:#eee; text-shadow:1px 1px 0px #000; margin-top: 30px; }
.origin .l{ padding-left:50px;}
.origin .r{ padding-right:20px}

.simpleBox{ background:#f3f3f3; padding:60px 0;}
.simpleBox h2{ padding-bottom:30px; font-size:24px}
.simpleBox p{ line-height:24px; padding-bottom:20px; color:#50647d }
.simpleBox .icon{ width:20px; height:20px;margin-right:20px; vertical-align:middle}
.icon_smile{ background-image:url("/web5/zplayads/img/icon_smile.png");}
.icon_loop{ background-image:url("/web5/zplayads/img/icon_loop.png");}
.icon_chart{ background-image:url("/web5/zplayads/img/icon_chart.png");}
.icon_money{ background-image:url("/web5/zplayads/img/icon_money.png");}
.icon_loop2{ background-image:url("/web5/zplayads/img/icon_loop2.png")}
.icon_money2{ background-image:url("/web5/zplayads/img/icon_money2.png")}
.simpleCon{ width:500px;}

.simpleCon span.dib{ width: 420px; }
.partnerBox{background:#155087; border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; height:200px; padding:40px 0}
.partnerBox h2{ color:#F0F8FF; }
.partnerBox p{ line-height:20px; padding-bottom:40px; color:#F0F8FF;}
.partner div{ width:200px; text-align:center}

.bottomTab{ padding:30px 0; height:60px; background-color: #00427f; opacity:0.9;  color:#eee; font-size:16px}

.footer{ padding:40px 30px 30px; color:#eee; font-size:14px;
	background: #212121;
    background: -webkit-linear-gradient(-45deg, #212121 0%, #353535 100%);
    background: -moz-linear-gradient(-45deg, #212121 0%, #353535 100%);
    background: -o-linear-gradient(-45deg, #212121 0%, #353535 100%);
    background: linear-gradient(-45deg, #212121 0%, #353535 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#353535',GradientType=1 );
}
.footer div{ line-height:20px;}
.footer a{ color:#eee}
.footer a:hover{ text-decoration:underline}
.fonten{font-family:'Arial';}
.footer .icon{ width:20px; height:20px; float:left; margin-left:10px;}
.icon_weixin{ background-image:url("/web5/zplayads/img/icon_weixin.png")}
.icon_sinna{ background-image:url("/web5/zplayads/img/icon_sinna.png")}
.icon_facebook{ background-image:url("/web5/zplayads/img/icon_facebook.png")}
.icon_bird{ background-image:url("/web5/zplayads/img/icon_bird.png")}


/* register */
.applyWrap{ color:#50647d; background:#f8f8f8;border-bottom:2px solid #cdcdcd;}
.applyTitle{ font-size:36px; line-height:64px; font-weight:bold; padding-top:40px; padding-bottom:0px; height:64px; }
.tab{ font-size:18px; line-height:40px; }
.tab span{ display:inline-block; width:120px; cursor:pointer}
.tab .cur{ border-bottom:2px solid #50647d}
.applyTip{ line-height:30px; margin-top:10px;  overflow:hidden; font-size:14px;}

.formList li{ padding-bottom:20px;}
.formTit{ float:left; height:34px; width:130px; padding-right:5px; text-align:right; line-height:34px; overflow:hidden; font-size:16px; }
.formList input,.formList .textareaTip{ background:#fff; border:1px solid #ccc; font-size:14px; color:#666;  float:left; border-radius:3px;font-family:'Arial';}
.formList input{ width:306px; padding:5px 10px; height:22px; line-height:22px;}
.formList input:focus,.formList .textfocus{box-shadow:0 0 2px #0080ff; border-color:#0080ff;}
.formList input.selectTit:focus{ border-color:#0080ff}
.formList .textareaTip{ width:790px; height:130px; line-height:20px; resize:none;}
.formList textarea{ position:absolute; left:0; top:0;border:none; padding:10px; font-size:14px;font-family:'Arial'; line-height:20px; resize:none; width:770px; height:110px; color:#333; background:none}
input:-webkit-autofill,textarea:-webkit-autofill,input[type=text]:focus,textarea:focus{ -webkit-box-shadow: 0 0 0 1000px white inset; }
.textareaTip p{ padding-left:10px; line-height:20px; color:#a9a9a9; font-size:14px; font-family:'Arial'}
.formList .active{ background:#fff}
.formList .error{ border-color:#d33337 !important;}
.errorBox p{ display:none}
.errorBox{ height:30px; line-height:30px; color:#d33337; font-size:16px;}
.formList label{ float:left; width:106px; height:32px; line-height:32px; text-align:center; color:#333; background:#fff;border:1px solid #ccc; border-radius:5px; cursor:pointer; margin-right:16px; font-size:14px}
.formList label.error{border-color:#d33337;}
.formList .cur.labelAndroid{ border-color:#0080ff; background-color:#0080ff; color:#fff}
.formList .cur.labelIos{ border-color:#0080ff; background-color:#0080ff; color:#fff}
.formList .radio{ opacity:0; visibility:hidden; width:13px; height:13px;}
.formList .submitBtn,.formList .resetBtn,.activeBtn{ float:left; width:108px; height:40px; box-sizing:border-box; text-align:center; line-height:36px; border-width:1px; border-style:solid; font-size:16px; margin-right:16px; padding:0; border-radius:5px; background:#f8f8f8; font-family:'Arial'; cursor:pointer}
.formList .submitBtn.active,.activeBtn,.formList .resetBtn:hover{ border-color:#0080ff; color:#0080ff}
.formList .submitBtn,.formList .resetBtn{ border-color:#ccc; color:#333; background:#fff}

.formList .dis,.formList .disabled{ border-color:#ccc; background-color:#fff; color:#a9a9a9}
.formList .activeBtn{ height:34px; line-height:30px}
.formList .inputAppUrl{ width:642px}
.formList .appErrorBox{ padding-bottom:10px}
.appErrorBox div{background:#fff; border:1px solid #d33337; height:28px; line-height:28px; width:790px; margin-left:135px; font-size:14px; color:#d33337}
.appInfoBox{ margin-left:135px;background:#fff; border:1px solid #ccc; padding:24px 18px; width:756px; height:74px; overflow:hidden }
.appInfoBox a{ float:right; margin-right:0}
.appInfoText{ padding-top:8px; line-height:20px; font-size:14px; color:#333; width:530px;}
.appInfoText p{ overflow:hidden; height:20px; text-overflow:ellipsis; white-space:nowrap}
.appInfoText em{  font-style:normal; display:inline-block; vertical-align:top; width:90px; text-align:right}
.alreadyBox div{ width:72px; height:72px; overflow:hidden}
.alreadyBox div span{ display:none;}
.appInfoBox img,.alreadyBox img{ width:72px; height:72px;}
.blackBg{ width:100%; height:100%; left:0; top:0; background:#000; opacity:0.6; filter:alpha(opacity = 60)}
.delBtn{ width:24px; height:24px; background:url("/web5/zplayads/img/icon_del.png") no-repeat; left:50%; top:50%; margin-left:-12px; margin-top:-12px; z-index:10; cursor:pointer}
.success{ padding-bottom:90px; padding-top:40px}
.icon_select{ width:7px; height:4px; right:8px; top:15px; background:url("/web5/zplayads/img/icon_select.png") no-repeat}
.selectList{ left:0; top:34px; display:none; border:1px solid #ccc; border-top:none;  width:326px; background:#fff; padding:4px 0; z-index:20}
.selectItem a{ line-height:30px; color:#333; display:block; cursor:pointer; height:24px; line-height:24px; padding:0 10px; font-size:16px;}
.selectItem a:hover{ background:#0080ff; color:#fff}

/* loading */
.loadBox{ position:fixed; width:100%; height:100%; left:0; top:0; z-index:100; display:none}
.loadBg{ width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity = 50)}
.loadBox img{ position:absolute; left:50%; top:50%; width:20px; height:20px; margin-left:-10px; margin-top:-10px; z-index:10;}