@charset "utf-8";
/*reset*/
*{ margin:0; padding:0;}
html,body{ height:100%;}
html{ font:normal 62.5%/1.5rem "Arial","Source Han Sans";}
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,pre,form,input,button,textarea,th,td{ margin:0;padding:0;}
body{ color:#666; background-color:#eee; line-height: 1.8rem;}
li{ list-style:none;}
img{ border:none; vertical-align:top; display:inline-block;}
table{ border-collapse:collapse;}
textarea{ resize:none; overflow:auto;}
a,input,select,textarea,button{ outline:none;}
input{ background: #fff;}
select,button,option,input[type="button"],input[type="submit"]{ cursor:pointer;}
input[type="checkbox"],input[type="radio"]{ vertical-align:middle; cursor:pointer;}
i,b,em{ font-style: normal;}
a{ text-decoration:none; color:#333;}
a .iconfont,a span{ vertical-align: middle;}
/*主体内容*/
.return_btn{ width:40px; height:40px;top:40px;left:5%;z-index:3;background-color:rgba(255,255,255,.8);border-radius:50%; position:fixed;}
.return_btn span{display:block;width:32px;height:32px; margin:4px;}
.section1{ width:100%; height:100%;background:#66cdcc;background:-moz-linear-gradient(-45deg,#66cdcc 0,#336799 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#66cdcc),color-stop(100%,#336799));background:-webkit-linear-gradient(-45deg,#66cdcc 0,#336799 100%);background:-o-linear-gradient(-45deg,#66cdcc 0,#336799 100%);background:-ms-linear-gradient(-45deg,#66cdcc 0,#336799 100%);background:linear-gradient(-45deg,#66cdcc 0,#336799 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66cdcc, endColorstr=#336799, GradientType=1);padding-top:60px;}

.section1-berry{
	width:100%; 
	height:100%;
	background: #cc6698;
  	background: -moz-linear-gradient(-45deg, #cc6698 0%, #6b396c 100%);
  	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #cc6698), color-stop(100%, #6b396c));
  	background: -webkit-linear-gradient(-45deg, #cc6698 0%, #6b396c 100%);
  	background: -o-linear-gradient(-45deg, #cc6698 0%, #6b396c 100%);
  	background: -ms-linear-gradient(-45deg, #cc6698 0%, #6b396c 100%);
  	background: linear-gradient(-45deg, #cc6698 0%, #6b396c 100%);
  	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc6698, endColorstr=#6b396c, GradientType=1);
	padding-top:60px;
}
.section1-eco{
	width:100%; 
	height:100%;
	background: #66cc99;
  	background: -moz-linear-gradient(-45deg, #66cc99 0%, #339999 100%);
  	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #66cc99), color-stop(100%, #339999));
 	background: -webkit-linear-gradient(-45deg, #66cc99 0%, #339999 100%);
  	background: -o-linear-gradient(-45deg, #66cc99 0%, #339999 100%);
  	background: -ms-linear-gradient(-45deg, #66cc99 0%, #339999 100%);
  	background: linear-gradient(-45deg, #66cc99 0%, #339999 100%);
  	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66cc99, endColorstr=#339999, GradientType=1);
  	padding-top:60px;
}
.logo0622{ width:120px; height:130px; margin: 0 auto 0px;text-align: center;}
.logo0622 img{border-radius:22.5%;width:120px; height:120px; display:inline-block;}
.fixed-download{ text-align:center;}
.qr {height: 148px; margin-top: 44px;text-align: center;}
.qr .qrwarp {background-color: #fff;border-radius: 8px;display: inline-block; height: 120px; width: 120px;}
.qr .qrwarp img {height: 110px;padding: 10px 0 0 10px;width: 110px;}
.tips p{ text-align:center;font-family: "Open Sans","Helvetica Neue",Helvetica,"Source Han Sans",sans-serif;font-size: 14px;font-weight: 300;letter-spacing: 1.2px; color:#fff;}
.tips .p1{ margin-top: 2rem;}
.section1 .divider{ font-size:14px; color:#fff; margin:2rem auto;}
.web_link{ margin:1rem auto;}
@media screen and (max-width:768px){.qr{ display:none}}
@media screen and (max-width:768px){.fixed-download{ display:none}}
@media screen and (max-width:768px){.fixed-download{ display:none}}
@media screen and (max-width:768px){.tips .p1{ display:none}}
@media screen and (max-width:768px){.tips .p2{ display:none}}
@media screen and (max-width:768px){.divider{ display:none}}
@media screen and (max-width:768px){.web_link{ display:none}}
@media screen and (max-width:768px){.section2_content .p1{ display:none}}
@media screen and (max-width:768px){.section2_content .p2{ display:none}}
@media screen and (max-width:768px){.section2 .title{ display:none}}
@media screen and (max-width:320px){.section1{ padding-top:4rem}}
@media screen and (max-width:320px){.logo{ margin: 0 auto 30px;}}
@media screen and (max-width:320px){.qr{margin-top:35px}}
.section2{ width:100%; background:#fff; padding-top:2rem;}
.section2 .title{font-family: "Open Sans","Helvetica Neue",Helvetica,"Source Han Sans",sans-serif; font-size: 30px;font-weight: 300; line-height: 36px;margin-bottom: 20px;margin-top: 0; width:100%; text-align:center;}
.section2{ width:100%; margin:0 auto;}
@media screen and (max-width:768px){.section2 .title{ font-size:20px;}}
@media screen and (max-width:768px){.section2_content{ width:90%; margin:1.5rem 5%;}}
.tips .p2{ margin-top:10px;}

.section2_content .p1{ margin-top:3rem;}
.section2_content .p1 .span1{background: #ccc none repeat scroll 0 0;border-radius: 5px;display: inline-block;float: left; height: 3.4rem; line-height: 3.4em;margin-right: 10px; padding: 0 5px;}
.section2_content .p1 .span1 img{ margin-top:3px;}
.section2_content .p1 .span2{ display:inline-block; height:2.4rem; line-height:2.4rem; color:#fff; padding:0px 10px; background:#47b8dd; border-radius:3px; margin-left:1rem;font-family: "Source Han Sans";}
.section2_content .p2{ margin-top:2rem;}
.Update_log{ margin-top:1rem; padding:1rem 0rem;}
.section2_content .p2 span{font-family: "Source Han Sans"; font-size:1.4rem; color:#475a62; line-height:2rem; margin-right:1.5rem;}

.Update_log span,.section p{font-size:1.6rem; color:#475a62; display:inline-block;}
.Update_log_content{ color: #475a62;font-family: "Open Sans","Helvetica Neue",Helvetica,"Source Han Sans",sans-serif;font-size: 14px;font-weight: 300;letter-spacing:1.2px;line-height: 1.8rem;margin: 0; word-break: break-all;}
.Screenshot{ margin-top:1rem;}
.Screenshot p{ line-height:6rem;font-size:1.4rem; color:#475a62;}
.Screenshot_box{ font-size: 0;overflow-x: scroll; overflow-y: hidden; width:auto;}
.Screenshot_box ul{ width:100%; height:144px; overflow:hidden;}
.Screenshot_box ul li{ float:left; width:20%;}
.Screenshot_box ul li img{ width:80%; margin:0rem 10%;}
.phone_show { margin-top:2rem; display:none;}
@media screen and (max-width:768px){.phone_show{ display:block}}
.phone_show .p1{font-size: 18px;}
.phone_show p{ width:100%; text-align:center; line-height:3rem;color: #fff;font-family: "Open Sans","Helvetica Neue",Helvetica,"Source Han Sans",sans-serif;font-size: 14px;font-weight: 300;letter-spacing: 1.2px;}
.load_fixed{ margin:3rem auto;}
.load_fixed a{color: #2c9fb7;cursor: pointer; font-size: 16px; display:block; width:100%;}
@media screen and (max-width:768px){.load_fixed a{ width:50%; margin-left:25%;}}
.divider::before {height: 0.95em;}
.divider::after, .divider::before {border-bottom: 1px solid #dedcdf;content: "";display: inline-block; height: 0.65em; margin: 0 2% 0 -55%;vertical-align: top;width: 40%;}
.divider::after {margin: 0 -55% 0 2%;}
.divider { color: #fff;font-size: 12px;line-height: 2em; margin: 0 auto;text-align: center;}
.divider { font-family: Raleway,"Helvetica Neue",Helvetica,"Source Han Sans",sans-serif;overflow: hidden;width: 70%;}
.tips {font-weight: 300;letter-spacing: 1.2px;}
/*截图*/
.content{overflow-x:scroll;overflow-y:hidden; padding-top:3rem;}
.content .inner{display:table;table-layout:fixed}
.content .screen-wrap{position:relative;display:table-cell;box-sizing:border-box;margin-right:10px;width:220px;height:400px;vertical-align:top;text-align:center;padding-right:10px}
.content .screen-wrap img{max-width:100%;vertical-align:middle}
.section{ padding-top:3rem;}
.screen-wrap{position:relative;display:table-cell;box-sizing:border-box;margin-right:10px;width:220px;height:400px;vertical-align:top;text-align:center;padding-right:10px}
.screen-wrap img{max-width:100%;vertical-align:middle}
.inner{display:table;table-layout:fixed;}
@media (min-width:1200px){.section2 .container{width:886px}}
.click_opacity{ width:100%; height:100%; background:#000; opacity:0.6; position:fixed; z-index:10000; top:0px;}
.to_btn{ position:fixed; top:10px; right:10px; text-align:right; z-index:10001; font-family:"Source Han Sans";}
.to_btn span{ display:block;}
.to_btn img{ width:20%; height:auto; display:inline-block;}
.to_btn .span1{ font-size:1.6rem; color:#fff; margin-top:5px;}
.finial_footer{ width:100%; height:50px; line-height:50px; padding:0px;}
@media screen and (max-width:768px){#screens .container{ width:auto;}}
/*chenyou0807新增样式*/
.cy_container0624 .Update_log_box, .Introduction_box{ padding:0px 0px 10px;}
.cy_app_name{ color:#fff; margin-bottom:20px;text-align: center;}
/*chenyou0807新增样式*/
.load_fixed{ position:relative;}
.fixing .fa-circle-o-notch{ color:#fff; font-weight:100; width:100%; text-align:center; position:absolute; top:0px;}
.load_fixed .home_key{ position:absolute; top:0px; font-size:14px;}
/*chenyou0821修改微信打开方式*/
.to_btn{ color:#fff;}
.to_btn .span2{ display:inline-block; line-height:36px; width:80%; margin-bottom:12px; text-align:left; font-size:16px;}
.to_btn .span2 em{ display:inline-block; width:16px; height:16px; background:#009dd9; color:#fff; font-size:12px; text-align:center; line-height:16px; border:1px solid #fff; border-radius:50%; margin-right:3px;}
.to_btn .span2 img{ display:inline-block; width:30px; height:30px; margin:0px 5px;}
.to_btn span{ display:block; float:right;}
.to_btn .android_open img{ display:inline-block; width:150px; height:34px;}
/*ios9提示样式*/
.ios9_tips{ width:100%; background:rgba(0,0,0,0.7); padding:30px 0px; height:auto;display: none}
.ios9_tips p{ font-size:14px; font-weight:200; color:#fff; width:100%; text-align:center; line-height:28px;}
.ios9_tips img{ display:block;width:12px;height:12px;}
.ios9_tips .img1{ width:80%; height:auto; margin:20px 10% 0px;}
.ios9_tips .btn{ width:40%; height:auto; margin:20px 30% 0px;font-size: 13px;font-weight: 500;border: 1px solid #fff!important;}
.ios9_tips .p3{font-size:13px; margin:50px 0px 30px 0px;}
.ios9_tips .img2{ width:120px; height:120px; margin:10px auto;}
.ios9_tips .img3{ width:80%; height:auto; margin:20px 10% 0px;}
.ios9_tips .img4{ width:60%; height:auto; margin:20px 20% 0px;}
.go_desk{ margin-top:30px;}
.close_ios9{margin-right: 8px;position: absolute;top: 10px; right: 0px;}
.ios9_tips_content{ padding-top:10px;}
@media screen and (max-width:768px){.ios9_tips{ display:block;}.ios9_tips{ top:80%; left:0px; width:100%; position:absolute;z-index:100;}.pos_inherit{ position:fixed; z-index:100;}#down1{opacity:0; display:none;}}
/*app-banner*/
.app-banner{ width:100%; height:100px; position:fixed;bottom:0px; z-index:100;}
.app-banner-rel{ position:relative;}
.app-banner-box{ position:absolute; width:100%; height:100px; background:#000; opacity:0.4; filter:alpha(opacity=40);}
.app-banner-content{ width:400px; position:absolute; margin-left:-200px; left:50%; margin-top:18px}
.app-banner-close{ width:15px; height:15px; position:absolute; top:10px; right:30px;}
.app-banner-close img{ display:block; width:15px; height:15px;}
.app-banner-content .c-left,.app-banner-content .c-right{ float:left;}
.app-banner-content .c-right{ margin-left:20px; width:315px; }
.app-banner-content .c-right p{ color:#fff;}
.app-banner-content .c-right .p1{ font-size:20px; line-height:36px;}
.app-banner-content .c-right .p2{ font-size:16px; line-height:24px;}
.app-banner-content .c-right .p1 em{ display:inline-block; font-size:12px; height:20px; line-height:20px; padding:0px 6px; border:1px solid #a6d0db; margin-left:10px;}
.app-banner-content .c-left{ margin:0px; width:64px; height:64px;}
.app-banner-content .c-left img{ display:block; width:64px; height:64px; border-radius:22.5%;}
@media screen and (min-width:768px){.app-banner-content .c-right .p2{ width:100%;text-overflow: ellipsis;
overflow: hidden;white-space: nowrap;}}
@media screen and (max-width:640px){.app-banner{ width:100%; height:100px; position:fixed;bottom:0px; z-index:100;}.app-banner-content .c-left{ margin:0px 0px 0px 20px; width:60px; height:60px;}.app-banner-content .c-left img{ display:block; width:60px; height:60px;}.app-banner-content .c-right{ margin-left:20px; width:60%;}.app-banner-content .c-right .p1{ font-size:16px; margin-top:0px; line-height:30px;}.app-banner-content .c-right .p2{ font-size:12px; line-height:20px;}.app-banner-close{ width:15px; height:15px; position:absolute; top:10px; right:30px;}.app-banner-close img{ display:block; width:15px; height:15px;}.app-banner-content{ position:absolute; left:0px; margin-left:0px; width:90%;}}

/*页面下拉提示*/
.next-page{ width:100%;}
.next-page p{ line-height:30px; font-size:14px; color:#fff; position:absolute; bottom:30px; width:100%;text-align: center;font-weight: 300}
.next-page-logo{ width:25px; height:20px; margin:0px auto; bottom:20px;}
.next-page-logo img{ display:block; width:25px; height:10px;}
@-webkit-keyframes tipmove{0%{bottom:10px;opacity:0}50%{bottom:15px;opacity:1}100%{bottom:20px;opacity:0}}
.array{
	position:absolute;z-index:999;-webkit-animation: tipmove 1.5s infinite ease-in-out;
}

.footer-berry {
  background: #cc6698;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #cc6698 0%, #6b396c 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #cc6698), color-stop(100%, #6b396c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, #cc6698 0%, #6b396c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, #cc6698 0%, #6b396c 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, #cc6698 0%, #6b396c 100%);
  /* IE10+ */
  background: linear-gradient(-45deg, #cc6698 0%, #6b396c 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc6698, endColorstr=#6b396c, GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.footer-eco{
background: #66cc99;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #66cc99 0%, #339999 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #66cc99), color-stop(100%, #339999));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, #66cc99 0%, #339999 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, #66cc99 0%, #339999 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, #66cc99 0%, #339999 100%);
  /* IE10+ */
  background: linear-gradient(-45deg, #66cc99 0%, #339999 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66cc99, endColorstr=#339999, GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
/*下载页按钮颜色*/
.button-download-berry{
  color: #cc6698;
  border-color: #cc6698;
}
.button-download-berry:hover{
  background: #cc6698 !important;
  border-color: #cc6698 !important;
}
.button-download-eco{
  color: #66cc99;
  border-color: #66cc99;
}
.button-download-eco:hover{
  background: #66cc99 !important;
  border-color: #66cc99 !important;
}
.button-download-eco2{
  color: #66cc99 !important;
  border-color: #66cc99 !important; 
}
.button-download-eco2:hover{
  background: #66cc99 !important;
  color: #fff !important;
}
.button-download-berry2{
  color: #cc6698 !important;
  border-color: #cc6698 !important;
}
.button-download-berry2:hover{
  background: #cc6698 !important;
  color: #fff !important;
}


/* 2016 10 28 aps download page */

.qr{
    margin-top: 34px;
}

.section1 .divider {
        margin: 1rem auto;
}

.tips .p1 {
    margin-top: 1rem;
}

.section1 {
    padding-top: 40px;
}

.new_pre_bx .now_verson {
    min-height: 40px;
    height: auto;
    line-height: 25px;
    text-align: center;
    margin: 0;
    padding: 15px 0;
}


/* 2016 11 18 aps download page */
.arrow-box{
    position: absolute;
    bottom: 10%;
    width: 100%
}
.try-these{
    margin-top: 30px;
    background-color: rgba(0,0,0,0.1);
}
.try-these p {
    width: 100%;
    text-align: center;
    line-height: 3rem;
    color: #fff;
    font-family: "Open Sans","Helvetica Neue",Helvetica,"Source Han Sans",sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1.2px;
}
.try-these p.try-title{
    text-align: center;padding: 1em 0 0;color: #fff;line-height: inherit;
}
.try-these p.try-title2{
    text-align: center;padding: .5em 0 0;color: #fff;font-size: 12px;line-height: inherit;
}
.try-app-block{
    text-align: center;padding: 1em 0;
}
.logo1118{
    display: inline-block;
    width: 70px;
    height: 100px;
    text-align: center;
    margin: 0 20px;
    cursor: pointer;
}
.logo1118 img{
    border-radius: 22.5%;
    width: 70px;
    height: 70px;
    display: inline-block;
}
.logo1118 .cy_app_name{
    margin-bottom: 0;
}

.phone_show{
    margin-top: 0;
}
.try-these p.try-title .fa-spin{
    position: relative;
    top: 1px;
    left: -5px;
    font-size: 16px;
}
.down_limit_notice{
    line-height: 2rem!important;
}
.load_fixed{
    margin: 3rem auto 1rem;
}
.arrow-z{
    text-align: center;
}
.arrow-z img{
    width: 140px;
    display: inline-block;
    margin-left: -10px;
}

@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){
    .logo0622{
        width: 80px;height: 90px;
    }
    .logo0622 img{
        width: 80px;height: 80px;
    }
    .load_fixed{
        margin: 3rem auto;
    }
    .section1{
        padding-top: 20px;
    }
}
@media screen and (max-width:768px){
    .try-these p.try-title{
        padding: 1em 0 0
    }
    .try-these p.try-title2{
        padding: 0
    }
    .try-app-block{
        padding: 1em 0;
    }
    .logo1118{
        width: 62px;
        height: 80px;
    }
    .logo1118 img{
        width: 50px;
        height: 50px;
    }
    .arrow-z{
        margin: 1rem auto;
    }
    .arrow-z img{
        width: 120px;
    }
}