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


/*重置浏览器的默认样式*/
h1, h2, h3, p, dl, dt, dd, img, input,{
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
}
* {
	margin: 0;
	padding: 0;
	
}
body {
	font: 14px/1.6 "Microsoft Yahei";
	background:#f7f7f7;
}
.inner {
	position: relative;
	width: 1100px;
	margin: 0 auto;
}
.WeCoach-hd {
	position: fixed;
	z-index: 1000;
	width: 100%;
	height: 40px;
	background: url(../images/hd_bg.png) 0 0 repeat-x;
}
.WeCoach-hd h1 {
	float: left;
	width: 156px;
	height: 41px;
}
.WeCoach-hd h1 a {
	display: block;
	width: 41px;
	height: 20px;
}
.WeCoach-hd .nav {
	float: right;
	list-style-type: none;
}
.WeCoach-hd .nav li {
	float: left;
}
.WeCoach-hd .nav a {
	float: left;
	padding: 0 10px;
	line-height: 40px;
	color: #000;
	margin-left: 25px;
	text-decoration: none;
}
.WeCoach-hd .nav a:hover {
	height: 40px;
	border-bottom: 2px solid #ff3128;
}

.activelink {
	height: 40px;
	border-bottom: 2px solid #ff3128;
}

.WeCoach-hd .nav #buy{
	color:#FFF;
	background: url(../images/h_buynow.png) right center no-repeat;
}

.buy_link{color:#FFF;}

.WeCoach-hd-p{
	display:none;	
}


/*底部样式控制*/
#footer_wrap{ width:100%; height:171px; background:url(../images/footer_wrap_bg.png) repeat-x; position:absolute;}
.footer{ height:151px; width:1100px; margin:0 auto; color:#2e2624; }
.record{width:100%; height:20px;  text-align:center; position:absolute; bottom:0px; color:#666; font-size:12px;}
.record a{text-decoration:none; display:inline-block; margin-left:20px; color:#666}
.record a:hover{text-decoration:none}
.aw_logo{ float:left; width:250px; height:86px; text-align:center; line-height:86px; margin-top:40px;}
.aw_tel{ float:left; width:330px; height:86px; text-align:center; font-size:22px; line-height:86px;margin-top:40px;}
.aw_tel span { width:100px; height:100px;  margin-right:10px; margin-top:10px; }
.aw_tel span img{ display:inline-block; padding-top:20px;}
.aw_email{float:left; width:250px; height:120px; text-align:center;margin-left:20px; padding-bottom:30px; background:#0CF;}
.aw_wechat{float:left; width:150px; height:130px; text-align:center; margin-top:10px; margin-left:80px;}
.aw_weixin{float:left;  height:130px; text-align:center; margin-top:10px; margin-left:100px;display: flex;justify-content: center;font-size: 12px;}
.aw_weixin div{margin-left:20px}
#email{ width:300px; height:100px;  margin-top:40px;}
#footer-signup{ width:300px; height:100px;  }
#footer-signup dt{ float:left;  height:20px; font-size:14px;}
#footer-signup dd{ float:left; width:250px; height:50px;}
#email-opt-address { width:200px; height:30px;}
#legal-footer-nav, #homepageFooter-nav-wrap {
           -moz-box-sizing: border-box;
           margin: 0 auto;
           width: 976px;
        }
        #homepageFooter {
            background-color: #1A1A1A;
        }
        #homepageFooter > section:after {
            clear: both;
            content: " ";
            display: table;
        }
        /*关于我们*/
        #homepageFooter a {
            color: #ffffff;
        }
        #homepageFooter a:hover {
            color: #FFFFFF;
            transition: color 0.3s ease-out 0s;
        }
        @media (max-width: 1016px) {
            #legal-footer-nav, #homepageFooter-nav-wrap {
                padding-left: 20px;
                padding-right: 20px;
                width: 100%;
            }
        }
        #homepageFooter-nav-wrap {
            padding-bottom: 50px;
            padding-top: 30px;
        }
        # {
            float: right;
            width: 40%;
        }
        # > strong {
            background-position: 0 0;
            background-repeat: no-repeat;
            background-size: 168px auto;
            display: block;
            float: right;
            height: 27.5px;
            margin-bottom: 15px;
            overflow: hidden;
            text-align: left;
            text-indent: -9999em;
            width: 168px;
        }
        # .social-links-footer {
            clear: right;
            float: right;
            width: 281px;
        }
        # .social-links-footer > li {
            
            background-position: 0 0;
            background-repeat: no-repeat;
            background-size: 22px 325px;
            float: left;
            margin-left: 20px;
            opacity: 0.8;
            overflow: hidden;
            text-align: left;
            text-indent: -9999em;
        }
        # .social-links-footer > li:hover {
            opacity: 1;
        }
        # .social-links-footer > li:first-child {
            margin-left: 0;
        }
        # .social-links-footer > li.twitter {
            background-position: 0 -22px;
        }
        # .social-links-footer > li.google {
            background-position: 0 -45px;
        }
        # .social-links-footer > li.youtube {
            background-position: 0 -89px;
        }
        # .social-links-footer > li.pinterest {
            background-position: 0 -67px;
        }
        # .social-links-footer > li.instagram {
            background-position: 0 -111px;
        }
        # .social-links-footer > li.tumblr {
            background-position: 0 -133px;
        }
        # .social-links-footer a {
            display: block;
            height: 22px;
            width: 23px;
        }
        .ie7 # > strong, .ie8 # > strong {
            
        }
        .ie7 # .social-links > li, .ie8 # .social-links > li {
         
        }
        #homepageFooter-nav {
            float: left;
            width: 60%;
        }
        #homepageFooter-nav > dl {
            color: #D9D9D9;
            float: left;
            width: 33%;
        }
        #homepageFooter-nav dt {
            font-family: "ProximaBold",Arial,sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: normal;
            margin-bottom: 10px;
        }
        #homepageFooter-nav li {
            margin-bottom: 5px;
        }
        #homepageFooter-nav #footer-signup {
            clear: both;
            margin-top: 30px;
            width: 66%;
        }
        #homepageFooter-nav-col2 {
            height: 120px;
        }
        #email-opt-form #email-opt-address {
            -moz-box-sizing: border-box;
            /*background-color: rgba(0, 0, 0, 0);*/
            border-width: 0;
            height: 36px;
        }
	#email-opt-form #emailbutton {
            -moz-box-sizing: border-box;
            background-color:#323232;
            border-width: 0;
            height: 37px;
            font-size: 15px;
            font-style: normal;
            font-weight: normal;
			color:#FFF;
			margin-top:-1px;
		
        }

        #email-opt-form {
            margin-top: 15px;
        }
        #email-opt-form > fieldset {
           
            border-radius: 5px;
            position: relative;
        }
        #email-opt-form > fieldset.disabled:after {
            content: "";
            display: block;
            height: 24px;
            left: -40px;
            position: absolute;
            top: 6px;
            width: 24px;
        }
        #email-opt-form label {
            color: #808080;
            left: 10px;
            line-height: 36px;
            position: absolute;
            top: 0;
        }
        #email-opt-form #email-opt-address {
            color: #6f6d6d;
            float: left;
            line-height: 24px;
            /*20140331修正chrome email按钮换行*/
            /*padding: 6px 10px;*/
            width: 80%;
        }
        #email-opt-form #emailbutton {
            float: right;
            padding: 2px;
            position: relative;
            width: 20%;
        }
        #email-opt-form #emailbutton:after {
            border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #808080;
            border-style: solid;
            border-width: 8px;
            content: "";
            display: block;
            position: absolute;
            right: 12px;
            top: 10px;
            z-index: 2;
        }
        #email-opt-form .conf-box {
            color: #D9D9D9;
            margin-bottom: -15px;
            padding: 10px;
        }
        #email-opt-form .conf-box.error {
            color: #D9D9D9;
        }
        #legal-footer-nav-wrap {
            background-color: #000000;
        }
        #legal-footer-nav {
            color: #808080;
            padding-bottom: 10px;
            padding-top: 10px;
        }
        #legal-footer-nav:after {
            clear: both;
            content: " ";
            display: table;
        }
        #legal-footer-nav a {
            color: #808080;
        }

.content-wrap{
	width:100%;
	height:840px;
	background:#f7f7f7;
	margin:0 auto;
	padding-top:40px; 
}
		
.download-text-phone{
	display:none;
}
.download-title{
	height:240px;
	width:100%;
	background-color:#4c596f;
	margin:0 auto;	
}

.wecoach-pro-download-app{
	margin:0 auto;	
	text-align:center;
	padding-top:78px;
}

.app-item{
	width:640px;
	height:400px;
	margin:0 auto;
}

.app-area{
	width:315px;
	height:280px;
	float:left;
	margin:0 auto;
	margin-top:60px;
}
.border-left{
	border-left:1px solid #eaeaea;
}

.app-details{
	width:180px;
	margin:0 auto;
}

.app-icon-run{
	width:180px;
	height:180px;
	text-align:center;
}

.app-icon-bike{
	text-align:center;
	width:180px;
	height:180px;
}

.app-icon-swim{
	text-align:center;
	padding-top:20px;
	width:180px;
	height:160px;
}

.app-icon-strength{
	text-align:center;
	width:180px;
	height:180px;
}
.download-area{
	height:100px;
	width:180px;
	background:#f7f7f7;		
}
.ios9-detail{
	color:#FF4040;
}
.btn{
	width:180px;
	height:40px;
	background:#ffb003;
	border-radius: 8px;
	text-align:center;
	line-height:40px;
	
}

.ios-icon{
	background:url(http://artiwares.qiniudn.com/images/ios_icon_2x.png) no-repeat scroll center center / 100% 100%;
	width:25px;
	height:30px;
	margin-top:5px;
	margin-left:10px;
	float:left;
}

.ios-text{
	float:left;
	width:110px;
	color:#FFF;
	text-align:left;
	margin-left:10px;
	font-size:15px;
	line-height:44px;
}
.android-btn{
	margin-top:14px;

}

.android-icon{
	background:url(http://artiwares.qiniudn.com/images/android_icon_2x.png) no-repeat scroll center center / 100% 100%;
	width:25px;
	height:30px;
	margin-top:5px;
	margin-left:10px;
	float:left;	
}

.download-text{
	color:#36648B;
	width:1280px;
	height:130px;
	text-align:center;
	font-size:16px;
	margin:0 auto;
}
.area-30{
	display:none;	
}
#popweixin{
	display:none;	
}




@media screen and (max-width: 768px){
	
	@charset "utf-8";
/* CSS Document */


/*重置浏览器的默认样式*/
h1, h2, h3, p, dl, dt, dd, img, input,{
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
}
* {
	margin: 0;
	padding: 0;
	
}
body {
	font: 14px/1.6 "Microsoft Yahei";
	background:#f7f7f7;
}

.WeCoach-hd {
	display:none;
}

.WeCoach-hd-p {
	position: fixed;
	z-index: 1000;
	width: 100%;
	height: 40px;
	background: url(../images/hd_bg.png) 0 0 repeat-x;
	display:block;
}
.WeCoach-hd-p h1 {
	float: left;
	width: 156px;
	height: 41px;
	margin-left:30px;
}
.WeCoach-hd-p h1 a {
	display: block;
	width: 41px;
	height: 20px;
}
.WeCoach-hd-p .nav {
	float: right;
	list-style-type: none;
}
.WeCoach-hd-p .nav li {
	float: left;
}
.WeCoach-hd-p .nav a {
	float: left;
	padding: 0 10px;
	line-height: 40px;
	color: #000;
	margin-left: 25px;
	text-decoration: none;
}
.WeCoach-hd-p .nav a:hover {
	height: 40px;
	border-bottom: 2px solid #ff3128;
}

.activelink-p {
	height: 40px;
	border-bottom: 2px solid #ff3128;
}

.WeCoach-hd-p .nav #buy{
	color:#FFF;
	background: url(../images/h_buynow.png) right center no-repeat;
	margin-right:20px;
}

.buy_link{color:#FFF;}


#footer_wrap{	
	display:none;
}
.download-title{
	height:240px;
	width:100%;
	background-color:#4f5b71;
	margin:0 auto;	
}
.wecoach-pro-download-app{
	margin:0 auto;	
	text-align:center;
	padding-top:78px;
	width:80%;
}

.download-text-phone{
	color:#36648B;
	height:100px;
	margin:0 auto;
	font-size:14px;
	width:80%;
	margin-top:40px;
	display:block;
}
.download-text{
	display:none;
}


.app-item{
	width:100%;
	height:1500px;;
		
}

.app-area{
	width:100%;
	height:300px;
	border-top:1px solid #e5e5e5;
	bo	
}

.border-left{
	border-left:none;
}
.app-details{
	width:100%;
	margin:0 auto;
}

.download-area{
	height:100px;
	width:62%;
	background:#ffffff;
	margin:0 auto;
	margin-top:20px;
}

.btn{
	width:100%;
	height:40px;
	background:#ffb003;
	border-radius: 8px;
	text-align:center;
	line-height:40px;
	
}
.ios-icon{
	width:25px;
	height:30px;
	margin-left:24px;
	float:left;
}

.android-icon{
	width:25px;
	height:30px;
	margin-left:24px;
	float:left;	
}

.app-icon-run{
	width:100%;
	height:160px;
	margin-top:50px;
}


.app-icon-bike{
	width:100%;
	height:150px;
	margin-top:50px;
}

.app-icon-swim{
	width:100%;
	height:140px;
	margin-top:50px;
}

.app-icon-strength{
	width:100%;
	height:150px;
	margin-top:50px;
}


.content-wrap{
	background:#fff;	
}

.area-30{
	display:block;
	height:30px;
	width:100%;
}

#popweixin {
    width:100%;
    height:100%;
    overflow:hidden;
    position:fixed;
    z-index:1000;
    background:rgba(0,0,0,.5);
    top:0;
    left:0;
    display:none;
}
#popweixin .tip {
    width:100%;
    background:#fff;
    z-index:1001;
	float:right;
	text-align:right;
}
.top2bottom {
    -webkit-animation:top2bottom 1.2s ease;
    -moz-animation:top2bottom 1.2s ease;
    -o-animation:top2bottom 1.2s ease;
    animation:top2bottom 1.2s ease;
    -webkit-animation-fill-mode:backwards;
    -moz-animation-fill-mode:backwards;
    -o-animation-fill-mode:backwards;
    animation-fill-mode:backwards
}
.animate-delay-1 {
    -webkit-animation-delay:1s;
    -moz-animation-delay:1s;
    -o-animation-delay:1s;
    animation-delay:1s
}
@-webkit-keyframes top2bottom {
    0% {
    -webkit-transform:translateY(-300px);
    opacity:.6
}
100% {
    -webkit-transform:translateY(0px);
    opacity:1
}
}@keyframes top2bottom {
    0% {
    transform:translateY(-300px);
    opacity:.6
}
100% {
    transform:translateY(0px);
    opacity:1
}

}


.ios9-detail{
	color:#FF4040;
}