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

body,html{ position:relative; background:#f4f4f4;}


.warp{}


.head{ background:#02B875; color:#fff;}

.head .logo{ max-width:830px; height:50px; line-height:50px; background:url(../images/logo3.png) no-repeat left center; background-size:50px; overflow:hidden;}

.head .logo .ico{ padding-left:45px; font-size:22px; font-weight:bold;font-style:oblique; position:relative; float:left;}

.head .logo .ico span{ font-style:normal; font-weight:normal; font-size:12px; background:#F90; border-radius:5px; height:20px; line-height:20px; padding:0px 2px; position:absolute; right:-50px; top:10px;}



.head .logo .download{ float:right;}

.head .logo .download ul{ overflow:hidden; padding:0 10px 0 0;}

.head .logo .download li{ height:50px; line-height:50px; float:left; margin-left:10px; padding-left:25px;}
.head .logo .download li.app{ background:url(../images/ic_app.png) no-repeat left center; background-size:25px;}
.head .logo .download li.win{ background:url(../images/ic_win.png) no-repeat left center; background-size:25px;}





.head .content{ text-align:center; margin-top:50px; margin-bottom:50px}

.head .content .big-title{ font-size:36px; font-weight:bold; color:#343a40;}
.head .content .small-title{ font-size:25px; color:#343a40; padding:0 35px; margin-top:10px; text-align:center;}

.head .content .input{ max-width:830px; margin-top:50px; padding-bottom:50px;}

.head .content .input .box-bg{ max-width:90%; height:50px; line-height:50px; border-radius:50px; background:#fff; overflow:hidden;}

.head .content .input .box-bg input{ float:left; border:none; width:80%; height:100%; padding:0 20px; font-size:16px;}
.head .content .input .box-bg input::-webkit-input-placeholder{/* WebKit browsers */color: #E1E5EE;font-size: 16px;}
.head .content .input .box-bg input::-moz-placeholder{/* Mozilla Firefox 19+ */color: #E1E5EE;font-size: 16px;}
.head .content .input .box-bg input:-ms-input-placeholder{ /* Internet Explorer 10+ */color: #E1E5EE;font-size:16px;}

.head .content .input .box-bg .btn{ float:right; width:20%; background:#ed9d2b; font-weight:bold;}
.head .content .input .box-bg .btn_on{ display:none; background:url(../images/loading.gif) no-repeat center #ed9d2b; background-size:30px; text-indent:-900px; overflow:hidden;}




.head .content .output{ background:#f0ad4e; color:#343a40;}
.head .content .output .box{ max-width:830px;}

.head .content .output .box .cent{ max-width:90%; overflow:hidden; text-align:left;}

.head .content .output .box .cent .success{ display:none;}
.head .content .output .box .cent .success .title{ font-size:18px; font-weight:bold; margin-top:20px;}
.head .content .output .box .cent .success .playUrl{ margin-top:10px; background:#eee; border-radius:5px; height:40px; line-height:40px; overflow:hidden; margin-bottom:30px;}
.head .content .output .box .cent .success .playUrl input{ float:left; border:none; width:85%; height:100%; font-size:16px; padding:0 10px;}
.head .content .output .box .cent .success .imagUrl{ margin-top:10px; background:#eee; border-radius:5px; height:40px; line-height:40px; overflow:hidden; margin-bottom:20px;}
.head .content .output .box .cent .success .imagUrl input{ float:left; border:none; width:85%; height:100%; font-size:16px; padding:0 10px;}
.head .content .output .box .cent .success .textUrl{ margin-top:10px; background:#eee; border-radius:5px; height:40px; line-height:40px; overflow:hidden; margin-bottom:20px;}
.head .content .output .box .cent .success .textUrl input{ float:left; border:none; width:85%; height:100%; font-size:16px; padding:0 10px;}

.head .content .output .box .cent .success .play{ float:right; width:15%; height:100%; font-weight:bold; text-align:center; background:url(../images/ic_play.png) no-repeat center #02B875; background-size:30px;}
.head .content .output .box .cent .success .open{ float:right; width:15%; height:100%; font-weight:bold; text-align:center; background:url(../images/ic_copy.png) no-repeat center #02B875; background-size:30px;}

.head .content .output .box .cent .error{ display:none; margin:20px auto; background:url(../images/ic_warning.png) no-repeat 10px center #d9534f; background-size:30px; padding:10px; padding-left:48px; border-radius:5px; color:#fff; font-weight:bold;}




.center{ min-height:1080px;}

.center .android-bg{ background:url(https://img.alicdn.com/imgextra/i2/1818153824/O1CN011ITj8W1e7RCXHbXbE_!!1818153824.png) no-repeat right 50px; background-size:50%;}
.center .android{ max-width:830px; overflow:hidden;}
.center .android .content{ width:50%; float:left; text-align:left; padding:0 10px; padding-top:30px; color:#343a40; padding-bottom:100px; padding-top:30px;}
.center .android .content .title{ font-size:36px; font-weight:bold; margin-bottom:20px;}
.center .android .content .listP{ font-size:18px; color:#fff; margin:10px auto;}
.center .android .content .listP span{ padding:0 10px; border-radius:5px;}
.center .android .content .listP:nth-child(2) span{ background:#4582EC;}
.center .android .content .listP:nth-child(3) span{ background:#6610f2;}
.center .android .content .listP:nth-child(4) span{ background:#6f42c1;}
.center .android .content .listP:nth-child(5) span{ background:#e83e8c;}
.center .android .content .listP:nth-child(6) span{ background:#d9534f;}
.center .android .content .listP:nth-child(7) span{ background:#fd7e14;}
.center .android .content .listP:nth-child(8) span{ background:#f0ad4e;}
.center .android .content .listP:nth-child(9) span{ background:#02B875;}
.center .android .content .listP:nth-child(10) span{ background:#20c997;}
.center .android .content .listP:nth-child(11) span{ background:#17a2b8;}
.center .android .content .listP:nth-child(12) span{ background:#4582EC;}
.center .android .content .listP:nth-child(13) span{ background:#02B875;}
.center .android .content .listP:nth-child(14) span{ background:#17a2b8;}
.center .android .content .listP:nth-child(15) span{ background:#f0ad4e;}
.center .android .content .listP:nth-child(16) span{ background:#d9534f;}
.center .android .content .listP:nth-child(17) span{ background:xxxxxxx;}
.center .android .content .listP:nth-child(18) span{ background:xxxxxxx;}
.center .android .content .listP:nth-child(19) span{ background:xxxxxxx;}
.center .android .content .listP:nth-child(20) span{ background:xxxxxxx;}

.center .more{ max-width:830px; margin-bottom:100px;}
.center .more .title{ font-size:36px; font-weight:bold; padding:0 10px;}
.center .more .banner{ padding:0 10px; margin-top:20px; text-align:center;}
.center .more .banner img{ max-width:100%;}





.center .support{ margin-bottom:100px; max-width:630px;}
.center .support ul{ overflow:hidden; margin:10px;}
.center .support li{ width:10%; float:left; text-align:center;}
.center .support li img{ max-width:80%;}




.footer_down{ position:fixed; width:100%; height:70px; left:0px; bottom:0px; background:#0E0E2F; overflow:hidden; color:#fff;}
.footer_down .logo{ float:left; height:100%; width:70px; background:url(../images/logo.png) no-repeat 10px center; background-size:50px;}
.footer_down .info{ float:left;}
.footer_down .info .name{ height:35px; line-height:50px; font-size:16px;}
.footer_down .info .name2{ height:35px; line-height:25px; font-size:12px; color:#CCC;}
.footer_down .down_btn{ float:right; color:#1f7cf4; height:70px; font-weight:bold; font-size:15px;}
.footer_down .down_btn div{ display:inline-block; margin-top:20px; margin-right:10px; height:30px; line-height:30px; padding:0 20px; background:#fff; border-radius:30px;}