@import "./animate.css";
@import "./reset.css";
@import "../component/components.css";
@import "../widget/footer/footer.css";
@import "../widget/top_bar/top_bar.css";
@import "../widget/header/header.css";
@import "../widget/pages/pages.css";

ul li,
ol li{
    list-style: none;
}

.hide{
    display: none;
}

.g-txt-tip{
    color: #999;
}
.g-font-12{
    font:12px/1.5 tahoma,arial,"Hiragino Sans GB",\5b8b\4f53;
}
.g-input,
.g-textarea,
.g-select{
    height: 20px;
    line-height: 20px;
    border: solid 1px #ccc;
    padding: 5px;
    background: #fff;
    width: 260px;
    outline: none;
}
.g-select{
    width: 272px;
    height: 32px;
}
/*
.g-input:focus,
.g-textarea:focus{
    border-color: #FFCC00;
    box-shadow: 0 0 2px 1px #ccc;
}
*/
.g-textarea{
    height: 80px;
    line-height: 20px;
    padding: 5px;
}

.g-wid-tim-l{
    border: solid 1px #E2E2E2;
    border-right: none;
    width: 400px;
    background: #fff;
    position: absolute;
    left: -61px;
    visibility: hidden;
    z-index: 100;
}
.g-wid-tim-l .morning{

}
.g-wid-tim-l .afternoon{
    margin-bottom: -1px;
    overflow: hidden;
}
.g-wid-tim-l .morning:hover .icon b{
    -webkit-animation: anim-moon 3s linear 0 infinite;
    animation: anim-moon 3s linear 0 infinite;
}
.g-wid-tim-l .cate .icon{
    display: block;
    float: left;
    width: 59px;
    border-right: solid 1px #E2E2E2;
    position: relative;
    overflow: hidden;
}
.g-wid-tim-l .cate .icon b{
    display: block;
    width: 40px;
    height: 40px;
    /*
    background: url("../../../images/cantzy/sun_moon.png") -3px -2px no-repeat #fff;
    */
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px;
}
.g-wid-tim-l .morning .icon{
    background-position: 6px center;
    border-bottom: solid 1px #E2E2E2;
}
.g-wid-tim-l .afternoon:hover .icon b{
    -webkit-animation: anim-afternoon 2s linear 0 infinite;
    animation: anim-afternoon 2s linear 0 infinite;
}
.g-wid-tim-l .afternoon .icon b{
    background-position: -90px center;
}
.g-wid-tim-l .cate .list{
    float: left;
    width: 340px;
    /*
    background: url("../../../../images/cantzy/time_bg.gif") repeat;
    */
}

.g-wid-tim-l .cate .list span{
    display: block;
    float: left;
    width: 85px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    margin: 0;
    font-size: 16px;
    border: none;
    background: none;
    -webkit-transition:none;
    cursor: pointer;
}
.g-wid-tim-l .cate .list span:hover{
    background: #FF9243;
    color: #fff;
    box-shadow: none;
}
/*
.btn-follow .icon{
    background: url(../../../images/web/user/index/index_icon.png) no-repeat 20px 0;
    font-weight:bolder;
    font-size: 16px;
    margin-right: 3px;
}
*/

/*baidu share : hide more background image*/
.bdshare-button-style0-16 a.bds_more{
    background: none;
    margin: 0 0 0 5px;
}

@keyframes anim-img-fade-logic{
    0%{
        opacity: 1;
    }
    50%{
        opacity: .5;
    }
    100%{
        opacity: 1;
    }
}
@-webkit-keyframes anim-img-fade-logic{
    0%{
        opacity: 1;
    }
    50%{
        opacity: .5;
    }
    100%{
        opacity: 1;
    }
}
.anim-img-fade{
    -webkit-animation: anim-img-fade-logic 1s linear 0 infinite;
    animation: anim-img-fade-logic 1s linear 0 infinite;
}


.wc{
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 20px;
    line-height: 20px;
}
.wch:hover{
    height: auto;
    white-space: normal;
    word-break: normal;
}

.pants{
    color: #00b59f;
}
.bra{
    color: #f64827;
}

.flex{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.flex-m{
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    width: 100%;
    overflow: hidden;
}
.flex-freeze{
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    overflow: hidden;
}
.vertical-middle{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-align:center;/* IE 10 */
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
}