@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
html{background-size: 100% 100%; background-color: #ffffff;height: 100%;width: 100%;}
body{width: 100%;margin: auto;font-weight: 300;font-family:"宋体",Arial, SimHei;}

body{background-color: white;}

.left{float:left;}
.right{float:right;}
.color-grey{color:#595757;}
.color-grey-2{color: #928f8f;}
.color-white{color:#ffffff;}
.color-blue{color:#43c5ff;}
.color-orange-bg{background-color: #ff9702;}
.color-yellow-bg{background-color: #ffbf00;}
.font-size-13{font-size: 13px;}
.font-size-15{font-size: 15px;}
.font-size-17{font-size: 17px;}
.font-size-20{font-size: 20px;}
.font-size-25{font-size: 25px;}
.font-size-30{font-size: 30px;}
.font-size-40{font-size: 40px;}
.font-size-50{font-size: 50px;}
.margin-top-28{margin-top: 28px;}
.margin-top-50{margin-top: 60px;}
.margin-top-10{margin-bottom: 10px;}
.margin-bottom-15{margin-bottom: 15px;}

.phone-img{position:absolute;left:94px;top:69px;}
.phone-frame{width:437px;height:608px;background-image: url("../images/phone_img.png");}
.label{width:110px;height:110px;background-color: #ff9702;border-radius: 110px;cursor: pointer;}
.label.selected{background-color: #ffbf00;}
.label .thumbtack{position: absolute;top:5px;left:45px; width:18px;height:20px;background-image: url("../images/thumbtack.png");}

#container{width:100%;min-width:1024px;}

#container nav{width:100%;height:768px;background-image: url("../images/background_img.png");background-position: center center;background-repeat: no-repeat;}
#container nav #back{width:100%;height:75px;background-color: rgba(255,255,255,0.5);}
#container nav #back .frame{width:1024px;height:75px;margin: auto;}
#container nav #back .frame .logo{width: 34px;height:34px;background-image: url("../images/logo.png");margin-top: 20px;margin-left: 15px;}
#container nav #back .frame .our-name{margin-left: 12px;}
#container nav #back .frame .dot{margin-left: 8px;margin-right: 10px;}
#container nav #back .frame #index-enter{padding-bottom: 5px;}
#container nav #back .frame #index-enter.select{border-bottom: #595757 solid 1px;}

#container nav #back .frame #about-enter{padding-bottom: 5px;}
#container nav #back .frame #about-enter.select{border-bottom: #595757 solid 1px;}

#container nav #back .frame #join-enter{padding-bottom: 5px;}
#container nav #back .frame #join-enter.select{border-bottom: #595757 solid 1px;}

#container nav #back .down{width: 1024px;height:693px;margin: auto;position:relative;}
#container nav #back .down .grey-back{width: 190px;height:58px;background-color: rgba(0,0,0,0.15);border-radius: 5px;}
#container nav #back .down .qr-code{width: 136px;height:136px;position:absolute;left:315px;top:330px;background-color: rgba(0,0,0,0.15);border-radius: 5px;}
#container nav #back .down .qr-code .code{width: 128px;height:128px;background-image: url("../images/app_code.png");background-position: center center;background-repeat: no-repeat;margin-top: 4px;margin-left: 4px;background-size: 100%;}
#container nav #back .down .qr-code-text{position:absolute;left:328px;top:475px;}


#container nav #back .down .qr-code-wechat{width: 100px;height:100px;position:absolute;left:888px;top:544px;background-color: rgba(0,0,0,0.15);border-radius: 5px;}
#container nav #back .down .qr-code-wechat .code{width: 92px;height:92px;background-image: url("../images/wechat_code.png");background-position: center center;background-repeat: no-repeat;margin-top: 4px;margin-left: 4px;background-size: 100%;}
#container nav #back .down .qr-code-wechat-text{position:absolute;left:899px;top:650px;}
#container nav #back .down .text-1{position:absolute;left:100px;top:200px;}
#container nav #back .down .text-2{position:absolute;left:105px;top:259px;}
#container nav #back .down .text-3{position:absolute;left:105px;top:330px;cursor: pointer;}
#container nav #back .down .text-3 .text-3-text{position:absolute;left:62px;top:18px;}
#container nav #back .down .text-4{position:absolute;left:105px;top:408px;cursor: pointer;}
#container nav #back .down .text-4 .text-4-text{position:absolute;left:62px;top:18px;}

#container nav #back .down .text-3 .ios-icon{position:absolute;left:15px;top:9px;width: 29px;height:36px;background-image: url("../images/ios_logo.png");}
#container nav #back .down .text-4 .android-icon{position:absolute;left:15px;top:9px;width: 34px;height:38px;background-image: url("../images/android_logo.png");}

#container #inner{width: 1024px;margin: auto;}
#container #inner section{width: 1024px;height:768px;}

/*---------------- 1 ------------------*/
#container #inner section #section-1-left{width:512px;height:100%;}
#container #inner section #section-1-left .text-frame{width:396px;height:513px;margin-left: 116px;margin-top: 170px;}
#container #inner section #section-1-left .text-frame .text-line{width:100%;height:101px;background-color: transparent;}
#container #inner section #section-1-left .text-frame .text-line .text-title{}
#container #inner section #section-1-left .text-frame .text-line .line{width: 92%;height:1px;background-color: #d4cfcf;margin-top: 18px;margin-bottom: 22px;}
#container #inner section #section-1-left .text-frame .text-line .sub-line{}
#container #inner section #section-1-left .text-frame .text-line .sub-line .blue-radius{background-color: #43c5ff;padding: 2px 8px;border-radius: 10px;margin-top: -2px;}
#container #inner section #section-1-left .text-frame .text-line .sub-line .normal-text{margin-left: 25px;}

#container #inner section #section-1-right{width:512px;height:100%;position:relative;}
#container #inner section #section-1-right .phone{margin-top: 100px;position: relative;}
#container #inner section #section-1-right .phone .phone-img-1{width:239px;height:424px;background-image: url("../images/phone_img_1.png");}

/*---------------- 2 ------------------*/
#container #inner section #section-2{width: 100%;height:100%;position:relative;}
#container #inner section #section-2 .phone2{position: absolute;left:305px;top:80px;}
#container #inner section #section-2 .phone2 .phone-img-2{width:239px;height:424px;background-image: url("../images/phone_img_2.png");}
#container #inner section #section-2 .phone2 .phone-img-3{width:239px;height:424px;background-image: url("../images/phone_img_3.png");}
#container #inner section #section-2 .phone2 .phone-img-4{width:239px;height:424px;background-image: url("../images/phone_img_4.png");}
#container #inner section #section-2 .phone2 .phone-img-5{width:239px;height:424px;background-image: url("../images/phone_img_5.png");}
#container #inner section #section-2 .phone2 .phone-img-6{width:239px;height:424px;background-image: url("../images/phone_img_6.png");}

#container #inner section #section-2 .label .line-text-1{position:absolute;left:16px;top:33px;}
#container #inner section #section-2 .label .line-text-2{position:absolute;left:16px;top:58px;}
#container #inner section #section-2 #label-1{position:absolute;left:118px;top:125px;}
#container #inner section #section-2 #label-2{position:absolute;left:240px;top:290px;}
#container #inner section #section-2 #label-3{position:absolute;left:118px;top:450px;}
#container #inner section #section-2 #label-4{position:absolute;left:850px;top:190px;}
#container #inner section #section-2 #label-5{position:absolute;left:700px;top:340px;}

#container #inner section #section-2 .text-frame-2{width:334px;height:150px;position:absolute;left:660px;top:470px;}
#container #inner section #section-2 .text-frame-2 .quotes-1{background-image: url("../images/quotes_1.png"); width:38px;height:33px;position:absolute;left:0px;top:0px;}
#container #inner section #section-2 .text-frame-2 .quotes-2{background-image: url("../images/quotes_2.png"); width:103px;height:89px;position:absolute;left:231px;top:61px;}
#container #inner section #section-2 .text-frame-2 .quotes-text-1{position:absolute;left:85px;top:30px;}
#container #inner section #section-2 .text-frame-2 .quotes-text-2{position:absolute;left:50px;top:58px;}
#container #inner section #section-2 .text-frame-2 .quotes-text-3{position:absolute;left:85px;top:85px;}
#container #inner section #section-2 .text-frame-2 .quotes-text-4{position:absolute;left:50px;top:111px;}


/*---------------- 3 ------------------*/
#container #inner section #section-3{width: 100%;height:100%;position:relative;}
#container #inner section #section-3 #center-img{left:255px;top:100px;width: 477px;height:570px;position:absolute;background-image: url("../images/section_3_img.png")}
#container #inner section #section-3 #left-text{left:120px;top:170px;width: 170px;height:200px;position:absolute;}
#container #inner section #section-3 #right-text{left:780px;top:410px;width: 200px;height:220px;position:absolute;}



#container footer{width: 100%;height:90px;background-color: #999999;position: relative;}
#container footer .center{width: 1024px;margin: auto;padding-top: 25px;}
#container footer .center .copyright{width: 1000px;margin: auto;font-size: 14px;color: white;margin-top: 10px;text-align: center;}
#container footer .center .copyright2{width: 1000px;margin: auto;font-size: 15px;color: white;text-align: center;}