*{box-sizing: border-box;}
html{-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body{background-color: #bcddea;color: #555;font: 12px/1.5 arial,helvetica;-webkit-font-smoothing: antialiased;}
article,aside,bodyer,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display: block;}
body,code,dd,div,dl,dt,form,html,p,pre,td,th,ul{margin: 0;padding: 0;word-wrap: break-word;}
ul{margin: 0;padding: 0;}
li,ul{list-style: none;}
a{color: #333;text-decoration: none;}
a:hover{text-decoration: none;}
/*---- 常用 ----*/
.wp{margin: 0 auto;width: 92%;max-width: 980px;}
@media (min-width:768px){.wp{width: 96%;}}
.clearfix:after{clear: both;display: block;visibility: hidden;height: 0;content: "";}
.z{float: left;}
.y{float: right;}
.mgr{margin-right: 15px!important;}
.mgb{margin-bottom: 15px!important;}
.mgb6{margin-bottom: 6px!important;}
.mgb10{margin-bottom: 10px!important;}
.mgb12{margin-bottom: 12px!important;}
.mgr3{margin-right: 3px!important;}
.mgr5{margin-right: 5px!important;}
/*---- 三体布局 ----*/
.header{position: fixed;top: 0;right: 0;left: 0;z-index: 9;margin: 0 auto;height: 60px;background-color: #fff;box-shadow: 0 2px 3px #aaa;}
.bodyer{margin-top: 75px;}
.footer{overflow: hidden;padding: 25px 0 20px;background-color: #fff;box-shadow: 0 -2px 3px #aaa;text-align: center;line-height: 1.5em;}
@media (min-width:768px){.header{position: relative;}.bodyer{margin-top: 15px;}}
/*---- logo 和导航 ----*/
.logo{overflow:hidden;margin-right:25px;width:auto;height:60px;font-size:0;}
.nav{position:relative;height:60px;}
.nav .menu{position:fixed;top:60px;left:0;z-index:999;display:none;padding:8px 0;width:100%;background-color:#f9f9f9;}
.nav .menu.show{display:block;}
.nav .menu li{padding:0;}
.nav .menu li a{display:block;padding:8px 4%;color:#666;font-size:16px;}
.nav .menu li a:hover{background-color:#f3f3f3;}
.nav .menu li ul li a{padding-left:25px;}
.nav .menu li ul li ul li a{padding-left:45px;}
.navbar-toggle{position:relative;float:right;margin:13px 0;padding:9px 10px;border:1px solid #169fe6;border-radius:4px;background-color:#addaf3;background-image:none;}
.navbar-toggle .sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);margin:-1px;padding:0;width:1px;height:1px;border:0;}
.navbar-toggle .icon-bar{background-color:#888;}
.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px;}
.navbar-toggle .icon-bar+.icon-bar{margin-top:4px;}
@media (min-width:768px){.navbar-toggle{display:none;}
.nav{position:relative;height:60px;}
.nav .menu{position:relative;top:0;left:0;display:block;padding:0;width:auto;background-color:transparent;}
.nav .menu li{position:relative;float:left;padding:0;border-bottom:2px solid transparent;}
.nav .menu li.current{background-color:#f3f3f3;border-bottom-color:#34c61c;}
.nav .menu li.current:hover{border-bottom-color:#34c61c;}
.nav .menu li a{padding:18px 12px 16px 12px;}
.nav .menu li a:hover{background-color::#f3f3f3;}
.nav .menu li span:hover{color:#34c61c;}
.nav .menu li ul{display:none;}
.nav .menu li:hover{background-color:#f3f3f3;}
.nav .menu li:hover ul{position:absolute;z-index:999;display:block;margin-top:2px;width:130px;box-shadow:0 1px 1px #9ab;}
.nav .menu li:hover ul li{float:none;width:130px;height:40px;background-color:#f3f3f3;line-height:40px;}
.nav .menu li:hover ul li.current{background-color:#f3f3f3;border-bottom-color:#34c61c;}
.nav .menu li:hover ul li.current:hover{border-bottom-color:#34c61c;}
.nav .menu li:hover ul li a{padding:0 15px;line-height:40px;}
.nav .menu li:hover ul li ul{display:none;}
.nav .menu li:hover ul li:hover ul{position:relative;top:-40px;left:130px;display:block;margin-top:0;width:130px;}
.nav .menu li:hover ul li:hover ul li{background-color:#f3f3f3;}
.nav .menu li:hover ul li:hover ul li.current{position:static;float:none;border-bottom-color:#34c61c;}
.nav .menu li:hover ul li:hover ul li.current:hover{border-bottom-color:#34c61c;}
.nav .menu li:hover ul li:hover ul li a{padding:0 15px;}}

body{background:#22c1c3;background:-webkit-linear-gradient(to right,#fdbb2d,#22c1c3);background:linear-gradient(to right,#fdbb2d,#22c1c3);}

em,i{font-style:normal;}
.pipe{margin:0 5px;color:#CCC;}
.fc2{color:#f60;}
.xi1{color:#ED452F;}
.xs2{font-size:14px;}
.xs3{font-size:16px;}
.xg1,.xg1 a{color:#999!important;}
.xg1,.xg1 a{color:#999!important;font-style:normal;}
.qm-pingfen{position:relative;display:inline-block;}
.qm-pingfen i{display:inline-block;}
.qm-pingfen-o{position:absolute;top:0;left:0;display:block;overflow:hidden;color:#fd0;white-space:nowrap;}
.qm-pingfen-o i.qf-heart{color:#f69;}

.search-control{position:relative;z-index:2;float:left;display:block;margin-bottom:0;padding:6px 12px;width:100%;height:36px;border:1px solid #ccc;background-color:#fff;background-image:none;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);color:#555;font-size:14px;line-height:1.42857143;}

.abcdefg{display:block;margin:15px 0;}
.abc_main{width:100%;}
.abc_side{width:100%;background-color:#fff;box-shadow:0 0 3px #aaa;}
.abc_left{display:none;margin-bottom:15px;padding:12px;width:100%;background-color:#fff;box-shadow:0 0 3px #aaa;}
.abc_left img{width:100%;max-width:100%;}
.abc_right{z-index:5;margin-bottom:15px;padding:12px;width:100%;background-color:#fff;box-shadow:0 0 3px #aaa;}
@media(min-width:768px){.abc_main{display:flex;margin-bottom:15px;box-shadow:0 0 3px #aaa;}
.abc_left{display:block;margin-bottom:0;width:45%;box-shadow:none;}
.abc_right{margin-bottom:0;width:55%;border-left:1px #ccc dashed;box-shadow:none;}}
@media (min-width:992px){.abcdefg{display:flex;}
.abc_main{margin-bottom:0;width:calc(100% - 200px);box-shadow:none;}
.abc_side{width:200px;}
.abc_left{padding:15px;box-shadow:0 0 3px #aaa;}
.abc_right{z-index:2;padding:15px;border-left:0;box-shadow:0 0 3px #aaa;}
}
.yy-thumb{display:none;padding:12px 0;border-bottom:1px dotted #ccc;}
.yy-thumb .thumbnail{width:100%;}
.yy-info{padding:12px 0;}
@media (min-width:768px){.yy-thumb{float:left;display:block;padding-right:12px;width:40%;border-bottom:0;}
.yy-info{float:right;width:60%;}}
@media (min-width:992px){.yy-thumb{margin:12px 0;padding:12px;border:1px solid #E3E3E3;}
.yy-info{padding-right:0;padding-left:12px;}}
.yy-title{position:relative;overflow:hidden;}
.yy-title .h1{margin-right:80px;padding-bottom:3px;color:#333;font-weight:700;font-size:18px;}
.yy-title .h3{margin-right:80px;color:#666;font-weight:400;font-size:12px;line-height:16px;}
.yy-title .h3 .pf{float:left;}
.yy-title .h3 .fen{color:#999;}
.yy-title .h3 em a i{display:inline;margin-right:5px;width:61px;}
.pf{height:20px;}
.pf i{display:inline;color:#999;}
.pf-o{position:relative;top:-16px;left:0;overflow:hidden;width:61px;height:20px;text-overflow:clip;}
.pf-o [class*=qf-]{color:#ffcf11;}
.yy-title .em{position:absolute;top:0;right:0;height:44px;}
.yy-title .em a.collect{background-position:0 0!important;}
.yy-title .em a.collect.has{color: #999;}
.yy-title .em a.collect.has i{color: #f69; cursor: default;}
.yy-title .em i.pile{float:left;margin:0 8px;width:1px;height:44px;background:#ddd;}
.yy-title .em a{float:left;width:30px;color:#999;text-align:center;line-height:14px;}
.yy-title .em a:hover{color:#333;}
.yy-title .em a [class*=qf-]{margin-bottom:4px;font-size:26px;}
.yy-title .em a.fx{background-position:-60px 0;}
.yy-price{position:relative;}
.jiagekuang{margin:10px 0;padding:0 10px;height:46px;background:#ebfaff;line-height:46px;}
.jiagekuang b{float:left;padding-right:10px;color:#f60;font-size:28px;}
.jiagekuang b i{font-size:18px;}
.jiagekuang i{margin:0 3px;}
.price{color:#F60;font-weight:700;}
.rtime,.yy-info #rtimespan{line-height:23px;}
#rtimespan b,.rtime b{padding:1px 4px;border:1px solid #333;border-radius:4px;background:#555;color:#FFF;}
.cpfl{margin:5px 0;padding-top:5px;padding-bottom:5px;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;}
.cpfl li{position:relative;float:left;display:inline;margin:5px 10px 5px 0;height:30px;line-height:28px;}
.cpfl li a{display:block;padding:0 10px;border:#ccc 1px solid;color:#666;}
.cpfl li.a a,.cpfl li.a a:hover{border:#2596bb 1px solid;color:#2596bb;font-weight:700;}
.cpfl li.a:before{position:absolute;top:15px;right:0;width:0;height:0;border-right:0 solid transparent;border-bottom:15px solid #2596BB;border-left:19px solid transparent;content:'';}
.cpfl li.a:after{position:absolute;top:11px;right:1px;color:#fff;content:'?';font-size:10px;-webkit-transform:rotate(1deg);-moz-transform:rotate(1deg);-o-transform:rotate(1deg);transform:rotate(1deg);-ms-transform:rotate(1deg);}
.yy-detail{margin-bottom:10px;padding:0 0;}
.yy-detail li{padding:0;line-height:26px;}
.haisheng{line-height:26px;}
.jiesheng{color:#999!important;font-style:normal;line-height:26px;}
.shouquan{color:#999!important;font-style:normal;line-height:26px;}
@media (min-width:480px){.haisheng{position:absolute;top:15px;right:10px;line-height:normal;}
.yy-detail li:not(.article-tags){float:left;width:50%;}
.article-tags a{margin-right:8px;}}
.main{width: 100%;}
.aside{width: 100%;}
.li{margin-bottom:15px;width:100%;}
.nums .pf{display:inline-block;margin-right:5px;width:60px;height:20px;font-size:12px;}
.nums .pf i{display:inline;color:#999;}
.nums .pf-o{position:relative;top:-22px;left:0;overflow:hidden;height:20px;text-overflow:clip;font-size:12px;}
.nums .pf-o .qf{color:#ffcf11;}
@media (min-width:480px){.ul{margin-right:-15px;}
.li{float:left;padding-right:15px;width:50%;}}
@media (min-width:768px){.li{margin-bottom:15px;padding-right:15px;width:33.33%;}}
@media (min-width:992px){.main{float:left;width:-moz-calc(100% - 255px);width:-webkit-calc(100% - 255px);width:calc(100% - 255px);min-height:460px;}
.aside{float:right;width:240px;min-height:460px;}
/*.ul{margin-right:0;}*/
.li{float:left;}}
.downbtn{display:inline-block;width:140px;height:38px;border-color:#f0cab6;border-style:solid;border-width:1px;border-radius:2px;background:#ffe4d0;color:#e5511d;text-align:center;font-size:16px;font-family:"hiragino sans gb","microsoft yahei",sans-serif;line-height:38px;}
.r-head{margin:0;padding:0 15px;height:40px;background-color:#fafafa;box-shadow:0 1px 1px 0 rgba(0,0,102,.1);color:#333;font-size:16px;line-height:40px;}
.r-toggle{cursor:pointer;}
.r-body{display:none;padding:0 15px 12px;}
.abc_side.show .r-body{display:block;}
.intro{position:relative;padding:6px 0;border-bottom:1px dotted #ccc;}
.app-thumb{position:relative;display:block;overflow:hidden;margin-bottom:2px;padding:12px;width:100%;background-color:#fff;}
.app-thumb>img{width:100%;}
.intro{position:relative;text-align: center;padding:6px 0;border-bottom:1px dotted #ccc;}
.intro>img{width:100%;height:72px;}
.intro .user-bg{position:absolute;top:6px;right:0;bottom:6px;left:0;border-radius:50px;vertical-align:middle;text-align:center;}
.intro .user-bg-o{width:50px;height:50px;border-radius:50px;}
.intro .user-bg-o img{width:100%;height:100%;}
.yyinfo{display:table;padding:6px 0;width:100%;border-bottom:1px dotted #ccc;}
.yyinfo>li{display:table-cell;text-align:center;}
.yyinfo>li:first-child{border-right:1px dotted #ccc;}
.yyinfo>li>span{color:#ff6000;font-weight:700;}
.zzinfo{padding:6px 0;border-bottom:1px dotted #ccc;}
.zzinfo>li{height:20px;}
.zzinfo .pf{display:inline-block;margin-right:5px;width:60px;height:20px;font-size:12px;}
.zzinfo .pf i{display:inline;color:#999;}
.zzinfo .pf-o{position:relative;top:-18px;left:0;overflow:hidden;height:20px;text-overflow:clip;font-size:12px;}
.zzinfo .pf-o [class*=qf-]{color:#f3788c;}
.lxinfo{padding:2px 0;}
.lxinfo a{float:left;display:block;margin-top:8px;margin-right:8px;padding:4px 6px;height:28px;border:#ddd 1px solid;background-color:#fff;}
.lxinfo a:hover{border:1px solid #0c0;}
.lxinfo a .qf{color:#0c0;}
@media (min-width:992px){.lxinfo{padding-top:6px;}
.lxinfo a{margin-top:4px;margin-right:0;}
.lxinfo a:nth-child(2n){float:right;}}
.zzqq{float:left;display:block;display:inline;width:100%;height:30px;border:#ffa200 1px solid;background:#fff;color:#ff7e00;text-align:center;line-height:30px;}
@media (min-width:992px){.r-toggle{display:none;}
.r-body{display:block;}}
.b-wrap{padding-bottom:0;height:auto;}
.b-main{margin-bottom:15px;background-color:#fff;box-shadow:0 0 3px #aaa;}
@media (min-width:768px){.b-wrap{margin:0;}
.left{margin-bottom:15px;}}
@media (min-width:992px){.b-wrap{padding-bottom:0;height:auto;min-height:200px;}
.b-main{float:right;width:-moz-calc(100% - 215px);width:-webkit-calc(100% - 215px);width:calc(100% - 215px);}
.b-side{float:left;width:200px;height:auto;}}
.b-head{margin:0;padding:0 15px;height:40px;background-color:#fafafa;box-shadow:0 1px 1px 0 rgba(0,0,102,.1);color:#333;font-size:16px;line-height:40px;}
.b-body{padding:12px 15px;}
.b-body li{font-size:14px;line-height:26px;}
.b-body li a{font-size:14px;line-height:26px;}
.b-body a{font-size:14px;line-height:26px;}
.b-foot{overflow:hidden;padding:0 15px 15px;height:36px;border-top:1px solid #d8e0eb;color:#999;line-height:36px;}
.tab-nav{height:46px;border-bottom:1px solid #d5dde8;background-color:#f8f8f8;}
.tab-nav>a{float:left;margin:0;padding:0 8px;height:46px;border-right:1px solid #d5dde8;border-bottom:1px solid #d5dde8;background:#f8f8f8;text-align:center;font-weight:700;font-size:14px;line-height:46px;cursor:pointer;}
.tab-nav>a.selected{border-bottom:1px solid #fff;background:#fff;color:#0c0;cursor:pointer;}
.tab-content{overflow:hidden;margin:0 auto;padding:0;}
.tab-content>.tab-pane{display:none;padding:12px 15px;min-height:240px;background-color:#fff;}
.tab-content>.tab-pane.active{display:block;}
.tab-content>.tab-pane img{max-width:100%;}
.module{overflow:hidden;background-color:#fff;box-shadow:0 0 3px #aaa;}
.m-head{margin:0;padding:0 15px;height:40px;background-color:#fafafa;color:#333;font-size:14px;line-height:40px;}
.m-body{padding:12px 15px;font-size:14px;}
.m-body li{line-height:26px;}
.m-body a{font-size:14px;line-height:26px;}
.m-foot{overflow:hidden;padding:0 15px 15px;height:36px;border-top:1px solid #d8e0eb;color:#999;line-height:36px;}
.footer{overflow:hidden;padding:25px 0 20px;background-color:#fff;box-shadow:0 -2px 3px #aaa;text-align:center;line-height:1.5em;}
.cateinfo li a{display:inline-block;padding:0 6px;height:24px;line-height:24px;}
.cateinfo li a:hover{background-color:#8ee68a;}
.cateinfo li a.cur{background-color:#6cd667;}
@media (min-width:480px){.tab-nav>a{padding:0 15px;}}
@media (max-width:768px){.hidden-xs{display:none;}}
.a-head,.m-head{box-shadow:0 0 3px 0 #999;}

.search-box{width:100%}
.search-box .form-control{float:left;width:70%}
.search-box .btn{float:right;width:27%;height:31px;border:1px solid #d8e0eb;background-color:#fafafa;vertical-align:middle;text-align:center;font-size:9pt;cursor:pointer}

/*---- 评论 ----*/
.errmsg-body{display:block;margin:0 auto 15px;padding:6px 10px;border:1px solid #d8e0eb;border-radius:9px;background-color:#e2ebf1;color:#ff3838;text-align:center;-webkit-transition:all .5s ease;transition:all .5s ease;-ms-transition:all .5s ease;}
.errmsg-body:after{position:absolute;bottom:-2px;left:0;display:block;width:100%;color:#d8e0eb;content:"▼";text-align:center;}
.comment-post{position:relative;z-index:3;margin:8px 0;padding:10px 0;width:auto;font-size:12px;}
.avatar{float:left;margin-right:10px;-webkit-border-radius:3px;border-radius:3px;background-color:#fff;box-shadow:0 1px 1px rgba(255,255,255,.9);}
.avatar img{display:block;width:50px;height:50px;max-width:none;border:3px solid #fff;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.5);}
.reply-wrap{position:relative;margin-bottom:0;margin-left:60px;border:none;background:#fff;}
.reply-body{display:block;margin:0;padding:10px;width:100%;max-width:100%;min-height:80px;border:1px solid #d8e0eb;box-shadow:none;color:#999;-webkit-appearance:none;}
.reply-foot{position:relative;width:100%;height:32px;border:1px solid #d8e0eb;border-top:0;font-size:12px;line-height:32px;}
.reply-btn{display:inline-block;padding:0 15px;}
.reply-info{margin:10px 0;}
.reply-info input{padding:3px 6px;border:1px solid #d8e0eb;}
.cancel-reply{font-size:12px;}
.comment-list{margin:10px 0 6px;}
.comment{clear: both;margin-top:10px;padding:10px 0 0;border-top:1px dashed #d8e0eb;}
.comment:after{clear:both;display:block;visibility:hidden;height:0;content:"";}

.comment-list>.comment:last-child{margin-bottom:6px;padding-bottom:10px;border-bottom:1px dashed #d8e0eb;}
.comment-content{padding-left:15px;min-height: 42px;}
.comment-foot{font-size:12px;}
.comment-children{margin-left:15px;padding:10px 0 0;border-top:1px dashed #d8e0eb;}
.comment-title{
    color: #333;
    font-size: 16px;
    border-left: 4px solid #ddd;
    padding-left: 10px;
}
.comment-body{word-break:break-all;}
.comment-name{color:#999;font-size:12px;}
.comment-date{color:#999;}
.comment-content .comment-post{padding-right:0;padding-left:0;}
@media (min-width:992px){.comment-content{padding-left:60px;}
.comment-children{margin-left:60px;}
.comment-children .comment-content{padding-left:60px;}
.comment-children .comment-children{margin-left:60px;}
.comment-content .comment-post{padding-left:0;}}













.downwrap{position:fixed;top:0;right:0;bottom:0;left:0;display:none;background-color:rgba(0,0,0,.1);}
.downpanel{position:fixed;top:20px;right:0;left:0;z-index:2;display:none;margin:20px auto;width:600px;height:auto;background-color:#fff;}
.card{border:1px solid #d8e0eb;background-color:#fff;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05);}
.card-head{padding:8px 12px;border-bottom:1px solid #d8e0eb;}
.card-body{padding:12px;}
.card-foot{padding:8px 12px;border-top:1px solid #d8e0eb;}
.card-head .close{position:absolute;top:0;right:0;display:block;padding:4px 16px;font-size:16px;cursor:default;}
.blank{padding:25px;background-color:#fff;box-shadow:0 0 1px #999;text-align:center;}
.fenleibox{background-color:#fff;box-shadow:0 0 3px #aaa;font-size:14px;line-height:30px;cursor:default;}
.fenleibox li{padding:2px 12px;border-bottom:1px dashed #ddd;}
.fenleibox li:last-child{border-bottom:0;}
.fenleibox li a{display:inline-block;padding:0 6px;height:24px;border-radius:12px;line-height:24px;}
.fenleibox li>a:hover{background-color:#8ee68a;}
.fenleibox li>a.cur{background-color:#6cd667;}

.fenleisys{
border-bottom:1px dashed #ddd;    text-align: center;
}


.article-thumb{position:relative;margin-bottom:10px;}
.article-thumb>img{width:100%;}
.article-thumb .theme-cover{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#ebfaff;vertical-align:middle;text-align:center;}
.article-thumb .theme-cover img{width:100%;height:100%;}
.article-thumb .plugin-cover{position:absolute;top:0;right:0;bottom:0;left:0;vertical-align:middle;text-align:center;}
.article-thumb .plugin-cover img{width:72px;height:72px;}
.app-wrap{position:relative;padding:0;background-color:#fff;box-shadow:0 0 1px #999;}
.app-wrap:hover{box-shadow:0 0 9px #555;}
.app-wrap .qmsys{position: absolute; top: 0; right: 0; z-index: 1; padding: 2px 5px 2px 8px; border-bottom-right-radius: 0px; background-color: #64b923; color: #fff; font-weight: bolder; font-size: 12px;}
.app-wrap .type{position: absolute; top: 22px; right: 0; z-index: 1; padding: 2px 5px 2px 8px; border-bottom-left-radius: 16px; background-color: #7bd438; color: #fff; font-weight: bolder; font-size: 12px;}
.app-thumb{position:relative;display:block;overflow:hidden;margin-bottom:2px;padding:12px;width:100%;background-color:#fff;}
.app-thumb>img{width:100%;}
.app-thumb .theme-cover{position:absolute;top:12px;right:12px;bottom:12px;left:12px;background-color:#ebfaff;vertical-align:middle;text-align:center;}
.app-thumb .theme-cover img{width:100%;height:100%;}
.app-thumb .plugin-cover{position:absolute;top:12px;right:12px;bottom:12px;left:12px;vertical-align:middle;text-align:center;}
.app-thumb .plugin-cover img{width:72px;height:72px;}
.app-info{position:relative;z-index:3;padding:8px 10px;background-color:#fafafa;box-shadow:0 0 6px #bbb;font-size:12px;line-height:20px;}
.app-up{overflow:hidden;font-weight:bolder;}
.app-title{overflow:hidden;width:100%;text-overflow:clip;white-space:nowrap;}
.app-cost{position:absolute;top:8px;right:8px;padding-left:6px;background-color:#fafafa;}
.app-cost .red{color:#fd5a5a;}
.app-cost .green{color:green;}
.app-down{position:relative;overflow:hidden;color:#999;}
.app-user{overflow:hidden;width:100%;text-overflow:clip;white-space:nowrap;}
.app-download{position:absolute;top:0;right:0;padding-left:6px;background-color:#fafafa;}
.app-blurb{position:relative;z-index:2;display:block;overflow:hidden;padding:8px 10px;height:72px;background-color:#fff;text-align:justify;}
.app-border{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border:8px solid #fff;}



.form-control{display:block;padding:6px 10px;width:100%;height:31px;border:1px solid #d8e0eb;background-color:#fff;background-image:none;color:#555;line-height:1.42857143;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.form-control:focus{outline:0;border-color:#00d21b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 5px rgba(0,210,27,0.6);}
.input-group{position: relative;display: table;border-collapse: separate;}
.input-group .form-control{position: relative;z-index: 2;float: left;margin-bottom: 0;width: 100%;}
.input-group .form-control:focus{z-index: 3;}
.input-group .form-control,.input-group-addon{display: table-cell;}
.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child){border-radius: 0;}
.input-group-addon{width: 1%;vertical-align: middle;white-space: nowrap; padding: 6px 12px;border: 1px solid #d8e0eb;background-color: #f6f6f6;color: #555;text-align: center;font-weight: 400;font-size: 12px;line-height: 1;}
.input-group .form-control:first-child,.input-group-addon:first-child{border-top-right-radius: 0;border-bottom-right-radius: 0;}
.input-group-addon:first-child{border-right: 0;}
.input-group .form-control:last-child,.input-group-addon:last-child{border-bottom-left-radius: 0;border-top-left-radius: 0;}
.input-group-addon:last-child{border-left: 0;}





.modal-open{overflow:hidden;}
.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0;-webkit-overflow-scrolling:touch;}
.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%);-ms-transform:translate(0,-25%);}
.modal.in .modal-dialog{-webkit-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);-ms-transform:translate(0,0);}
.modal-open .modal{overflow-x:hidden;overflow-y:auto;}
.modal-dialog{position:relative;margin:10px;width:auto;}
.modal-content{position:relative;outline:0;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;background-color:#fff;background-clip:padding-box;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);-webkit-background-clip:padding-box;}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000;}
.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0);}
.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50);}
.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;}
.modal-header .close{margin-top:-2px;}
.modal-title{margin:0;line-height:1.42857143;}
.modal-body{position:relative;padding:15px;}
.modal-footer{padding:15px;border-top:1px solid #e5e5e5;text-align:right;}
.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px;}
.modal-footer .btn-group .btn+.btn{margin-left:-1px;}
.modal-footer .btn-block+.btn-block{margin-left:0;}
.modal-scrollbar-measure{position:absolute;top:-9999px;overflow:scroll;width:50px;height:50px;}
@media (min-width:768px){.modal-dialog{margin:30px auto;width:600px;}
.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5);}
.modal-sm{width:300px;}}
@media (min-width:992px){.modal-lg{width:900px;}}
.close{float:right;color:#000;text-shadow:0 1px 0 #fff;font-weight:700;font-size:21px;line-height:1;opacity:.2;filter:alpha(opacity=20);}
button.close{padding:0;border:0;background:0 0;cursor:pointer;-webkit-appearance:none;}
.kind-list{padding:8px 10px;border:1px solid #d8e0eb;background-color:#fff;}
.kind-head{text-align:center;}
.kind-cell{display:inline-block;margin:1px 0;padding:0 6px;height:24px;border-radius:12px;font-size:12px;line-height:24px;cursor:pointer;}
.kind-cell.sel{background-color:#d6d6d6;}
.kaifanav{margin-right:15px;margin-left:15px;padding:12px 15px;background-color:#fff;box-shadow:0 0 1px #999;font-size:14px;line-height:24px;}
.kaifanav a{padding:4px 8px;border-radius:16px;}
@media (min-width:768px){.kaifanav{margin-right:0;margin-left:0;}}



/*---- 分页条 ----*/
.pagebar:after{clear:both;display:block;visibility:hidden;height:0;content:"";}
.pagebar .page{float: left;display: inline;margin-bottom:1px;padding: 0 14px;height: 32px;border: 0;background-color: #fff;box-shadow: 0 0 1px #999;line-height: 32px;}
.pagebar .nowpage{display:inline;color:#fd5a5a;cursor:default;}
.pagebar .jumppage{display:inline-block;padding: 8px 4px;max-width:36px;color:#fd5a5a;text-align: center;}
.pagebar .prevdots{padding:6px 10px;border:0;cursor:default;}
.pagebar .nextdots{padding:6px 10px;border:0;cursor:default;}
.comment-pagebar{margin-bottom:15px;}
.comment-pagebar .page{margin:8px 0 0 0;}

/*---- 空页 ----*/
.page-404{width:100%;margin: 15px auto;min-height: 470px;background-color: #fff;box-shadow: 0 0 3px #aaa;text-align: center;}
.page-404 .code{margin: 0;padding:42px 0;font-weight: bolder;font-size: 142px;}
.page-404 .code span{background: -webkit-linear-gradient(left,red,orange,yellow,green,blue,indigo,purple);color: transparent;-webkit-background-clip: text;}
@media (min-width:768px){.page-404 .code{padding-top: 25px;font-size: 168px;}}
