@charset "utf-8";

/* CSS Document */

/*****关于我们****/

.about_us{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; padding:2% 0px; width:100%;text-align:center;height: auto !important;}

.about_us h3{ font-size:30pt;color:rgba(255,255,255,1);}

.about_us p{padding:25px 0px; font-size:24px; color:rgba(255,255,255,0.5)}

.about_us .about_operate{text-align:center;}

.about_us .about_operate a{ width:35%; padding:3% 0px; margin:22% 1% 2% 1%; text-align:center; display:inline-block; color:#3a90f4; font-size:32px; background:#fff; border-radius:8px; box-shadow:0px 0px 30px rgba(0,0,0,0.05); font-weight:bold;}

.about_us .about_operate a.brc{ background-color:rgba(0,0,0,0.1); color:#fff}

/*****常见问题*****/

.FAQ_list{width:100%;}

.FAQ_list li{border-left:0.5px solid #e6e6e6;border-bottom:0.5px solid #e6e6e6; margin-left:-1px; width:49.9%; float:left;}

.FAQ_list li .FAQ-box{display:block;text-align:center; width:100%; position:relative;min-height:200px;}

.FAQ-box span{font-size:30px;color:#3d495c;background:url(../images/faq_l.png) no-repeat;width:100%; height:40px;overflow:hidden;padding-top:100px;text-align:center; display:block;position:absolute;top:50%; margin-top:-70px;}

.FAQ-box .newbie{background-position: center 0px;}

.FAQ-box .apply{background-position: center -167px;}

.FAQ-box .appcash{background-position: center -330px;}

.FAQ-box .invite{background-position: center -504px;}

.FAQ-box .update{background-position: center -673px;}

.FAQ-box .other{background-position: center -845px;}



.article{width: -moz-calc(100% - 120px);width: -webkit-calc(100% - 120px);width: calc(100% - 120px);padding:2% 60px}

.article .articletit{width:100%; text-align:center;}

.article .title{display:inline-block; text-align:center; border-bottom:1px solid #ddd; padding:0px 20px 30px 20px; margin:0 auto;}

.article .title h1{ font-size:40px;color:#3d495c; line-height:90px;}

.article .title time{color:#9c9c9c;font-size:24px;}

.article .ae-content .subtitle{width:100%;text-align:center; margin:40px 0px;}

.article .ae-content .subtitle h3{ font-size:36px;padding-bottom:10px;color:#3d495c; display:inline-block; border-bottom:6px solid #3a90f4}

.article .ae-content .summary p{ font-size:26px; color:#969ca5; line-height:46px;}

.article .ae-content .summary strong{font-size:28px; color:#000; line-height:46px;}



/********排行榜*******/

.work_area{position:fixed; top:85px; width:100%}

.work_area .time{width:100%; z-index:2; background:#f9f9fa;padding:11px 0px; text-align:center;}

.work_area .time span{font-size:24px; color:#969ca5;}

.ranking_nav{ width:100%; background:#fff}

.ranking_nav li{ width:25%; float:left; background:#ffffff;border-bottom:#fff 6px solid;}

.ranking_nav li a{ display:block; text-align:center; font-size:32px; margin:35px 0px; position:relative;}

.ranking_nav li a:after{content: '';position: absolute; width:1px; height:26px;right:0px;top:6px; border-right:2px dashed #dfe1e4;}

.ranking_nav li.click_no{ border-bottom:#3a90f4 6px solid;}

.ranking_nav li.click_no a{ color:#3a90f4; font-weight:bold}

.ranking_nav li:last-child a:after{border-right:transparent}

.ranking{background:#fff;display:none}

.ranking_content{ margin-top:210px;}

.ranking_content .loading{width:100%; text-align:center;}

.ranking_content .loading p{font-size:30px;}

.ranking_content .more{padding:20px 0px; width:100%; text-align:center; color:#d6d6d6; background:#f5f5f9;display:block;}

.ranking_content .more.btn02{background-color:rgba(0,0,0,0.05); color:#fff;}

.ranking .top_three{ border-bottom:1px solid #e6e6e6;border-top:1px solid #e6e6e6;}

.ranking .top_three li{padding-left:30px; float:left;width: -moz-calc(100% - 30px);width: -webkit-calc(100% - 30px);width: calc(100% - 30px);}

.ranking .top_three li:last-child .rankinguser-info{ border-bottom:0px;}

.ranking .top_three li.my{ background:#e6e6e6; margin-top:-1px}

.ranking .top_three li .ranking-name label{display:inline-block;float:left; color:#808080; font-size:36px;}

.rankinguser-info{ width:100%; float:right; padding:20px 0px;border-bottom:1px solid #e6e6e6;} 

.rankinguser-info .order{float: left;margin-top:40px;width: 50px;text-align:left;margin-right: 20px;font-size: 30px; color:#808080}

.rankinguser-info .rankinguser-portrait {float:left;width:110px; height:110px;background:url(../images/my_photo.gif) no-repeat center center;background-size:100% 100%;border-radius: 100px;}

.rankinguser-info .rankinguser-portrait img{border-radius: 100px;width:110px; height:110px;}

.rankinguser-info .ranking-name{float:left;width:40%; margin:10px 0px 0px 30px;}

.rankinguser-info .ranking-name.mt35{ margin-top:35px;}

.rankinguser-info .ranking-name p{font-size:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width:100%; display:block;color:#3d495c;font-weight: bold;}

.rankinguser-info .ranking-income{font-size:30px; float:right;margin:35px 30px 0px 0px; float:right;color:#9c9c9c}





/*********试客异常*缺货********/

.sk_abnormal,.stock{ text-align:center;}

.sk_abnormal .abnormal_img,.stock .stock_img{margin-top:200px; width:100%; text-align:center; display:block;}

.sk_abnormal .hintname,.stock .hintname{font-size:36px; color:#3a90f4; margin:55px auto 0px auto;}

.sk_abnormal .note{width:433px; color:#9c9c9c; font-size:28px; line-height:36px;text-align:left; margin:30px auto}

/*********安卓********/

.Android{width:464px; margin:0 auto;margin-bottom:30px;}

.Android h4{ color:#3a90f4; font-size:36px; margin-top:100px; width:100%; text-align:center;}

.Android p{ margin:50px auto 0px auto; line-height:50px;width:100%; text-align:left;display:inline-block;font-size:28px; color:#9c9c9c;}

.Android p font{ color:#5b5b5b; font-size:28px; margin:0px 18px;}



/******Safari 小兵下载******/

.xb_download{width:100%; margin-top:150px;text-align:center;display:table}

.xb_download p>img{border-radius:8px;}

.xb_download h4{font-size:36px; color:#3a90f4; margin-top:90px;text-align:center;}



/**********解锁详情***********/

.lock_details{width: 650px;margin: 0px auto;}

.lock_details .m50{margin: 50px;}

.lock_details .step_1{margin:80px auto 25px auto;border-radius:28px;background: #fff url(../images/lock_no1.png) no-repeat right bottom; text-align: left;width: 650px;display: inline-block;}

.lock_details .bt{color: #909090;font-size: 34px;}

.lock_details .sub{color:rgba(144,144,144,.3);font-size: 24px;}

.lock_details .tit{margin: 40px 0px;font-size: 28px;color: #3a90f4;line-height: 36px;}

.lock_details .btn{color: #fff;font-size: 34px;background: #3a90f4;border-radius: 8px;border: 0px;padding: 17px 42px;}

.lock_details .finished img{margin: 40px; 0px 138px 38px}

.lock_details .btn.brc{opacity: .6;}

.lock_details .step_2{position:relative;margin:58px auto 10px auto;border-radius:28px;background: #fff url(../images/lock_no2.png) no-repeat left bottom; text-align: right;width: 650px;display: inline-block;}

.tiny_h{width: 100%;text-align: center; position: absolute;top:0px;left:0px; background:rgba(90,90,90,.7);display:block; height:100%;border-radius:28px;display: -webkit-flex;display: flex;flex-flow: column;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}

.tiny_h .t{font-size: 34px;color: #fff; position: relative;margin: 30px 0px;display: inline-block;display: -webkit-flex;display: flex;-webkit-flex-flow: column;flex-flow: column;-webkit-justify-content: center;justify-content: center;}

.tiny_h .t::after{content:""; position:absolute;left:-25px;top:12px;border-radius:100%;width: 10px;height: 10px;border:3px solid #fff;position: absolute;display: block;}

.lock_details .step_3{position:relative;margin:30px auto 10px auto;border-radius:28px;background:#ffffff;width: 650px;height:500px;display: inline-block;}

.lock_details .step_3 .bt{color: #909090;font-size: 34px; width: 100%;text-align: center; margin:35px auto;}

.lock_details .step_3 .iOS8{height:100%;width:100%;text-align:center;}

.lock_details .step_3 .iOS8 img{margin:56px auto 0px auto;}