@charset "gb2312";



/*Ê×Ò³¿ò¼Ü*/
.Cloud{ overflow: hidden; min-height:540px;width: 100%; margin: 0 auto; padding-top: 100px; background:#F0F0F0}
.Cloud-left{ float: left; width: 400px;}
.Cloud-left h3{ font-size: 45px; color: #333;  }
.Cloud-left h4{ font-size: 20px; color: #666; margin-top:25px;line-height:30px;padding-bottom:20px;}
.Cloud-right{ float: right; width: 615px; text-align: right; }
.Cloud-right1{ float: right; width:749px; text-align: right; }


/*ÍøÂç·þÎñ*/
.Network_bj{ min-height:600px; background: #fff; width: 100%;}
.index-Network{ width: 1050px; margin: 0 auto; overflow: hidden;}
.Network-left{ float: left; width: 743px;}
.Network-right{ float: right; width:300px;}
.Network-left{ margin-top: 100px;}
.Network-right h3{ font-size: 45px; margin-top: 200px;color: #333;  }
.Network-right h4{ font-size: 20px; color: #666; margin-top:25px;line-height:30px;}




#header{
	height:80px;
}

#header .top_bg{
	border-top:4px solid #ee4939;
}

#logo {
    display: inline-block;
    float: left;
    height: 68px;
    margin-top:8px;
    width: 201px;
}

#nav{
  float:right;	
}
#nav li{
    float:left;
    height:68px;
}


#nav li a{
    font-size:16px;
    color:#4b5460;
    text-align:center;
    display:inline-block;
    padding:35px 50px 0px;
    font-size:16px;
   
}

#nav li a.current{
	color:#ee4939
}



#subnav{
    background-color:#2e353d;
    display:none;
    

}
#subnav ul{
    height:107px;
    overflow:hidden;
}
#subnav ul li {
    float: left;
    height: 107px;
    text-align: center;
    width: 100px;
   _position:relative;
}


#subnav ul li a{

    display: inline-block;
    height: 50px;
    margin-top: 20px;
    width: 50px;
    _position:absolute;
    _left:25px;
    _top:20px;
    _margin-top:0px;
}

#subnav ul li a img{
	width:50px;
    height:50px;
    
}




#subnav ul li span{
    display:inline-block;
    text-align:center;
    width:100%;
    font-size:12px;
    color:#ffffff;
    font-family: SimSun;
    _position:absolute;
    _top:75px;
    _left:0;

}



#banner {
    width:100%;
    height:700px;
    position:relative;
    z-index:1;
}

#panel{
    width:100%;
    height:700px;
    position:absolute;
    z-index:2;
  
}
#panel .banner_bg{
	margin-right:998px;
    height:700px;
    background:url('../images/banner/banner_bg.jpg') right center repeat-x transparent;
}
#panel .banner_content{
	width:998px;
    height:700px;
    position:absolute;
    right:0;
    top:0;
    background: url("../images/banner/lifenote_1_1_banner.jpg") no-repeat center right transparent;
}
#panel li{
    width:100%;
    height:700px;
    position:absolute;
    z-index:1;
    opacity:0
}
#panel .pic{
    width:960px;
    height:600px;
    margin: 0 auto;
    display:none;
    position:absolute;
    left:50%;
    margin-left:-480px;
    top:0;
    overflow:hidden;
    z-index:10;
    background:url("../images/banner/banner.png") 0px 50px no-repeat transparent;
}
#panel .slide_thumb{
    display:none;
}
#trigger{
    width:100%;
    position:absolute;
    bottom:170px;
    left:0;
    z-index:3;
}

#trigger ul{ height:30px;cursor:pointer; color:#fff;float:right; }
#trigger li{float:left; width:16px;height:17px;background: url(../images/banner/slide-dot.png) -23px -1px no-repeat; margin-left:9px;}
#trigger li.cur{ background: url(../images/banner/slide-dot.png) -1px -1px no-repeat;}


#slide_1{
	
}

#message .container_12{
	overflow:visible;
}

#message{
	position:absolute;
    z-index:2;
    height:172px;
    background:url("../images/shadow.png") 0 0 repeat-x transparent;
    left:0;
    bottom:-8px;
    width:100%;
}

#message h4 {
    color: #606060;
    font-size: 20px;
    margin-top: 32px;
    color:#ffffff;
}

#message input {
    border: 1px solid #9da5a6;
    border-radius: 4px;
    color: #ABABAB;
    float: left;
    font-family: Microsoft YaHei,Arial;
    font-size: 16px;
    height: 33px;
    line-height: 33px;
    margin-top: 26px;
    overflow: hidden;
    padding-left: 5px;
    width: 192px;
    color:#ffffff;
    background-color:#818989;
}

#message input#code {
    margin-left: 25px;
    width: 106px;
}

#message img.verifycode {
    display: inline-block;
    float: left;
    height: 40px;
    margin-left: 13px;
    margin-top: 24px;
    width: 70px;
}

#message a.send {
    background-color: #ffffff;
    border-radius: 4px;
    color: #000000;
    display: inline-block;
    float: left;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    margin-left: 21px;
    margin-top: 26px;
    text-align: center;
    width: 106px;
}

#message span {
    color: #A6A8AC;
    display: inline-block;
    float: left;
    font-family: "simsun";
    line-height: 20px;
    margin-top: 10px;
}

#message span.phoneerror {
    color: #ffef64;
    display: inline-block;
    float: left;
    line-height: 25px;
    opacity: 0;
    filter:alpha(opacity=0);
    width: 192px;
}
#message  span.codeerror {
    color: #ffef64;
    display: inline-block;
    float: left;
    line-height: 25px;
    margin-left: 35px;
    opacity: 0;
    filter:alpha(opacity=0);
    width: 92px;
}
#message span.success {
    color: #ffef64;
    display: none;
    float: left;
    line-height: 25px;
    width: 606px;
}

#message .barcode{
	position:relative;
}

#message span.barcode_info{
	margin-top: 24px;
	
}
#message .erweima{
	position:absolute;
    right:-20px;
    width:94px;
    height:94px;
    top: 40px;
	
}

#feature{
	width:1050px;
    position:relative;margin:0 auto;
}

#feature img.feature1_bg{
	position:absolute;
    right:0;
    top:0;
    z-index:1;
}
#feature img.feature2_bg{
	position:absolute;
    left:0;
    top:700px;
    z-index:1;
}
#feature img.feature3_bg{
	position:absolute;
    right:0;
    top:1300px;
    z-index:1;
}
#feature img.feature4_bg{
	position:absolute;
    left:0;
    top:60px;
    z-index:1;
}

#feature .container{
	width:1050px;
    margin:0 auto;
   
}

.feature{
	position:relative;
    height:620px;
    background:url("../images/line.png")  center bottom no-repeat transparent;
}

.feature1 .feature_img {
	position:absolute;
    top:30px;
    left:10px;
    z-index:2;
}
.feature1 .feature_content{
	position:absolute;
    left: 580px;
    bottom:156px;
    z-index:2;
}

.feature2 .feature_img {
	position:absolute;
    right:0px;
    top:60px;
z-index:2;
}
.feature2 .feature_content{
	position:absolute;
    left:0px;
    bottom:356px;
z-index:2;
}
.feature3{
	height:680px;
}
.feature3 .feature_img {
	position:absolute;
    top:30px;
    left:0px;
z-index:2;
}
.feature3 .feature_content{
	position:absolute;
    right:0px;
    bottom:406px;
z-index:2;
}
.feature4 .feature_img {
	position:absolute;
    right:30px;
    top:40px;
z-index:2;
}
.feature4 .feature_content{
	position:absolute;
    left:250px;
    bottom:556px;
    z-index:2;
}



.feature5{
	height:0px;
}

#footer{
	height:81px;
	background:url("../images/footer_bg.jpg") center top no-repeat transparent;
    background-color:#48231a;

}

.partener{
	height:120px;
    text-align:center;
    line-height:120px;
    margin-top:40px;
}
.partener ul li{
	float:left;
    height:49px;
    margin-left:54px;
_display:inline;
 position:relative;
}
.partener ul li a{
	display:inline-block;
    float:left;
   
}
.partener ul li div.tip{
	float:left;
    margin-top:2px;
}

.partener ul li div.tip p{
	font-size:14px;
    text-align:left;
    line-height:20px;
   color:#4d4d4d;
}
#footer .partener img{
	
	display:inline-block;
    width:52px;
    height:49px;
}
#footer .copyright{
    color: #ffffff;
    line-height:81px;
    height:81px;
    text-align: center;

}

#dfooter{
	  background-color:#f4f4f4;
}

#dfooter .copyright{
    color: #999999;
    padding: 20px 0;
    text-align: center;
}




.full {
    width: 100%;
}

.download_banner {
    background-color: #F9F9F9;
    height:400px;
    
    
}
.download_banner .container_12 {
    height: 400px;
    position: relative;
}
.android_bg {
    background: url("../images/download/android_banner_1_1.jpg") no-repeat scroll center top #000000;
}
.download_banner .android{
	 background: url("../images/download/android_1_2_logo.png") no-repeat left 20px transparent;
}
.download_banner span.version {
    color: #333333;
    display: inline-block;
    font-size: 32px;
    height: 58px;
    left: 0;
    line-height: 58px;
    position: absolute;
    text-align: left;
    top: 80px;
    width: 291px;
}

.download_banner p.descript {
    color: #2E353D;
    font-size: 18px;
    line-height: 20px;
    position: absolute;
    top: 132px;
    left:0;
}

.download_banner .download{
	position:absolute;
    top:210px;
    left:19px;
    display:inline-block;
    width:272px;
    height:80px;
}
.download_banner .sms{
	position:absolute;
    top:300px;
    left:19px;
    display:inline-block;
    width:272px;
    height:80px;
}
.download_banner .barcode{
	
	position:absolute;
    top:210px;
    left:340px;
}
    

/********************time****************/
#growing {
    background-color: #F4EDE3;
}
#time {
    height: 110px;
    position: relative;
    z-index: 11;
}
#time div.time{
    position:absolute;
    width:92px;
    height:auto;
    top:36px;
    right:9px;
    border:1px solid #e8e8e8;
}

#time span.title {
    color: #49535F;
    float: left;
    font-size: 20px;
    line-height: 30px;
    margin-top: 30px;
    padding-left: 12px;
}

#time select.time{
    width:92px;
    margin-left:9px;
    margin-right:9px;
    *display:inline;
    height:30px;
}

#time ul.time{
    margin-top:30px;
    float:right;
    display:none;
}

#time ul.time li{
    float:left;
    height:35px;
    background:url("../images/download/time_dotted.png") center bottom no-repeat transparent;
}
#time ul.time li.cur{
    background:url("../images/download/time_line.png") center bottom no-repeat transparent;
}
#time ul.time li a{
    padding:0 12px;
    display:inline-block;
    font-size:14px;
    line-height:22px;

}
#time ul.time li a:hover{
    color:#a6a6a6;
}

#time ul.time li.cur a{
    color:#a6a6a6;
    font-weight:bold;
}


#time ul.subtitle{
	 margin-top:30px;
	float:left;
}
#time ul.subtitle li{
    float:left;
    height:35px;
    background:url("../images/download/time_dotted.png") center bottom no-repeat transparent;
}
#time ul.subtitle li.cur{
    background:url("../images/download/time_line.png") center bottom no-repeat transparent;
}
#time ul.subtitle li a{
    padding:0 12px;
    display:inline-block;
    font-size:14px;
    line-height:22px;

}
#time ul.subtitle li a:hover{
    color:#2D82DF;
}

#time ul.subtitle li.cur a{
    color:#2D82DF;
    font-weight:bold;
}

#timeline_container {
    margin: 0 auto;
    width:942px;
    position:relative;
    overflow:hidden;
    z-index:10;
}
.timeline_container a.more{
    text-align:center;
    display:inline-block;
    position:absolute;
    left:455px;
    bottom:15px;
    line-height:18px;
    font-family: "simsun";
}

.timeline_container a.more:hover{
    text-decoration:underline;
}


.item {
    width: 430px;
    margin: 0 0 30px;
    background-color: #fff;
    min-height: 50px;
    display:none;
    position:absolute;


}
.item .content {
    padding: 10px;
    border: 1px solid #cbcbcb;
    border-top:none;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
    -moz-border-bottom-left-radius:6px;
    -moz-border-bottom-right-radius:6px;
    -webkit-border-bottom-left-radius:6px;
    -webkit-border-bottom-right-radius:6px;

    _height:auto;
    text-align: justify;
    word-wrap: break-word;
}

.item div.header{
    height:48px;
    border-bottom:none;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    -webkit-border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
    -moz-border-top-left-radius:6px;
    -moz-border-top-right-radius:6px;
    position:relative;
}

.item div.header_left{
    border: 1px solid #ee4939;
}
.item div.header_right{
    border: 1px solid #cbcbcb;

}

.item div.header_left{
    background-color:#ee4939;

}

.item div.header_right{
    background-color:#f3f3f3;

}

.item div.header span{
    line-height:48px;
    text-align:left;
    color:#ffffff;

}
.item div.header_left span{

    color:#ffffff;

}
.item div.header_right span{

    color:#5c5c5c;

}
.item div.header span.title{
    padding-left:20px;
    float:left;
    font-size:20px;
}

.item div.header span.time{
    padding-right:14px;
    float:right;
    font-size:16px;

}

.timeline_container {
    width: 16px;
    text-align: center;
    margin: 0 auto;
    display: block;
}
.timeline{
    background-color: #ebc5ae;
    _background:url("../images/download/timeline_bg.png") 0 0 repeat-y transpaernt;
    height: 100%;
    left: 468px;
    position: absolute;
    width: 4px;
}


/*arrow css style*/
.arrow{

    position:absolute;
    display:inline-block;
    z-index:3;
}

span.arrowleft{
    width:60px;
    height:41px;
    top:5px;
    left:-58px;
    background:url("../images/download/arrowleft.png") 0 0 no-repeat transparent;
}
span.arrowblue{
    width:53px;
    height:46px;
    top:0;
    right:-53px;
    background:url("../images/download/arrowblue.png") 0 0 no-repeat transparent;
}
span.arrowright{
    width:60px;
    height:42px;
    top:5px;
    right:-59px;
    background:url("../images/download/arrowright.png") 0 0 no-repeat transparent;
}

.dl-horizontal:before, .dl-horizontal:after {
    content: "";
    display: table;
    line-height: 0;

}
.dl-horizontal:after {
    clear: both;
}

.dl-horizontal dt {
    clear: left;
    float: left;
    font-size:12px;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 40px;
    font-family: "simsun";


}
dt {
    font-weight: bold;
}
dt, dd {
    line-height: 25px;
}
.dl-horizontal dd {
    margin-left: 50px;
    font-size:12px;
    font-family: "simsun";
    color:#606060;
}

dl.other{
    margin-top:25px;
}

#w_popdiv {
    background-color: #F7F7F7;
    border: 1px solid #888788;
    border-radius: 10px;
    display: none;
    left: 50%;
    position: fixed;
    top: 50%;
    z-index: 10001;
}



div.poppanel {
    background: -moz-linear-gradient(center top , #FFFFFF, #DDDDDD) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #C6C3B0;
    border-radius: 10px;
    box-shadow: 0 0 15px #888888;
    display: none;
    font-family: "å¾®è½¯é›…é»‘",Verdana,Arial,Tahoma;
    height: auto;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 10001;
}

div.poppanel_message {
    box-shadow: none;
    left: 50%;
    position: fixed;
    top: 50%;
}
div.poppanel .closetip {
    background: url("../images/btn_close.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    height: 30px;
    margin: -15px -15px 0 0;
    position: absolute;
    right: 0;
    width: 30px;
    z-index: 10;
}

div.poppanel div.code{
  width:220px;
  height:258px;

}
div.poppanel div.code .wrap{
    padding:20px 12px 0px;
}
div.poppanel div.code h2{
    font-size:20px;
    line-height:20px;
    color:#4b5460;
}

div.poppanel div.code p{
    color: #A6A8AC;
    font-family: "simsun";
    line-height: 20px;
    margin-top: 10px;
}

div.poppanel div.code img.erweima{

    display:inline-block;
    padding-top:28px;
    padding-left:40px;
    width:112px;
    height:113px;
}


div.poppanel div.sendmessage{
   width:500px;
   height:200px;
}

div.poppanel div.sendmessage .wrap{
    padding:20px 40px 0px;
}

div.poppanel div.sendmessage h2{
    font-size:20px;
    line-height:20px;
    color:#4b5460;

}

div.poppanel div.sendmessage input{
    float:left;
    height:33px;
    line-height:33px;
    color:#ababab;
    border:1px solid #959595;
    border-radius:4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size:16px;
    width:192px;
    margin-top:26px;
    padding-left:5px;
    font-family:Microsoft YaHei,, Arial;
    overflow:hidden;
}
div.poppanel div.sendmessage input#code{
    width:106px;
    margin-left:25px;

}

div.poppanel div.sendmessage img.verifycode{
    float:left;
    height:40px;
    width:70px;
    margin-top:24px;
    margin-left:10px;
}

div.poppanel div.sendmessage .error_message{
	
	height:25px;
}

div.poppanel div.sendmessage  span.phoneerror{
    opacity:0;
    filter:alpha(opacity=0);
    float:left;
    display:inline-block;
    width: 192px;
    line-height:25px;
    color:red;

}

div.poppanel div.sendmessage  span.success{
    display:none;
    color:red;
    float:left;
    line-height: 35px;
    margin-left: 10px;
}


div.poppanel div.sendmessage  span.codeerror{
    opacity:0;
    filter:alpha(opacity=0);
    display:inline-block;
    width: 92px;
    line-height:25px;
    color:red;
    margin-left:35px;
    float:left;

}
div.poppanel div.sendmessage a.send{
    background-color: #2f82df;
    color:#ffffff;
    display:inline-block;
    height:35px;
    width:106px;
    border-radius:4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-align:center;
    line-height:35px;
    font-size:16px;
    float:left;
}
div.poppanel div.sendmessage a.send:hover{
    background-color: #2681e4;
}

#platform,#from{
	display:none;
}

#black_overlay {
    background-color: #000000;
    display: none;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10000;
}

.weixin-popup {
  background: url("../images/yx-qr.jpg") no-repeat center center  #FFFFFF;
  border-radius: 4px;
  bottom: 60px;
  display: none;
  height: 170px;
  left: -20px;
  margin-bottom: 0;
  position: absolute;
  width: 170px;
}
.weixin-popup p {
  font-size: 1.25rem;
  line-height: 1.875rem;
  padding: 0.625rem 0.25rem;
  text-align: center;
}
 .weixin-popup .tick-mark {
 
  bottom: -15px;
  display: inline-block;
  
 width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 15px solid #ffffff;
font-size: 0;
line-height: 0; 
  margin-left: -7px;
  margin-top: 0.25rem;
  position: absolute;
  right: 102px;
  text-indent: -9999px;
 
}