* {
    margin: 0;
    padding: 0;
    outline: none;
}

ul {
    list-style: none;
}

dt,dd{
    line-height:2;
}

textarea {
    resize: none;
    outline: none;
    border-radius: 0;
}

form label {
    font-weight: normal;
}


body,input,textarea,button,select {
    font: 14px/1.8 'Microsoft YaHei',Arial,Helvetica,sans-serif;
    word-break: break-all
}
h1,h2,h3,h4,h5,h6{
    margin-top:0;
    line-height:1.8;
}
h1 {
    font-size: 22px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}

em,i {
    font-style: normal;
}

blockquote {
    margin: 10px 0;
    font-size: 12px;
    padding: 10px 5px;
    /*border-left-width:3px;*/
    background: #F2F2F2;
    color: #666;
}

pre {
    margin: 10px 0;
    font-size: 12px;
    /*     padding:10px 5px; */
    /*border-left-width:3px;*/
    line-height:2;
    background: #F2F2F2;
    color: #666;
    border-radius: 1px;
    border: 1px solid #f2f2f2;
}

i.fa {
    font-size: 16px;
    /*     margin-right:8px; */
}



.pb10 {
    padding-bottom: 10px;
}

.pt10 {
    padding-top: 10px;
}

.pb20 {
    padding-bottom: 20px;
}

.pr20 {
    padding-right: 20px;
}

.pl20 {
    padding-left: 20px;
}

.pd20 {
    padding: 20px;
}

.pd10 {
    padding: 10px;
}

.ml10 {
    margin-left: 10px;
}

.mt10{
    margin-top:10px;
}
.mr5 {
    margin-right: 5px;
}
.mr10 {
    margin-right: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.bd1{
    border:1px solid #f2f2f2;
}

.font-12 {
    font-size: 12px;
}

.font-14 {
    font-size: 14px;
}

.font-16 {
    font-size: 16px;
}

.bg-white {
    background: #fff;
}

a:visited,a:link,a:hover {
    text-decoration: none;
/*     color: #333; */
}

a:hover {
    color: #666;
}

.number{
    font-family: Georgia;
}

.color-red,a.color-red {
    color: red;
}

.color-grey,a.color-grey {
    color: #ABA8A6;
}

.color-green,a.color-green {
    color: green;
}

.color-blue,a.color-blue {
    color: #3399CC;
}

.color-yellow,a.color-yellow {
    color: #ED8010;
}

.color-black,a.color-black {
    color: #333;
}

.autoImg img,imageAuto img {
    max-width: 100%;
    height: auto;
}

.btn {
    border-radius: 2px;
}

.navbar {
    border-radius: 0;
    border:0;
}

button.navbar-toggle{
    border-width: 0;
}   

.help-block,.hint-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
    font-size: 12px;
}
.pagination-more {
    clear: both;
    margin: 10px 0;
    display: block;
}

.pagination-more li.prev {
    display: none;
}

.pagination-more li.next {
    display: block;
    text-align: center;
}

.pagination-more li.disabled {
    display: none;
}

input.form-control,textarea.form-control {
    border-radius: 0px;
}

.list-group-item:first-child {
    border-radius: 0;
}

.list-group-item {
    border-color: #f2f2f2;
    background:#FAFAFA;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: #35b558;
    background-color: #f0f0f0;
    border-color: #f0f0f0;
}
.circle {
    border-radius: 50%;
}

.container {
    /*max-width: 970px;*/
}

.alert {
    border-radius: 0;
    border: 0;
    font-size: 12px;
}



/*feed _view*/
.list-view-item {
    background: #fff;
    padding: 16px;
    margin-bottom: 32px;
}

.list-view-item-body a {
    color: #333;
    /* display: inline-block; */
}

.list-view-item-header {
    font-size: 12px;
    margin-bottom: 16px;
    color: #999;
}

.list-view-item-header .user-thumb {
    margin-right: 10px;
}

.list-view-item-header span.author-a {
    margin-right: 8px;
}

.list-view-item-header .time {
    float: right;
    margin-right: 0;
}

.list-view-item-body {
    margin-bottom: 8px;
    /*line-height: 2;*/
    
}

.style-1 {
    position: relative;
}

.style-1 .list-view-item-body-text {
    margin-right: 100px;
    overflow: hidden;
    min-height: 70px;
}

.style-1 .list-view-item-body-thumb {
    position: absolute;
    right: 0;
    top: 5px;
    width: 95px;
    height: 64px;
    overflow: hidden;
}

.style-1 .list-view-item-body-thumb img {
    width: 100%;
    height: 100%;
}

.style-3 .list-view-item-body-text {
    margin-bottom: 8px;
}
.style-3 .list-view-item-body-thumb a {
    display: inline-block;
    width: 32.8%;
    overflow: hidden;
    margin-right: 2px;
}
.style-3 .list-view-item-body-thumb a:last-child{
    margin-right: 0;
}
.style-3 .list-view-item-body-thumb a img {
    width: 100%;
    height: auto;
}

.list-view-item-footer {
    font-size: 12px;
}

.list-view-item-footer span.text {
    margin-right: 8px;
}
.list-view-item-footer .time{
    color:#999;
}
/*feed _view end*/
/*empty msg layout*/
.list-view-empty {
    line-height: 40px;
    text-align: center;
    background: rgba(204, 202, 202, 0.07);
    height: 180px;
    vertical-align: middle;
    padding: 50px 0 0;
}

.list-view-empty span {
    font-size: 28px;
    color: #449d44;
}

/* grid-view */
.grid-view-item {
    text-align: center;
    padding: 15px;
    background: #fff;
    border-right: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
}

.grid-view-item .grid-view-item-icon img {
    border-radius: 50%;
    margin-bottom: 10px;
}

.grid-view-item .grid-view-item-title {
    margin-bottom: 5px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.grid-view-item .grid-view-item-btn a {
    font-size: 12px;
    margin-bottom: 15px;
}

@media(min-width: 768px) {
    .grid-view-item {
        border:0;
        margin-bottom: 15px;
    }
}

/* grid-view end */
/*tab*/
.nav-tabs {
    background: #fff;
    border: 0;
    /* border-bottom: 1px solid #ccc; */
    margin-bottom: 10px;
}

.nav-tabs > li > a {
    padding: 10px 5px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border: 0;
    border-bottom: 2px solid #555;
}

.nav-tabs > li > a:hover {
    background: none;
    border: 0;
}

/* tab end */
/* user login */
.pattern-third-login {
    text-align: center;
    margin-top: 10px;
}

.pattern-third-login ul li {
    display: inline-block;
    padding: 0 10px;
}

.pattern-third-login ul li a {
    display: block;
    padding-top: 48px;
}

.pattern-third-login ul li a#QQ {
    background: url(//storage.xinbeifeng.com/source/themes/common/images/qq.png) no-repeat center top;
    background-size: 48px 48px;
}

.pattern-third-login ul li a#Weibo {
    background: url(//storage.xinbeifeng.com/source/themes/common/images/sina.png) no-repeat center top;
    background-size: 48px 48px;
}

#login-form button.btn-primary {
    padding: 9px 12px;
}

#login-form #login-tips {
    font-size: 12px;
}

#login-form #reg-new a {
    color: #3c8dbc;
}

#login-form > div.form-group.field-loginform-rememberme > label {
    font-weight: 500;
    font-size: 12px;
}

#login-form > div.form-group.field-loginform-rememberme > a {
    font-size: 12px;
    color: #3c8dbc;
}
.author-a-icon{
    display:inline-block;
    position:relative;
}
.author-a-icon .user-vip{
    display:inline-block;
    position:absolute;
    width:13px;
    height:13px;
    background:#eee url(../images/vip_32.png) no-repeat;
    background-size:13px 13px;
    top:21px;
    left:21px;
    border-radius:50%;
}
#user-info {
    background: #fff;
    padding: 10px 15px;
    margin-bottom: 10px;
}

#user-info #user-thumb {
    float: left;
    margin-right: 15px;
}

/* user login end */
/*menu*/
ul.menu {
    border: 0px solid #e4e4e4;
    margin-bottom: 10px;
    background: #FAFAFA;
    padding-left: 0;
}

ul.menu li .glyphicon {
    margin-right: 8px;
}

ul.menu li {
    text-indent: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

ul.menu li.active {
    background: #f6f4f4;
}

ul.menu li.active a {
    color: #000;
    font-weight: 500;
}

ul.menu li a {
    color: #434343;
    display: block;
    /*     border-bottom: 1px solid #e4e4e4; */
    padding: 10px 15px;
    font-size: 14px;
    /* text-align:center; */
}

ul.menu li a:hover {
    background: #f6f4f4;
}

ul.menu li.lastItemCssClass {
    border-bottom: none;
}

ul.menu.menu-icon li a {
    /*     font-size:12px; */
    padding: 10px;
    /*     border-bottom:1px solid #e4e4e4; */
    color: #444;
}

dl.menu {
    padding: 10px 15px;
    background: #fff;
    border-bottom: solid #e4e4e4;
    border-width: 1px 1px 0;
    /*     text-align: center; */
}

dl.menu dt {
    /*     background: #f2f2f2; */
    /*     line-height: 40px; */
    font-weight: 700;
}

dl.menu dd {
    background: #fff;
    line-height: 35px;
    /*     border-bottom: 1px solid #e4e4e4; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 15px;
}

dl.menu dd a {
    color: #000;
    width: 50%;
    display: inline-block;
    float: left;
}

body {
    /*padding-top: 100px;*/
    /*background: #F2F2F2;*/
}

/* footer */
/*footer #copy-rights{*/
/*background: #242735;*/
/*line-height: 30px;*/
/*text-align: center;*/
/*}*/
footer {
    color: #fff;
    font-size: 12px;
    padding: 20px 0;
    margin-top: 20px;
    background: #393939;
}

footer a:link,footer a:visited {
    color: #fff;
}

dl {
    text-align: left;
}

#footer-plus {
}

#footer-plus dl dt {
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 500;
}

#footer-plus dl dd {
    font-size: 12px;
    line-height: 2;
    color: #ccc;
}

#footer-plus dl dd a {
    color: #ccc;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#footer-plus ul#info {
    text-align: left;
}

#footer-plus ul#info li {
    line-height: 2;
    color: #ccc;
}

footer #cp {
    text-align: left;
    color: #ccc;
}

footer #cp span {
    margin-right: 15px;
}

#footer-hr {
    border-top: 1px solid #5f5f5f;
    border-bottom: 1px solid #333;
    margin: 10px 0 20px;
}

/* footer end */
@media(max-width: 480px) {
    .container,.container-fluid,.row,.col-xs-12,.col-sm-12,.col-xs-6 {
/*         padding:0; */
        /* margin: 0; */
    }

    body {
        padding-top: 0;
        /*padding-bottom: 50px;*/
    }

/*     #nav-top {
        text-align: center;
        height: 50px;
        line-height: 50px;
        background: #11CD6E;
        color: #fff;
        padding: 0 8px;
    }

    #nav-top a {
        color: #fff;
    }

    #nav-top #user {
        float: left;
        padding-top: 18px;
        margin-right: 10px;
    }

    #nav-top #message {
        float: right;
        padding-top: 18px;
    }

    #nav-top-title {
        max-width: 260px;
        min-width: 260px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        float: left;
        text-align: center;
        display: inline-block;
    } */

    #nav-bottom .nav-item {
        width: 20%;
        float: left;
    }

    #nav-bottom a {
        display: block;
        padding-top: 25px;
        text-align: center;
    }

    #nav-bottom .active a {
        color: #11CD6E;
    }

    #nav-bottom #post {
        text-indent: -9999px;
        background: url(//storage.xinbeifeng.com/source/theme/nygq/mobile/images/icon-post.png) no-repeat center center;
        background-size: 40px 40px;
    }

    #nav-bottom #home a {
        background: url(//storage.xinbeifeng.com/source/theme/nygq/mobile/images/home.png) center 5px no-repeat;
        background-size: 20px 20px;
    }

    #nav-bottom #home.active a {
        background-image: url(//storage.xinbeifeng.com/source/images/home-active.png);
    }

    #nav-bottom #category a {
        background: url(//storage.xinbeifeng.com/source/images/category.png) center 5px no-repeat;
        background-size: 20px 20px;
    }

    #nav-bottom #category.active a {
        background-image: url(//storage.xinbeifeng.com/source/images/category-active.png);
    }

    #nav-bottom #price a {
        background: url(//storage.xinbeifeng.com/source/images/price.png) center 5px no-repeat;
        background-size: 20px 20px;
    }

    #nav-bottom #price.active a {
        background-image: url(//storage.xinbeifeng.com/source/images/price-active.png);
    }

    #nav-bottom #people a {
        background: url(//storage.xinbeifeng.com/source/images/people.png) center 5px no-repeat;
        background-size: 20px 20px;
    }

    #nav-bottom #people.active a {
        background-image: url(//storage.xinbeifeng.com/source/images/people-active.png);
    }

    #nav-bottom #feed a {
        background: url(//storage.xinbeifeng.com/source/theme/nygq/mobile/images/feed.png) center 5px no-repeat;
        background-size: 20px 20px;
    }

    #nav-bottom #feed.active a {
        background-image: url(//storage.xinbeifeng.com/source/theme/nygq/mobile/images/feed-active.png);
    }

    #nav-bottom #groups a {
        background: url(//storage.xinbeifeng.com/source/theme/nygq/mobile/images/group.png) center 5px no-repeat;
        background-size: 20px 20px;
    }

    #nav-bottom #groups.active a {
        background-image: url(//storage.xinbeifeng.com/source/theme/nygq/mobile/images/group-active.png);
    }

    #nav-bottom #message a {
        background: url(//storage.xinbeifeng.com/source/theme/nygq/mobile/images/message.png) center 5px no-repeat;
        background-size: 20px 20px;
    }

    #nav-bottom #message.active a {
        background-image: url(//storage.xinbeifeng.com/source/theme/nygq/mobile/images/message-active.png);
    }

    #nav-bottom #me a {
        background: url(//storage.xinbeifeng.com/source/theme/nygq/mobile/images/me.png) center 5px no-repeat;
        background-size: 20px 20px;
    }

    #nav-bottom #me.active a {
        background-image: url(//storage.xinbeifeng.com/source/theme/nygq/mobile/images/me-active.png);
    }

    #nav-bottom #find a {
        background: url(//storage.xinbeifeng.com/source/images/find.png) center 5px no-repeat;
        background-size: 20px 20px;
    }

    #nav-bottom #find.active a {
        background-image: url(//storage.xinbeifeng.com/source/images/find-active.png);
    }

    #nav-bottom a.active {
        color: #11CD6E;
    }

    #nav-bottom #find a {
        background: url(//storage.xinbeifeng.com/source/images/find.png) center 5px no-repeat;
        background-size: 20px 20px;
    }

    #nav-bottom #find.active a {
        background-image: url(//storage.xinbeifeng.com/source/images/find-active.png);
    }

    #nav-bottom #channel a {
        background: url(//storage.xinbeifeng.com/source/images/channel.png) center 5px no-repeat;
        background-size: 20px 20px;
    }

    #nav-bottom #channel.active a {
        background-image: url(//storage.xinbeifeng.com/source/images/channel-active.png);
    }
}


.ui-card{
    padding:20px;
    border:1px solid #f2f2f2;
}
.ui-card-title{
    margin-top:0;
    margin-bottom:15px;
}

@media(max-width:768px){
    .ui-card{
        border-width:0 0 1px;
    }
}

.carousel-control.right, .carousel-control.left {
    background-image: none;
}

.carousel-caption{
    bottom: 0;
    padding: 0;
    background: #000;
    width: 100%;
    left: 0;
    opacity: .5;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

/* bootcss reset*/

.navbar-brand {
    padding: 0 15px;
}

.dropdown-menu {
    border-color: #FFF;
    border-radius: 2px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.15)
}


a {
    color: #333
}

a:hover {
    color: #303030
}

.btn {
    border-radius: 0px;
    border: 0px solid #ccc;
    padding: 5px 12px;
    outline: 0 !important;
}

.btn-default,.btn-default:visited {
    background: #FFF;
    border-color: #dadada;
    border-width: 1px;
}

.btn-default:hover {
    background: #f9f9f9;
    border-color: #ddd
}

.btn-default.active,.btn-default.focus,.btn-default:active,.btn-default:focus,.btn-default:hover,.open>.dropdown-toggle.btn-default {
    background: #f0f0f0;
    border-color: #d0d0d0
}

.btn-primary,.btn-primary:visited {
    background: #356DD0;
    border-color: #0D54AB;
    color: #FFF;
}

.btn-primary:hover {
    background: #317DDA;
    border-color: #356DD0
}

.btn-primary.active {
    background: #0D54AB;
    border-color: #0D54AB
}

.btn-danger,.btn-danger:visited {
    background: #EB5424;
    border-color: #CD3A14
}

.btn-danger:hover {
    background: #F86334;
    border-color: #EB5424
}

.btn-danger.active {
    background: #CD3A14;
    border-color: #CD3A14
}

.btn-warning,.btn-warning:visited {
    background: #FFCB00;
    border-color: #FFCB00
}

.btn-warning:hover {
    background: #FFD52F;
    border-color: #FFD52F
}

.btn-warning.active {
    background: #F5C21C;
    border-color: #F5C21C
}

.btn-success,.btn-success:visited {
    background: #45C722;
    border-color: #39B618
}

.btn-success:hover {
    background: #3BD54E;
    border-color: #45C722
}

.btn-success.active {
    background: #39B618;
    border-color: #39B618
}

.open>.dropdown-toggle.btn-primary {
    background: #0059C7
}

.navbar-btn {
    background: rgba(255,255,255,0.1);
    color: #A1C3EE;
    border: 0px
}

.navbar-btn:hover {
    background: rgba(255,255,255,0.15);
    color: #A1C3EE
}

.label {
    font-weight: normal;
    border-radius: 2px;
    padding: 2px 4px
}

.label-default {
    background: #EBEDEE;
    color: #9A9DA0
}

.label-primary {
    background: #356DD0
}

.label-warning {
    background: #FFF280;
    color: #CD8546
}

.label-info {
    background: #ADD0FF;
    color: #4A5E9E
}

.label-danger {
    background: #FF6969;
    color: #8B2523
}

.label-success {
    background: #81D573;
    color: #1B8909
}

.alert {
    padding: 8px 15px;
    margin-bottom: 15px;
    color: #333 !important;
    border: 0;
    box-shadow: none;
}

.alert .close {
    font-size: 13px;
    margin-top: 4px;
    margin-right: 2px;
    font-weight: normal
}

.alert-info {
    background-color: #b8ccee
}

.alert-success {
    background-color: #d1ffc5
}

.alert-warning {
    background-color: #fffbce
}

.alert-warning .markdown hr {
    border-color: #c1b5b4
}

.alert-danger {
    background-color: #ffe6df
}

.container>.alert {
    margin-right: -15px
}

.text-success {
    color: #45C722
}

.text-primary {
    color: #356DD0
}

.text-warning {
    color: #FFCB00
}

.text-danger {
    color: #EB5424
}

.panel{
    border-radius: 0;
    box-shadow: none;
}
.panel-heading{
    border-radius:0;
}
.panel-group .panel{
    border:0;
    border-radius:0;
}
.list-group-item{
    border:none;
}
 .panel-group .panel-heading + .panel-collapse > .list-group{
    border:none;
}
.panel-group .panel + .panel{
    margin-top:1px;
}
.carousel-indicators {
    bottom: 0px;
}
/* bootcss reset end */


#navbar-plus-user li a {
    font-size: 12px;
    padding: 30px 15px;
}

#navbar-plus-user.navbar-nav > li.dropdown > .dropdown-menu a {
    padding: 5px 15px;
    font-size: 12px;
    color: #666;
}

@media screen and (min-width: 768px) {
    .carousel-indicators {
        bottom: 10px;
    }
    .carousel-indicators li {
        width:5px;
        height:5px;
        margin:1px;
    }
    .carousel-control{
        width:8%;
    }
}

a.feed-link{
    color: #55c024;
}

/*up yii upload kit*/
.upload-kit .upload-kit-input,
        .upload-kit .upload-kit-item{
            max-width: 150px;
            overflow: hidden;
        }
/*up yii upload kit*/


#cp-rights{
  text-align: center;
  line-height: 80px;
  background: #525252;
  color:#fff;
}