@font-face {
    font-family: 'iconfont';
    /* project id 183687 */
    src: url('//at.alicdn.com/t/font_183687_5p2jszygky6z85mi.eot');
    src: url('//at.alicdn.com/t/font_183687_5p2jszygky6z85mi.eot?#iefix') format('embedded-opentype'),
        url('//at.alicdn.com/t/font_183687_5p2jszygky6z85mi.woff') format('woff'),
        url('//at.alicdn.com/t/font_183687_5p2jszygky6z85mi.ttf') format('truetype'),
        url('//at.alicdn.com/t/font_183687_5p2jszygky6z85mi.svg#iconfont') format('svg');
}

.iconfont {
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

a {
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -ms-transition: color .2s;
    -o-transition: color .2s;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
    line-height: 0
}

.clearfix:after {
    clear: both
}

.ui-hidden {
    display: none;
}

.ui-captcha {
    cursor: pointer;
}
.ui.form .field.captcha {
    text-align: center;
}
.ui.form .field.captcha .ui.button.sendBtn {
    margin: .2em auto;
}
.ui.form .field.captcha .ui.button.sendBtn.small {
    margin: .35em auto;
}
.ui.form .inline.fields>label, .ui.form .inline.field>label , .ui.form .inline.fields .field>label {
    min-width: 80px;
    text-align: right;
}


.ui-popup {
    position: relative;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

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

.ui.form {
    padding: 1em 2em;
}

.ui.form .field>label {
    margin: 10px 0 5px;
}

.ui.form .inline.fields>label {
    min-width: 80px;
    text-align: right;
}
/* 导航栏布局 */
.ui.accordion.sidemenu:not(.styled) .accordion .title~.content:not(.ui), .ui.accordion.sidemenu:not(.styled) .title~.content:not(.ui) {
    padding-top: 0;
}
.ui.accordion.menu.sidemenu .item .title {
    font-weight: bold;
}
.ui.menu.sidemenu .item.group {
    padding: 0;
}
.ui.menu.sidemenu .item.group .title {
    padding: 1em .8em;
}
.ui.menu.sidemenu .menu .item {
    padding: .5em 1em 1em 2.2em;
    font-size: 1rem;
}
.ui.table tr td.checkarea, .ui.table tr th.checkarea {
    width: 42px;
    text-align: center;
}
/* 文本换行 */
.break_word {
    word-wrap: break-word;
    word-break: break-all;
}

/* 分割线 */
.split {
    display: inline-block;
    margin: 0;
    color: #aaa;
}

/* 文字超出长度隐藏 */
.text-ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.text-ellipsis.double {
    -webkit-line-clamp: 2;
}

/* 文本 */
.ui-text {
    color: #363636;
}
.ui-text.red {
    color: #DB2828;
}
.ui-text.orange {
    color: #F2711C;
}
.ui-text.yellow {
    color: #FBBD08;
}
.ui-text.olive {
    color: #B5CC18;
}
.ui-text.green {
    color: #21BA45;
}
.ui-text.teal {
    color: #00B5AD;
}
.ui-text.blue {
    color: #2185D0;
}
.ui-text.violet {
    color: #6435C9;
}
.ui-text.purple {
    color: #A333C8;
}
.ui-text.pink {
    color: #E03997;
}
.ui-text.brown {
    color: #A5673F;
}
.ui-text.grey {
    color: #767676;
}
.ui-text.black {
    color: #1B1C1D;
}
.ui-text.disabled {
    color: rgba(0, 0, 0, 0.3);
    cursor: not-allowed;
}
/* 链接 */
.ui-link {
    text-align: center;
    color: #363636;
    cursor: pointer;
    text-shadow: none;
}
.ui-link:hover {
    color: #282828;
}
.ui-link.red {
    color: #DB2828;
}
.ui-link.red:hover {
    color: #d01919;
}
.ui-link.orange {
    color: #F2711C;
}
.ui-link.orange:hover {
    color: #f26202;
}
.ui-link.yellow {
    color: #FBBD08;
}
.ui-link.yellow:hover {
    color: #eaae00;
}
.ui-link.olive {
    color: #B5CC18;
}
.ui-link.olive:hover {
    color: #a7bd0d;
}
.ui-link.green {
    color: #21BA45;
}
.ui-link.green:hover {
    color: #16ab39;
}
.ui-link.teal {
    color: #00B5AD;
}
.ui-link.teal:hover {
    color: #009c95;
}
.ui-link.blue {
    color: #2185D0;
}
.ui-link.blue:hover {
    color: #1678c2;
}
.ui-link.violet {
    color: #6435C9;
}
.ui-link.violet:hover {
    color: #5829bb;
}
.ui-link.purple {
    color: #A333C8;
}
.ui-link.purple:hover {
    color: #9627ba;
}
.ui-link.pink {
    color: #E03997;
}
.ui-link.pink:hover {
    color: #e61a8d;
}
.ui-link.brown {
    color: #A5673F;
}
.ui-link.brown:hover {
    color: #975b33;
}
.ui-link.grey {
    color: #767676;
}
.ui-link.grey:hover {
    color: #838383;
}
.ui-link.black {
    color: #1B1C1D;
}
.ui-link.black:hover {
    color: #27292a;
}
.ui-link.disabled {
    color: rgba(0, 0, 0, 0.3);
    cursor: not-allowed;
}
/* 标签 */
.ui.tag {
    display: inline-block;
    line-height: 1;
    vertical-align: baseline;
    margin-right: .3em;
    color: rgba(0,0,0,.85);
    background-color: #e8e8e8;
    background-image: none;
    padding: .45em .6em;
    text-transform: none;
    border: 0 solid transparent;
    border-radius: .28571429rem;
    -webkit-transition: background .1s ease;
    transition: background .1s ease;
    text-align: center;
    border-radius: .3em;
}
.ui.tag:last-child {
    margin-right: 0;
}
.ui.tag.red {
    background-color: #ffe8e6;
    color: #db2828;
}
.ui.tag.orange {
    background-color: #ffedde;
    color: #f2711c;
}
.ui.tag.yellow {
    background-color: #fff8db;
    color: #b58105;
}
.ui.tag.olive {
    background-color: #fbfdef;
    color: #8abc1e;
}
.ui.tag.green {
    background-color: #e5f9e7;
    color: #1ebc30;
}
.ui.tag.teal {
    background-color: #e1f7f7;
    color: #10a3a3;
}
.ui.tag.blue {
    background-color: #dff0ff;
    color: #2185d0;
}
.ui.tag.violet {
    background-color: #eae7ff;
    color: #6435c9;
}
.ui.tag.purple {
    background-color: #f6e7ff;
    color: #a333c8;
}
.ui.tag.pink {
    background-color: #ffe3fb;
    color: #e03997;
}
.ui.tag.brown {
    background-color: #f1e2d3;
    color: #a5673f;
}
.ui.tag.black {
    background-color: #1b1c1d;
    color: rgba(255,255,255,.9);
}
.ui.tag.disabled {
    background-color: #f3f3f3;
    color: rgba(0, 0, 0, 0.3);
    cursor: not-allowed;
}

.price {
    color: #f10214;
}

.c-header {
    padding: .6rem 0;
    border-bottom: 1px solid #E8F0E9;
}

#side-bar {
    position: fixed;
    right: 26px;
    bottom: 100px;
    z-index: 9999;
}

#side-bar a {
    position: relative;
    display: block;
    width: 2em;
    height: 2em;
    opacity: .85;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
    /* background-color: rgba(0, 0, 0, .6); */
}

#side-bar a .icon {
    font-size: 2em;
}

#side-bar a:hover {
    opacity: 1;
}

#side-bar .backtop {
    display: none;
}

#side-bar a.tel:hover {
    color: #FF9933;
}

#side-bar a.weixin:hover {
    color: #33cc66;
}

#side-bar a.qq:hover {
    color: #1ba9ee;
}

#side-bar .tip {
    position: absolute;
    -webkit-transform: translate3d(-200%, 0, 0);
    transform: translate3d(-200%, 0, 0);
    visibility: hidden;
    bottom: 0;
    white-space: nowrap;
    background-color: #fff;
    color: #666;
    padding: 10px;
    text-align: center;
    z-index: -1;
    border-radius: 3px;
    border: 1px solid #E8F5E9;
}

#side-bar .qrcode {
    width: 180px;
    height: 180px;
    bottom: 50%;
    margin-bottom: -90px;
}

#side-bar .qrcode img {
    width: 100%;
}

#side-bar .iconfont {
    font-size: 24px;
    line-height: 1em;
}

/* #side-bar .tip:after{
  content: " ";
  position: absolute;
  right: -8px;
  bottom: 50%;
  margin-bottom: -8px;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left:8px solid #fff;
  border-right: 1px solid #666;
} */
#side-bar .tip:before, #side-bar .tip:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    display: block;
    border-width: 8px;
    border-style: solid;
    bottom: 50%;
    right: -16px;
    margin-bottom: -8px;
}

#side-bar .tip:before {
    border-color: transparent transparent transparent #b8c5b9;
}

#side-bar .tip:after {
    border-color: transparent transparent transparent white;
}

#side-bar a:hover .tip {
    visibility: visible;
    -webkit-transform: translate3d(-108%, 0, 0);
    transform: translate3d(-108%, 0, 0);
    transition: all .3s;
}

#side-bar a:hover .icon-top {
    display: block;
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

/* 页脚 */
#footer {
    padding: 2em 0;
    text-align: center;
    color: #777;
}

#footer .copyright {
    margin: 10px 0;
}

#footer .links a, #footer .links span {
    margin: 0 10px;
}

#footer .links {
    color: #d8d8d8;
}

/* 提示页开始 */
.errmsg {
    width: 360px;
    margin: 0 auto;
    padding: 100px 0 60px;
    text-align: center;
    font-size: 45px;
    color: #888;
}

.errmsg p {
    line-height: 22px;
    margin: 0;
}

.errmsg .success .icon {
    color: #09BB07;
}

.errmsg .waiting .icon {
    color: #10AEFF;
}

.errmsg .warn .icon {
    color: #F76260;
}

.errmsg .danger .icon {
    color: #F43530;
}

.errmsg .info .icon {
    color: #10AEFF;
}

.errmsg .title {
    margin: 8px 0;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    color: #333;
}

.errmsg .errmsg-txt {
    padding: 15px 0;
    line-height: 22px;
    font-size: 14px;
}

.errmsg p.imageicon {
    line-height: 0;
}
.errmsg p.imageicon img {
    max-width: 100%;
}
/* 手机模型 */
.iphone5-model {
    margin: 0 auto;
    width: 280px;
    height: 581px;
    background: url('/static/images/bg/iphone5.png') no-repeat;
    background-size: 100%;
    position: relative;
}
.iphone5-model .content {
    position: absolute;
    width: 233px;
    height: 415px;
    top: 84px;
    left: 22px;
	background: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
}
.iphone6-model {
    margin: 0 auto;
    width: 320px;
    height: 652px;
    background: url('/static/images/bg/iphone6.png') no-repeat;
    background-size: 100%;
    position: relative;
}
.iphone6-model .content {
    position: absolute;
    width: 276px;
    height: 491px;
    top: 80px;
    left: 22px;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
}
.iphone5-model .padded, .iphone6-model .padded {
    padding: 5px;
}
.iphone5-model .btn {
    position: absolute;
    text-align: center;
    width: 44px;
    height: 44px;
    line-height: 44px;
    border-radius: 50%;
    bottom: 21px;
    left: 117px;
    cursor: pointer;
    font-weight: bold;
    box-sizing: border-box;
    color: #888;
}
.iphone6-model .btn {
    position: absolute;
    text-align: center;
    width: 44px;
    height: 44px;
    line-height: 44px;
    border-radius: 50%;
    bottom: 22px;
    left: 138px;
    cursor: pointer;
    font-weight: bold;
    box-sizing: border-box;
    color: #888;
}
.iphone5-model .btn:hover, .iphone6-model .btn:hover {
    color: #363636;
}
.iphone5-model .btn .icon, .iphone6-model .btn .icon {
    font-size: 20px;
}
/* 上传按钮 */
.ui.upload {
    position: relative !important;
}
.ui.upload input{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    font-size: 100px;
    cursor: pointer;
    z-index: 1;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0; /*css属性——opcity不透明度，取值0-1*/
    filter: alpha(opacity=0); /*兼容IE8及以下--filter属性是IE特有的，它还有很多其它滤镜效果，而filter: alpha(opacity=0); 兼容IE8及以下的IE浏览器(如果你的电脑IE是8以下的版本，使用某些效果是可能会有一个允许ActiveX的提示,注意点一下就ok啦)*/
}

/*暂无数据*/
.none {
    margin: 30px auto;
    text-align: center;
    color: #888;
}
.none i.icon {
    font-size: 32px;
}

/*--------------
Following
---------------*/
#header-following {
    position: relative;
    z-index: 900;
    padding: 2em 0em;
    width: 100%;
    box-shadow: 0px 0px 0px 0px transparent;
    border-bottom: 1px solid transparent;
    transition:
        padding 0.5s ease,
        background 0.5s ease,
        box-shadow 0.5s ease,
        border 0.5s ease;
}
#header-following.fixed, #header-following.home {
    position: fixed;
    top: 0px;
    left: 0%;
}
#header-following .menu {
    margin-left: 0;
    margin-right: 0;
}

#header-following > .menu .item {
    transition: all 0.5s ease;
}
.index.pushed #header-following .menu .item,
.index.pushed #header-following {
    transition: none;
}
#header-following .additional.item[data-site="learn"]:hover {
    color: #D9499A;
}
#header-following span.additional.item {
    cursor: default;
    color: rgba(0, 0, 0, 0.2);
}
#header-following .inverted span.additional.item {
    color: rgba(255, 255, 255, 0.2);
}
#header-following .column > .menu {
    margin-top: 0px;
    height: 35px;
}
#header-following .network.menu .item {
    font-weight: bold;
}
#header-following .item iframe {
    margin-left: 10px;
}
#header-following .network.menu .view-ui {
    margin-right: 1em;
}
.light#header-following .network.menu .view-ui {
    color: #00B5AD;
}
.light#header-following .inverted.network.menu .view-ui {
    color: #6DFFFF;
}
#header-following .logo {
    float: left;
    width: 35px;
    margin-right: 1em;
}
#header-following .logo .side {
    width: 35px;
}
.masthead .version.label:after {
    background-color: #000000 !important;
}
#header-following .version.label {
    margin: 0.25em 0px 0px 1em;
}

#header-following iframe.github {
    margin-top: 0px;
}
#header-following .menu .item {
    display: block;
}
.index.pushed .masthead,
.index.pushed #header-following {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

> .pusher > .footer {
    padding-left: 0em;
}

.light#header-following {
    padding: 0em 0em;
    background-color: #FFFFFF;
    border-bottom: 1px solid #DDDDDD;
}

@media only screen and (max-width : 600px) {
    #header-following {
        padding: 1em 0em;
    }
    #header-following .column {
        text-align: center;
    }
    #header-following .logo {
        float: none;
    }
    #header-following .version.label {
        vertical-align: top;
        margin-top: 0em;
    }
    /*#header-following .secondary.menu {*/
    /*    display: none;*/
    /*}*/
    #header-following .ui.menu .item>i.icon {
        display: none;
    }
    #header-following .ui.menu .item>i.icon {
        display: none;
    }
    #header-following .ui.menu .item.first {
        display: none;
    }
}

@media only screen and (max-width : 810px) {
    #header-following span.additional.item {
        display: none;
        visibility: hidden !important;
    }
    #header-following .network.menu .view-ui {
        margin-right: 0.75em;
    }
}

@media only screen and (max-width : 1040px) {
    #header-following .network.menu .view-ui {
        margin-right: 0.5em;
    }
}

/*相册*/
.album .header {
    margin: .8em 0;
}

/*图片详情*/
.ui.image .description, .ui.image .policy {
    background: rgba(51, 51, 51, 0.65);
    color: #fff;
    font-weight: normal;
    line-height: 1.3;
}
.ui.image .policy {
    background: rgba(100, 53, 201, 0.65);
}
.ui.image .cover, .ui.image .delete {
    display: none;
}
.ui.image:hover .cover, .ui.image:hover .delete {
    display: block;
}