@charset"UTF-8";
a, body, div,footer, h1, h2, h3, h4, h5, h6, header, html, i, img, menu, nav,  p ,ul {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
 *{ -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; /* For some Androids */ }
*, :after, :before {box-sizing: border-box;}
a{text-decoration:none;color:#000;-webkit-touch-callout: none;-webkit-user-select: none;-webkit-tap-highlight-color: transparent; outline: none;transition: color .1s ease;}
li {list-style: none;}
html,body{overflow-x: hidden;}
.move{animation: move 4s linear infinite;}
@keyframes move {0% {transform: rotate(0deg);}20% {transform: rotate(72deg);}40% {transform: rotate(144deg);}60% {transform: rotate(216deg);}80% {transform: rotate(288deg);}100% {transform: rotate(360deg);}}
.heart{animation: heart 1.3s ease-in-out 2.7s infinite alternate;}
@keyframes heart{from{transform:translate(0,0)}to{transform:translate(0,10px)}}
body {min-height: 560px;font-size: 15px;position: relative;background-color: #f3f5f7;color: #333;font-family: 'Microsoft Yahei';}
.compensate-for-scrollbar {margin-right: 0!important;}
/*header*/
header{width: 100%;height: 60px;padding: 10px 0 0;background: #fff;}
.header{ max-width: 660px;width: 100%; height: 50px; margin: 0 auto ;background: #fff;position: relative; z-index: 1;} 
.header:after { content: ""; position: absolute; bottom: -25px; left: calc(50% - 50px);  width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 25px solid #fff; } 
.logo{width:60px;height:60px;position: absolute;left: calc(50% - 30px);z-index: 999;}
.logo img{width: 100%;height: auto;}
.contact{width: 100%;height: 50px;text-align: right;position: absolute;top: -5px;}
.contact .back,.contact .collect{float:left;margin:0 0 0 10px;}
.contact i{font-size:30px;color:#FF5E65;margin:0 10px 0 0;line-height:50px;}
.contact .search{width: 110px;float: left;margin: 0 0 0 10px;}
.contact .search form{height: 30px;margin: 10px 0;}
.contact .search input{border-radius: 30px;background: #FF5E65;-webkit-text-fill-color: #fff;border: none;width: 100%;height: 30px;padding: 0 0 0 10px;line-height: 30px;outline: none;-webkit-appearance: none;}
.contact .search input:focus{border: 1px solid #fff;}
main{max-width: 660px;width: 100%;margin:0 auto;padding:10px 5px;}
.style:first-child{padding: 35px 10px 25px!important;background: #fff;border-radius: 5px 5px 0 0;position: relative;}
.style:first-child:before{content: ""; position: absolute; top:0;left: calc(50% - 50px);  width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 25px solid #f3f5f7; }

.index{width: 100%;min-height: 100px;height:auto;padding: 35px 10px 25px;border-radius: 5px 5px 0 0;position: relative;background: #fff;}
.index:before{content: ""; position: absolute; top:0;left: calc(50% - 50px);  width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 25px solid #f3f5f7; }
/*全局tool样式*/
.tool{width: 100%;padding:0 0 10px ;display: -webkit-box;display: flex;text-align:left;justify-content:space-between;align-items: center;}
.tool h1{width:100% ;line-height: 1;padding:10px ;background:#f3f5f7;color: #000;font-size: 16px;border-radius: 0 10px;text-transform: uppercase;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.tool h1 i,.tool h2 i{font-size:16px;color: #FF5E65;margin:0 5px 0 0;}
/*.tool h2{width:calc(100% - 100px);line-height: 1;color: #333;font-size: 16px;border-width: 0 0 0 3px;border-style: solid;border-color:#333;letter-spacing: 1px;padding-left: 10px;text-transform: uppercase;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}*/
.tool h2{width:calc(100% - 100px);line-height: 1;color: #000;font-size: 16px;text-transform: uppercase;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.tool .more,.tool .number{font-size:14px;color:#999;}
.tool .warn{font-size:14px;color:#FF5E65;}
.tool i,.control i{font-size:14px; color:#999;}
.tool i:hover,.control i:hover{color:#FF5E65;}
/*全局info样式*/
.info{width:100%;padding:10px 0;text-align:center;}
.info-title{width:100%;position: relative;}
.info h1{width:120px;font-size: 16px;color: #000;line-height: 2;margin:0 auto; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.info-title:before,.info-title:after {content: '';position: absolute;top:calc(50% - 2px);background: #333; width: 9%;height: 2px;}
.info-title:before{left:calc(50% - 120px);}
.info-title:after {right:calc(50% - 120px);}
.info h3{font-size: 12px;color:#333;line-height: 2;}
/*sticky*/
.sticky{width: 100%;overflow:hidden; position:relative;background: #fff;padding: 10px;margin: 10px 0 0;}
.sticky.blog{margin: 0 0 20px;}
.sticky-list{margin: 15px 0 0;}
.sticky-list ul{height: 100px;overflow:hidden; zoom:1;}
.sticky-list ul li{margin:0 0 0 20px; float:left; _display:inline; overflow:hidden; text-align:center; }
.sticky-list-img{width: 72px;height: 72px;margin: 0 auto;overflow: hidden;border-radius: 50%;box-shadow: 0 5px 13px rgba(0,0,0,.1);}
.sticky-list-img:hover{animation: move 4s linear infinite;}
.sticky-list-img img{width:100% ;height: auto;}
.sticky-list-title{font-size: 14px;color: #333;line-height: 2;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
/*首页blogs*/
.blogs,.sites,.links,.app-archive,.blog-archive,.blog-page-archive,.search-archive{width: 100%;padding: 10px;margin: 10px 0 0;background: #fff;}
.blogs{padding:20px 10px 10px;}
.blogs-list{margin:10px 0;}
.blogs-list,.tabox,.apply-archive{display:none;}
.blogs-list ul li,.single-blog-mode5 li,.blog-page-archive ul li{display: -webkit-box;display: flex;justify-content:space-between;align-items: center;}
.blogs-list ul li .num,.single-blog-mode5 li .num,.blog-page-archive ul li .num{display: block;width: 20px;height: 20px;font-size: 14px;line-height: 20px;border-radius:2px;text-align: center;background: rgba(101,120,146,0.1);color: #333;}
.blogs-list ul li:first-child .num,.single-blog-mode5 li:first-child .num,.blog-page-archive ul li:first-child .num{background: rgba(255, 84, 115, 0.1);color:#ff5473;} 
.blogs-list ul li:nth-child(2) .num,.single-blog-mode5 li:nth-child(2) .num,.blog-page-archive ul li:nth-child(2) .num{background: rgba(255, 111, 6, 0.1);color:#ff6f06;} 
.blogs-list ul li:nth-child(3) .num,.single-blog-mode5 li:nth-child(3) .num,.blog-page-archive ul li:nth-child(3) .num{background: rgba(213, 72, 245, 0.1);color:#d448f5;} 
.blogs-list ul li h1,.single-blog-mode5 li h1,.blog-post-content h1,.blog-page-archive ul li h1{width: calc(100% - 85px);text-align: left;line-height: 36px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.blogs-list ul li h1 a,.single-blog-mode5 li h1 a,.blog-page-archive ul li h1 a{font-size: 15px;color: #333;line-height: 20px;}
.blogs-list ul li .cat{width:60px;font-size: 14px;color:#999;text-align:right;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
/*全局zoom*/
.zoom{width: 100%;height: 146px;text-align: center;padding: 53px 0;}
.zoom p{width: 40px;height: 40px;margin: 0 auto;}
.zoom i{font-size:40px;color:#333;}
/*首页apps*/
.apps{width: 100%;padding: 10px 0 20px;margin: 10px 0 0;background: #fff;}
.tabill{width: 100%;padding: 0 10px;display: -webkit-box;display: flex;text-align:left;justify-content:space-between;align-items: center;    border-bottom: 1px solid #f3f5f7;}
.tabill ul{width: calc(100% - 40px);display: -webkit-box;display: flex;overflow-x: auto;overflow-y: hidden;white-space:nowrap;}
.tabill ul li{font-size: 15px;color: #718298;padding: 10px 0;margin: 0 20px 0 0;cursor:pointer;}
.tabill ul li.on{font-size: 16px;color:#333 ;font-weight: bold;border-bottom: 2px solid #333;}
.tabox{padding: 10px 0 0!important;}
.tabox ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;text-align:center;flex-wrap: wrap;overflow: hidden;}
.tabox ul li{width: calc(100%/6);margin: 10px 0 10px 0;text-align:center;}
.tabox ul li .apps-img{width: 72px;height: 72px;margin: auto;overflow: hidden;border-radius: 30%;}
.tabox ul li .apps-img img{width:100%;height:auto;}
.tabox ul li .apps-img img:hover{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.tabox ul li .apps-title{color:#333;font-size:14px;line-height:2;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.tabox ul li .apps-down{display:block;width:80px;height:30px;line-height:28px;font-size: 14px;background: #FF5E65;color: #fff;text-align:center;margin:0 auto;border-radius: 28px;border: 1px solid #FF5E65;}
.tabox ul li .apps-down:hover{color:#fff;background: #ff5a5e;border: 1px solid #ff5a5e;}
/*首页apply*/
.apply{width:100%;margin:10px 0 0;display: -webkit-box;overflow-x: auto;overflow-y: hidden;white-space:nowrap;}
.apply-archive{max-width:360px;width: 90%;padding:20px 10px 10px;margin: 0 10px 0 0;background: #fff;}
.apply::-webkit-scrollbar {/*滚动条整体样式*/ width: 5px;height: 5px;}
.apply::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 10px;background-color: rgb(255 90 94 / 20%);}
.apply::-webkit-scrollbar-track {/*滚动条里面轨道*/ background-color: #f8f8f8;}
.apply-archive .app-post-content-suggest a{background: #FF5E65;color:#fff;border: 1px solid #FF5E65;}
.apply-archive .app-post-content-suggest-info h1:after{display:none;}
/*首页sites*/
.sites-list{margin:0 0 20px 0;}
.sites-list ul li i{font-size:14px;margin:0 5px 0 0;}
.sites-list ul li img{width:16px;height:16px;border-radius: 50%;margin: 0 5px 0 0;position: relative;top: 3px;}
/*全局ad*/
.ad{width:100%;height:auto;margin:10px 0 0;}
.ad img{width:100%;height:auto;display:block;}
/*首页links*/
.links li,.sites-list ul li{display: inline-block;vertical-align: top;margin:0 15px 0 0;white-space:nowrap;line-height: 2;}
.links li img{width:16px;height:16px;margin:0 5px -2px 0;border:none;}
.links li a,.sites-list ul li a{font-size:14px;color: #333;}
/*app-single*/
.single{position:relative;}
.single-mode1{padding:20px 0 10px ;display: -webkit-box;display: flex;text-align:left;justify-content:space-between;align-items: center;}
.single-mode1:after{content: '';display: block; width: 80px;height: 80px;border-radius: 100%;position: absolute;background-color: rgba(255,90,94,0.2);top: 20px;right: 40px;animation: heart 1.3s ease-in-out 2.7s infinite alternate;}
.single-mode1:before{content: '';display: block;width: 60px;height: 60px;border-radius: 100%;position: absolute;background-color: rgba(255,90,94,0.2);top: 10px;right: 10px;animation: heart 1.3s ease-in-out 2.7s infinite alternate;}
.single-mode1-img{width: 100px;height: 100px;overflow: hidden;border-radius: 30%;}
.single-mode1-img img{width: 100%;height: auto;}
.single-mode1-img img:hover{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.single-mode1-source{width: calc(100% - 110px);text-align: left;}
.single-mode1-source .single-mode1-source-title{font-size: 18px;line-height: 28px;font-weight: 600;color: #333;}
.single-mode1-source .single-mode1-source-do{font-size:14px;line-height:22px;color:#333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.single-mode1-source .single-mode1-source-do i{font-size:14px;color:#0084ff;margin:0 5px 0 0;}
.single-mode1-source .yes{font-size:14px;line-height:22px;color: #26f123;}
.single-mode1-source .yes i{font-size:14px;color: #26f123;margin:0 5px 0 0;}
.single-mode1-source .no{font-size:14px;line-height:22px;color: #FF5E65;}
.single-mode1-source .no i{font-size:14px;color: #FF5E65;margin:0 5px 0 0;}
.single-mode1-source-down{display:block;width:130px;height:34px;line-height:32px;margin:5px 0 0;font-size: 14px;;color: #fff;text-align:center;border-radius: 34px;border: 1px solid #FF5E65;background: #FF5E65;}
.single-mode1-source-down.nolinks{background: #999;color: #fff;border: 1px solid #999;}

.backup-downs{width: 100%;display: flex;justify-content: space-around;align-items: center;margin: 10px 0 20px;}
.backup-downs-btn{display:block;width:98px;height:28px;line-height:28px;font-size: 14px;;color: #fff;text-align:center;border-radius: 28px;border: 1px solid #0084ff;background: #0084ff;}

.single-mode2{padding:10px 0;border-top: 1px solid #f3f5f7;}
.single-mode2-content img{width:100%;height:auto}
.single-mode2-content p{font-size:15px;color:#333;margin:15px 0 0;}
.single-mode2-content p a{color:#FF5E65;}
.single-mode2-tips,.single-blog-mode3-1{margin: 20px 0;padding:15px 15px;font-size: 16px;border-left: 5px solid #999;background: #f3f5f7;}
.single-mode2-tips em,.single-blog-mode3-1 h3,.single-blog-mode3-1 h3 a{font-size:14px;color:#999;}
/*app-archive and app-tag*/
.app-post{width: 100%;padding: 10px 0 ;display: -webkit-box;display: flex;text-align:left;justify-content:space-between;align-items:center;}
.app-post-img{width:72px;height:72px;overflow: hidden;border-radius: 30%;flex-shrink: 0;}
.app-post-img img{width:100%;height:auto;}
.app-post-content{width: calc(100% - 88px);}
.app-post-content h3{font-size:15px;line-height:22px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.app-post-content-suggest{display: -webkit-box;display: flex;text-align:left;justify-content:space-between;align-items:center;}
.app-post-content-suggest a{display:block;width:80px;height:30px;line-height:28px;font-size: 14px;background: #333;color: #fff;text-align:center;margin:0 auto;border-radius: 28px;border: 1px solid #333;}
.app-post-content-suggest a:hover{background: #FF5E65;color:#fff;border: 1px solid #FF5E65;}
.app-post-content-suggest-info{width: calc(100% - 90px);}
.app-post-content-suggest-info h1{position: relative;font-size: 20px;line-height: 30px;font-weight: 500;color: #000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.app-post-content-suggest-info h1:after{content: '推荐';position: absolute;top: 6px;font-size: 12px;font-weight: normal;color: #fff;height: 20px;line-height: 20px;padding: 0 10px;margin: 0 0 0 5px;background: #FF5E65;border-radius: 0px 30px 35px 50px;}
.app-post-content-suggest-info h2{font-size:12px;line-height:20px;color:#333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
/*readmore*/
.readmore{width: 100%;padding: 0 10px;margin: 40px 0 20px;text-align: center;}
.readmore a,.readmore span{font-size:16px;color:#333;margin:0 5px;}
.readmore a:hover,.readmore span.current{color:#B0C4DE;}
/*blog-single*/
.single-blog{width:100%;padding: 20px 0 0;}
.single-blog-mode1 h1{font-size: 20px;font-weight: bold;color:#000;}
.single-blog-mode2{margin:10px 0;}
.single-blog-mode2 span{font-size: 12px;color: #999;padding: 0 10px 0 0;}
.single-blog-mode2 span a{font-size:12px;color:#999;}
.single-blog-mode2 span i{font-size:12px;color:#999;margin:0 5px 0 0;}
.single-blog-mode3{margin:20px 0 10px;line-height:2;}
.single-blog-mode3 p{width: 100%;font-size: 15px;color:#333;margin:15px 0 0;}
.single-blog-mode3 p a{color:#FF5E65;}
.single-blog-mode3 img{width:100%;height:auto;margin:10px 0 0;}
.single-blog-mode3-1 h2{font-size:16px;color: #999;}
.single-blog-mode4{padding:10px 0;display: -webkit-box;display: flex;text-align:left;justify-content:space-between;align-items:center; border-bottom: 1px solid #f3f5f7;}
.single-blog-mode4 span a{font-size: 14px;color:#333;margin:0 0 0 10px;}
.single-blog-mode5{padding:10px 0 0;}
.single-blog-mode5 li{border-bottom: none!important;}
.single-blog-mode5 li h1{width: calc(100% - 25px);}
/*blog-archive and blog-tag*/
.blog-post{width: 100%;padding: 10px 0 ;display: -webkit-box;display: flex;text-align:left;justify-content:space-between;align-items:center;border-bottom: 1px solid #f3f5f7;}
.blog-post-img{width: 46px;height:46px;border-radius: 50%;overflow: hidden;text-align: center;background: #333;}
.blog-post-img img{width:100%;height:auto;}
.blog-post-img h1{font-size: 18px;font-weight: 500;line-height: 46px;color: #fff;}
.blog-post-img i{font-size: 26px;line-height: 46px;color: #fff;}
.blog-post-content{width: calc(100% - 56px);}
.blog-post-content h1{width: 100%;}
.blog-post-content .is_app{position: relative;}
.blog-post-content .is_app:after{content: 'APP';position: absolute;top: 10px;font-size: 10px;font-weight: normal;color: #fff;height: 16px;line-height: 16px;padding: 0 10px;margin: 0 0 0 5px;background: #FF5E65;border-radius: 0px 16px 21px 36px;}
.blog-post-content h1 a{font-size: 16px;font-weight: 400;color: #B0C4DE;line-height: 30px;}
.blog-post-content .blog-post-content-tool{display: -webkit-box;display: flex;text-align:left;justify-content:space-between;align-items:center;}
.blog-post-content .blog-post-content-tool h3{font-size: 12px; color: #718298;line-height:16px ;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.blog-post-content .blog-post-content-tool h3 i{font-size: 12px; color: #718298;line-height:16px ;margin: 0 5px 0 0;}
/*single-site*/
.jump-content{margin: 60px 0;text-align:center;}
.jump-content h1{font-size:18px;color:#000;font-weight:bold;line-height:2;}
.jump-content h2{font-size:15px;line-height:2;}
.jump-content .access{display: block;width: 98px;height: 34px;background: #5cb85c;color: #fff;border-radius: 5px;font-size: 15px;line-height: 34px;margin: 20px auto;}
.jump-content h3{font-size:15px;line-height:2;color: #999;}
/*search*/
.search-archive{width:100%;}
/*全局kong*/
#kong{width: 100%;text-align: center;padding: 50px 0;}
#kong i{font-size: 30px!important;color: #333!important;}
#kong p {font-size: 14px;color: #333;line-height: 2;}
.warning{width: 100%;text-align: center;padding: 100px 0;}
.warning i{font-size: 80px!important;color: #333!important;}
.warning p {font-size: 14px;color: #333;line-height: 2;}
.warning a{display: block;width:120px;height: 36px;text-align: center;color: #fff;background: #FF5E65;border-radius: 50px;line-height: 36px;font-size: 15px;margin: 30px auto 0;}
/*footer*/
.footer{width: 100%;padding: 10px;color: #333;}
.footer a{color:#333}
@media (max-width:660px) {.apply::-webkit-scrollbar {display:none;width:0;height: 0;}}
@media (max-width:560px) {.tabox ul li {width: calc(100%/5);}}
@media (max-width:460px) {.tabox ul li {width: calc(100%/4);}}