@charset "utf-8";
html {
    min-height: 100%;
    position: relative;
}

body {
    min-height: 100%;
    background: #eeeeee !important;
    font-family: 'Microsoft YaHei', '微软雅黑', Verdana, Geneva, sans-serif;
}

.clr:after, .clr {
    clear: both;
    color: #333333;
    content: " ";
    display: block;
}

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.fb {
    font-weight: bold !important;
}

.fn {
    font-weight: normal !important;
}

.t2 {
    text-indent: 2em !important;
}

.tc {
    text-align: center !important;
}

.toe {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    margin: 0 auto;
}

.w630 {
    width: 630px !important;
}

.w10 {
    width: 10px !important;
}

.w20 {
    width: 20px !important;
}

.w30 {
    width: 30px !important;
}

.w40 {
    width: 40px !important;
}

.w50 {
    width: 50px !important;
}

.w60 {
    width: 60px !important;
}

.w70 {
    width: 70px !important;
}

.w80 {
    width: 80px !important;
}

.w90 {
    width: 90px !important;
}

.w100 {
    width: 100px !important;
}

.w150 {
    width: 150px !important;
}

.w200 {
    width: 200px !important;
}

.w250 {
    width: 250px !important;
}

.w280 {
    width: 280px !important;
}

.w300 {
    width: 300px !important;
}

.w400 {
    width: 400px !important;
}

.w500 {
    width: 500px !important;
}

.w600 {
    width: 600px !important;
}

.w700 {
    width: 700px !important;
}

.w730 {
    width: 730px !important;
}

.w800 {
    width: 800px !important;
}

.wfull {
    width: 100% !important;
}

.h50 {
    height: 50px !important;
}

.h80 {
    height: 80px !important;
}

.h100 {
    height: 100px !important;
}

.h200 {
    height: 200px !important;
}

.h {
    height: 100% !important;
}

.mh650 {
    min-height: 650px !important;
}

.lh50 {
    line-height: 50px !important;
}

.mato {
    margin: 0 auto !important;
}

.m10 {
    margin: 10px !important;
}

.m15 {
    margin: 15px !important;
}

.m30 {
    margin: 30px !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt5f {
    margin-top: -5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt12 {
    margin-top: 12px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.mt70 {
    margin-top: 70px !important;
}

.mt80 {
    margin-top: 80px !important;
}

.mt90 {
    margin-top: 90px !important;
}

.mt100 {
    margin-top: 100px !important;
}

.mt130 {
    margin-top: 130px !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb100 {
    margin-bottom: 100px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.ml45 {
    margin-left: 45px !important;
}

.ml50 {
    margin-left: 50px !important;
}

.ml65 {
    margin-left: 65px !important;
}

.ml100 {
    margin-left: 100px !important;
}

.ml110 {
    margin-left: 110px !important;
}

.ml120 {
    margin-left: 120px !important;
}

.ml200 {
    margin-left: 200px !important;
}

.ml220 {
    margin-left: 220px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mr50 {
    margin-right: 50px !important;
}

.mr100 {
    margin-right: 100px !important;
}

.mr120 {
    margin-right: 120px !important;
}

.pl0 {
    padding-left: 0 !important;
}

.pr0 {
    padding-right: 0 !important;
}

.p10 {
    padding: 10px !important;
}

.p15 {
    padding: 15px !important;
}

.p20 {
    padding: 20px !important;
}

.p30 {
    padding: 30px !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt50 {
    padding-top: 50px !important;
}

.pt60 {
    padding-top: 60px !important;
}

.pt90 {
    padding-top: 90px !important;
}

.pt150 {
    padding-top: 150px !important;
}

.pt180 {
    padding-top: 180px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb05 {
    padding-bottom: 05px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pb50 {
    padding-bottom: 50px !important;
}

.pb100 {
    padding-bottom: 100px !important;
}

.pl5 {
    padding-left: 5px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pl30 {
    padding-left: 30px !important;
}

.pl40 {
    padding-left: 40px !important;
}

.pl50 {
    padding-left: 50px !important;
}

.pl100 {
    padding-left: 100px !important;
}

.pr5 {
    padding-right: 5px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pr30 {
    padding-right: 30px !important;
}

.pr40 {
    padding-right: 40px !important;
}

.pr50 {
    padding-right: 50px !important;
}

.pr100 {
    padding-right: 100px !important;
}

.ptb5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.ptb10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.prl10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.prl20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.mtb10 {
    margin: 10px 0 !important;
}

.organ {
    color: #fc6703 !important;
}

a {
    color: #777;
}

.text-red {
    color: #e40000;
}

.text-blue {
    color: #4f9de9;
}

.text-yellow {
    color: #e9aa4f;
}

.wit-bg {
    background: #fff !important;
}

.gry_btn {
    display: inline-block;
    width: auto;
    height: 30px;
    line-height: 30px;
    padding: 0 35px;
    border: 1px solid #cecece;
    border-radius: 5px;
    text-align: center;
    background: #f1f0f0;
}

.gry_btn:hover {
    border: 1px solid #fc6703;
    background: #fc6703;
    color: #fff;
}

.orange_btn, .sum_btn:hover {
    border: 1px solid #fc6703;
    background: #fc6703;
    color: #fff;
}

.row:before, .row:after {
    display: table;
    content: ""
}

.row:after {
    clear: both;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    float: left;
}

.col-4 {
    width: 33.33333333%;
}

.col-5 {
    width: 41.66666667%;
}

.col-6 {
    width: 50%;
}

.col-7 {
    width: 58.33333333%
}

.col-8 {
    width: 66.66666667%;
}

.dd-bottom {
    margin-top: 5px;
    overflow: hidden;
    zoom: 1;
}

.add-user {
    float: left;
}

.add-time {
    float: right;
}

table .no-data {
    display: table-row !important;
    float: inherit !important;
    width: auto !important;
    height: 80px !important;
    margin: 0 !important;
    padding: 10px !important;
    font-size: 16px !important;
    font-family: "Microsoft YaHei" !important;
    text-align: center !important;
    line-height: 60px !important;
}

#top .alert {
    line-height: 20px;
}

#header {

    margin-bottom: 20px;
}

#body .l-width {
    width: 1200px !important;
    min-height: 500px;
}

#body > .l-width {
    margin-top: 20px !important;
}

.my-lib:before, .my-lib:after {
    display: table;
    content: " ";
    clear: both;
}


.left-nav {
    float: left;
    width: 195px;

    /* overflow: hidden; */
    margin-bottom: 20px;
}

/*.left-nav:before {
	content: "";
	display: block;
	width: 195px;
	position: absolute;
	bottom: 0;
	top: 15px;
	z-index: -1;
	background: url(../../../images/user/t1/left-nav-bg.gif) left top;
}*/

.left-nav-list, .left-links {
    position: relative;
    margin-bottom: 10px;
    padding: 0 10px 10px;
    background: #fff;
    border-radius: 3px;
}

.left-nav-list h1, .left-links h1 {
    height: 60px;
    margin: 0 -10px;
    padding-top: 2px;
    padding-left: 32px;
    /* font-weight: lighter; */
    font-size: 18px;
    line-height: 40px;
    color: #fc6703;
    color: #ae3928;
    background: #f9f9f9;
    border-bottom: 4px solid #f9f9f9;
    position: relative;
    letter-spacing: 4px;
    border-radius: 3px 3px 0 0;
    /*border-left: 4px solid #fc6703;*/
    border-top: 2px solid #ae3928;
}

.left-nav-list h1:before {
    content: "My library";
    width: 100%;
    line-height: 30px;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    position: absolute;
    left: 33px;
    top: 28px;
}

.left-nav-list h1 a {
    color: #252525;
}

/*.left-nav-list:before {
	content: "";
	display: block;
	width: 175px;
	position: absolute;
	bottom: 10px;
	top: 15px;
	z-index: -1;
	background: #e5e5e5;
}*/
.left-nav-list li {
    border-bottom: 1px solid #eee;
}

.left-nav-list li a {
    display: block;
    height: 30px;
    margin: 5px 0;
    padding-left: 20px;
    font-size: 15px;
    line-height: 30px;
    color: #585858;
    font-weight: 500;
}

.left-nav-list li a:hover {
    background: #e0e0e0;
}

.left-nav-list li .current {
    color: #bd2121;
    background: #eeeeee !important;
    position: relative;
    /*border-left: 3px solid #ae3928;*/
}

.left-nav-list li .current:before {
    content: "";
    width: 5px;
    height: 32px;
    /*background:#ae3928;*/
    position: absolute;
    left: -10px;
    top: 1px;
}

.left-nav-list li i {
    display: inline-block;
    position: relative;
    top: -1px;
    width: 25px;
    height: 25px;
    margin-right: 15px;
    text-align: center;
    line-height: 25px;
    background: #f4f4f4;
    border-radius: 100%;
    vertical-align: middle;
    /* display: none; */
}

.left-nav-list li .current i {
    margin-left: -3px;
    color: #fff;
    background-color: #ae3928;
}

.left-nav-list .fengx {
    height: 0px;
    margin: 10px 0;
    font: 0/0 a;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #d2d2d2;
}

.left-nav-list ul:before, .left-nav-list ul:after {
    display: table;
    content: "";
    clear: both;
}

.left-nav-list h3 {
    position: relative;
    height: 35px;
    margin: 5px 0;
    padding-left: 20px;
    font-size: 15px;
    font-weight: lighter;
    line-height: 35px;
}

.left-nav-list h3:after {
    position: absolute;
    left: 0;
    top: 50%;
    width: 20px;
    border-bottom: 1px solid #eee;
    content: "";
}

.left-nav-list .l1 {
    height: 38px;
    margin: 5px 0 -5px;
    padding-left: 18px;
    font-size: 14px;
    font-weight: lighter;
    line-height: 35px;
    border-top: 2px solid #d9d9d9;
    border-bottom: 0;
    border-radius: 3px 3px 0 0;
}

.left-nav-list .l1:after {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border-bottom: 2px solid #d9d9d9;
    border-radius: 0 0 3px 3px;
    content: "";
}

.left-nav-list .l1 i {
    left: -3px;
    margin-right: 5px;
    background: transparent;
}

.left-nav-list .l2, .left-nav-list .l3 {
    float: left;
    width: 45%;
}

.left-nav-list .l3 {
    width: 55%;
}

.left-nav-list .l2 a, .left-nav-list .l3 a {
    position: relative;
    font-size: 12px;

}

.left-nav-list .l2 a:before, .left-nav-list .l3 a:before {
    position: absolute;
    left: 10px;
    top: 13px;
    width: auto;
    height: auto;
    border: 2px solid #ccc;
    border-radius: 100%;
    content: "";
    transition: all .3s;
    -webkit-transition: all .3s;
}

.left-nav-list .l2 .current:before, .left-nav-list .l3 .current:before {
    top: 11px;
    border-width: 4px 0 4px 4px;
    border-color: transparent transparent transparent #bd2121;
    border-style: dashed none dashed solid;
}

.left-nav-list .l2 a:hover:before, .left-nav-list .l3 a:hover:before {
    top: 11px;
    border-width: 4px 0 4px 4px;
    border-color: transparent transparent transparent #585858;
    border-style: dashed none dashed solid;
}


.left-links h1 {
    height: 40px;
    padding-left: 29px;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 35px;
}

.left-links li {
    border-bottom: 1px solid #eee;
}

.left-links li a {
    display: block;
    position: relative;
    height: 25px;
    margin: 5px 0;
    padding-left: 20px;
    font-size: 13px;
    line-height: 25px;
    color: #585858;
    font-weight: 500;
}

.left-links li a:before {
    position: absolute;
    left: 10px;
    top: 11px;
    border: 2px solid #ccc;
    border-radius: 100%;
    content: "";
    transition: all .3s;
    -webkit-transition: all .3s;
}

.left-links li a:hover:before {
    top: 10px;
    border-width: 4px 0 4px 4px;
    border-color: transparent transparent transparent #585858;
    border-style: dashed none dashed solid;
}

.main {
    /* margin-left:210px; */
    padding: 10px;
    background: #fff;
    border-radius: 3px;
    width: 990px;
    float: right;
}

.record-page {
    background: #fff url(../../..../../../images/user/t1/main-bg1.jpg) no-repeat 10px 10px;
}

.member-head {
    padding: 0px 10px;
    /* min-height: 150px; */
    background: url(../../..../../../images/user/t1/main-bg.jpg) no-repeat;
    /*background-color: -webkit-linear-gradient(top, #fff 0%,#f2f2f2 100%);*/
    /*background-color: -o-linear-gradient(top, #fff 0%,#f2f2f2 100%);*/
    /*background-color: -ms-linear-gradient(top, #fff 0%,#f2f2f2 100%);*/
    /*background-color: linear-gradient(to bottom, #fff 0%,#f2f2f2 100%);*/
    /*margin-bottom: 50px;*/
}

.exchange-head {
    padding: 0px 10px 20px;
    background: #f3f3f3 url(../../..../../../images/user/t1/main-bg.jpg) no-repeat;
    margin-bottom: 0;
}

.member-tile {
    width: 100%;
}

.main h1 {
    /*float: left;*/
    height: 41px;
    margin-bottom: 10px;
    padding-left: 20px;
    font-size: 16px;
    line-height: 42px;
    color: #000;
    background: #f3f3f3;
    font-weight: bold;
}

.switch-Boxnav {
    position: relative;
}

.switch-nav {
    height: 50px;
    padding-top: 10px;
    padding-left: 40px;
    font-size: 16px;
    line-height: 40px;
    color: #000;
    background: #f5f5f5 url(../../../images/site/feed-h.png) no-repeat left 5px;
}

.switch-nav li {
    display: inline;
}

.switch-nav li a {
    float: left;
    width: 155px;
    height: 40px;
    text-align: center;
    color: #777777;
    line-height: 40px;
    border-radius: 5px 5px 0 0;
}

.switch-nav li i {
    padding-right: 5px;
}

.switch-nav li a.current {
    color: #4380bf;
    background: #fff;
}

.switch-nav-btn {
    position: absolute;
    display: block;
    line-height: 32px;
    background-color: #eb5e3c;
    padding: 0 10px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    /* width: 150px; */
    bottom: 8px;
    right: 20px;
    display: none;
    text-align: center;
}

.switch-nav-btn img {
    width: 17px;
    vertical-align: text-bottom;
}


.main .member-h2 {
    float: left;
    height: 41px;
    padding-left: 0px;
    font-size: 16px;
    line-height: 42px;
    color: #000;
    font-weight: bold;
}

.icon-til {
    display: inline-block;
    width: 34px;
    height: 22px;
    line-height: 19px;
}

.member-tile-a {
    float: right;
    margin-top: 10px;
}

.member-tile-a a {
    display: inline-block;
    line-height: 24px;
    padding: 0 5px;
    background: #9d9d9d;
    color: #fff;
}

.member-tile-a a:hover, .member-tile-a a.current {
    background: #fc6703;
    opacity: 1;
}

/*积分*/
.member-num {
    /* height: 180px; */
    padding: 25px 30px;
    margin-top: 50px;
    background: #fafafa;
}

.member-num-jf {
    float: left;
    width: 484px;
    height: 141px;
    background: url("../../..../../../images/user/t1/jf-bg01.png") no-repeat;
}

.member-num-jf li {
    float: left;
    width: 121px;
    color: #ec6941;
    /* padding: 0 20px; */
    /* padding-left: 23px; */
    text-align: center;
}

.member-num-jf li sub {
    display: block;
    line-height: 30px;
    font-size: 12px;
    padding-top: 18px;
    font-weight: bold;
}

.member-num-jf li b {
    display: block;
    line-height: 30px;
    padding-top: 9px;
    font-size: 30px;
}

.member-num-jf li a {
    display: block;
    line-height: 30px;
    font-size: 12px;
    color: #ffffff;
    padding-top: 26px;
}

/*点亮勋章*/
.member-medal {
    float: right;
    width: 361px;
    height: 137px;
    background: url(../../..../../../images/user/t1/medal-bg.jpg) no-repeat left top;
}

.member-medal ul {
    width: 348px;
    height: 66px;
    margin: 70px 15px 0;
}

.member-medal li {
    float: left;
    width: 66px;
    height: 66px;
    text-align: center;
    line-height: 53px;
    font-weight: bold;
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.member-medal li.light {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter: 1;
}

.member-medal li img {
    max-width: 66px;
    max-height: 66px;
}

/*.member-medal li.light01{*/
/*background:url(../../..../../../images/user/t1/medal1.png) no-repeat;*/
/*}*/
/*.member-medal li.light02{*/
/*background:url(../../..../../../images/user/t1/medal2.png) no-repeat;*/
/*}*/
/*.member-medal li.light03{*/
/*background:url(../../..../../../images/user/t1/medal3.png) no-repeat;*/
/*}*/
/*.member-medal li.light04{*/
/*background:url(../../..../../../images/user/t1/medal4.png) no-repeat;*/
/*}*/
/*.member-medal li.light05{*/
/*background:url(../../..../../../images/user/t1/medal5.png) no-repeat;*/
/*}*/
/*积分规则*/
.text-box {
    line-height: 30px;
    font-size: 15px;
}

.text-box h3 {
    line-height: 40px;
    padding-top: 20px;
    text-align: center;
    font-size: 16px;
}

.text-box p {
    margin: 5px 0;
}

.text-box .fb {
    font-size: 15px;
    padding-right: 5px;
}

/*表格*/
.main-box {
    padding: 0 20px 20px;
    background: #f2f2f2;
}

.main-plate {
    padding: 0 0px 20px;
    margin-top: 50px;
    /* border: 1px solid #cbcbcb; */
    border-radius: 3px;
    background: #fff;
}

.main .pages {
    clear: none;
    float: none;
    /*display: none;*/
}

.main .pages:before, .main .pages:after {
    display: table;
    content: "";
    clear: both;
}


.main-head {
    height: 96px;
    margin-bottom: 15px;
    padding: 23px 0 0 85px;
    /*background: url(../../../images/user/t1/gytjlc.jpg) no-repeat left top;*/
}

.main-head .title {
    font-size: 30px;
    font-weight: lighter;
    color: #fff;
}

.main-guid {
    height: 35px;
    /* padding: 0 10px; */
    line-height: 35px;
    /* background: #e5e5e5; */
    border-bottom: 1px solid #ccc;
    margin: 0 0 0 0px;
    /* border: none; */
}

.main-guid a, .main-guid span {
    position: relative;
    display: inline-block;
    /* margin-right: 10px; */
    padding: 0 20px;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    color: #fff;
    top: -1px;
    /* border-bottom: 2px solid transparent; */
    background: #9d9d9d;
    border-radius: 3px 3px 0 0;
}

.main-guid .current {
    font-size: 15px;
    color: #505050;
    border-bottom-color: #d3382a;
    position: relative;
    top;
    border: 1px solid #ccc;
    border-radius: 3px 3px 0 0;
    background: #fff;
    border-bottom: none;
    font-weight: bold;
}

.main-content, .table-content {
    padding: 15px;
    margin-top: -1px;
    /* border: 1px solid #cccccc; */
    border-radius: 0 3px 3px 3px;
}

.guid-step {
    position: relative;
    height: 75px;
    background: #fff;
}

.guid-step:before {
    display: none;
    position: absolute;
    content: "";
    left: 11px;
    right: 11px;
    height: 10px;
    font-size: 0;
    overflow: hidden;
    border: none;
    border-radius: 5px;
    top: 38px;
    z-index: 1;
    background: #fff;
    box-sizing: border-box;
}

.content-input .input-line {
    padding: 10px 0;
}

.content-input .input-line:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

.content-input .input-line .tip {
    display: block;
    margin-bottom: 0;
}

.content-input .input-label {
    line-height: 30px;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    font-weight: bold;
}

.content-input .input-line .input button {
    height: 30px;
    padding: 0px 15px;
    font-size: 12px;
    background: #3e7ab7;
    border: 0;
}

.content-input .input {
}

.content-input .input-tip {
    margin-top: 10px;
    line-height: 24px;
    background: #FFF;
    padding: 10px 20px;
}

.content-input .input-tip a {
    color: #368200;
}

.content-input input[type="text"], .content-input select, .content-input textarea {
    border-color: #e2e2e2;
    border-radius: 0px;
    /*	box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.1) inset*/
}

.content-input select {
    padding: 5px 8px;
}

.content-input .line-group {
    height: 65px;
    margin-bottom: 10px;
    padding: 15px 10px;
    background: #e6e6e6;
}

.content-input .line-group .input-line {
    float: left;
    margin-bottom: 0;
    margin-right: 15px;
}

.content-input .line-group .input-label, .content-input .line-group .input {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}

.input-group {
    position: relative;
    display: table;
    width: 450px;
    border-collapse: separate;
}

.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-btn button {
    background: #b31d0f;
    border-color: #b31d0f;
    border-radius: 0;
    height: 30px; /*??????*/
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.input-group-addon:first-child {
    border-right: 0;
}

.input-group .form-control {
    width: 100%;
    margin-bottom: 0;
}

.tags {
    min-height: 28px;
    padding: 6px 8px 3px;
    font-size: 14px;
    line-height: 20px;
    color: #303d3f;
    background: #fff;
    border: 1px solid #aeaeae;
    border-radius: 5px;
    vertical-align: middle;
    box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.1) inset;
}

.tags .tag {
    display: inline-block;
    position: relative;
    font-size: 13px;
    font-weight: normal;
    vertical-align: baseline;
    white-space: nowrap;
    background-color: #91b8d0;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
    padding: 4px 22px 5px 9px;
    margin-right: 3px;
    margin-bottom: 3px;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.tags .tag .close {
    font-size: 15px;
    line-height: 17px;
    opacity: 1;
    filter: alpha(opacity=100);
    color: #FFF;
    text-shadow: none;
    float: none;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 18px;
    text-align: center;
    background: transparent;
    border: 0;
}

.tags .tag .close:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

.class-sel .ui-menu {
}

.class-sel .ui-menu:before {
    top: -7px;
    left: 13px;
}

.class-sel .ui-menu:after {
    top: -6px;
    left: 14px;
}

.class-sel .ui-menu .ui-menu {
    top: 3px;
    left: 97%;
    bottom: -3px;
    width: auto;
    min-width: 150px;
}

.class-sel .ui-menu .ui-menu:before, .class-sel .ui-menu .ui-menu:after {
    display: none;
}

.padding-15 {
    padding: 15px;
}

.bg-white {
    background: #fff;
}

.pic-update {
    position: relative;
    padding: 15px;
}

.pic-update .pic-select {
    float: left;
    width: 175px;
    height: 217px;
    /*background: url(../../../images/user/t1/jiantou.png) no-repeat right center;*/
}

.pic-update .pic-select a {
    float: left;
    position: relative;
    text-align: center;
}

.pic-update .pic-select a span {
    display: block;
    color: #616161;
}

.pic-update .pic-select a input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}

.pic-update .pic-preview {
    margin-left: 170px;
    width: 350px;
}


.pic-update .preview-box {
    max-width: 300px;
    min-height: 300px;
    margin-top: 20px;
    padding: 10px;
    background: url(../../../images/pic-bg.gif);
    border: 1px dashed #aaa;
    border-radius: 4px;
    overflow-x: auto;
}

.pic-update .pic-confirm {
    position: absolute;
    right: 0;
    top: 0;
    width: 300px;
    padding-top: 70px;
}

.pic-update button {
    padding: 5px 10px;
    font-weight: bold;
    background: #8ca331;
    border: 0;
}

.cover-list, .type-list {
    margin: 0 23px;
    padding: 10px 0px;
}

.cover-list li, .type-list li {
    display: inline-block;
    position: relative;
    margin: 0 0px 5px;
    border: 3px solid #ccc;
}

.cover-list li:hover, .type-list li:hover {
    border-color: rgba(147, 54, 40, 0.1);
}

.cover-list .selected, .cover-list .selected:hover, .type-list .selected, .type-list .selected:hover {
    border-color: #ae3928
}

.cover-list li img {
    width: 225px;
    height: 142px;
}

.type-list {
    margin: 0;
    padding: 0;
}

.type-list li img {
    width: 80px;
    height: 100px;
}

.type-list li {
    margin-right: 10px;
}

.type-list span {
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    text-align: center;
    line-height: 30px;
}

.type-list span input[type="radio"] {
    vertical-align: sub;
}

.cover-move {
    position: relative;
    min-height: inherit !important;
}

.cover-move .cover-list {
    overflow: hidden;
}

.cover-move .cover-list ul {
    position: relative;
    width: 320%;
}

.cover-move .cover-list-arrow a {
    position: absolute;
    top: 10px;
    bottom: 10px;
    width: 23px;
    padding-top: 131px;
    font-size: 40px;
    text-align: center;
}

.cover-move .cover-list-arrow a:hover {
    background: #e5e5e5;
}

.cover-move .cover-list-arrow a i {
    vertical-align: middle;
}

.cover-move .cover-list-arrow .a-l {
    left: 0;
}

.cover-move .cover-list-arrow .a-r {
    right: 0;
}

.cover-sel li img {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.cover-sel li:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.cover-sel .selected img, .cover-sel .selected:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
}

.subject-sel {
    overflow: hidden;
    margin-bottom: 15px;
}

.subject-sel .input-box {
    float: left;
    width: 400px;
    padding: 0 5px 0 10px;
}

.subject-sel .input-box-title {
    height: 24px;
    background: #fafafa;
    border: 1px solid #d9d9d9;
    border-bottom: 0;
}

.subject-sel .input-box-title span {
    position: relative;
    margin: -1px 0 0;
    padding: 0 20px;
    font-size: 12px;
    line-height: 22px;
    color: #666666;
    background: transparent;
    border: 0;
    border-top: 2px solid #d55454;
}

.subject-sel .input-box-title span:before {
    border-top: 6px solid #df4141;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    left: 50%;
    margin-left: -7px;
    position: absolute;
    top: -2px;
}

.subject-sel .input-box-content {
    min-height: 256px;
    background: #fff;
    border: 1px solid #d9d9d9 !important;
    border-top: 0;
}

.subject-sel .right-box {
    position: relative;
    width: 536px;
    padding: 0 10px 0 5px;
}

.subject-sel .right-box #subject_1_input-box-content-list {
    overflow: auto;
    min-height: 256px;
    padding: 10px 7px 40px;
    background: #f0f0f0;
    border: 1px solid #d9d9d9;
    border-top: 0;
}

.subject-sel .right-box .input-box-content {
    min-height: 70px;
    margin-bottom: 5px;
    padding: 5px 5px 0;
    background: #fff;
    border: 1px solid #c0c0c0;
}

.subject-sel .right-box .selected {
    background: #f5e4e3;
    border: 1px solid #e09793;
}

.input-box-title {
    position: relative;
    height: 32px;
    padding: 0 10px;
    line-height: 26px;
    background: #eee;
    border-bottom: 1px solid #ccc;
}

.input-box-title a {
    display: inline-block;
    margin-right: 10px;
    padding: 0 10px;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    color: #fff;
    border-bottom: 2px solid transparent;
}

.input-box-title span, .input-box-title .current {
    position: relative;
    display: inline-block;
    float: left;
    margin: -1px 10px 0 0;
    padding: 0 20px;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    line-height: 32px;
    color: #666666;
    background: #fff;
    border: 0;
    border-top: 2px solid #d55454;
}

.input-box-title span:before, .input-box-title .current:before {
    border-top: 6px solid #df4141;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    left: 50%;
    margin-left: -7px;
    position: absolute;
    top: -2px;
}

.input-box-title .title-tools {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    font-family: Arial;
    margin: 0;
    padding: 5px 0;
    border: 0;
    line-height: 20px;
    background: transparent;
}

.input-box-title .title-tools:before {
    display: none;
}

.input-box-title .title-tools a {
    margin-left: 10px;
    padding: 0 5px;
    color: #fff;
    line-height: 18px;
    background: #a21e1e;
}

.input-box-title .title-tools a i {
    margin-right: 3px;
}

.input-box-title.t2 .title-tools {
    border: 0;
    height: inherit;
    padding: 10px 0;
}

.input-box-title.t2 .title-tools a {
    height: 25px;
    color: #91a543;
    line-height: 23px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.input-box-title.t2 {
    height: 47px;
    padding: 16px 15px;
    color: #7f7f7f;
    background: #fff;
}

.input-box-title.t2 span {
    height: 15px;
    padding: 0;
    padding-left: 7px;
    line-height: 15px;
    color: #7f7f7f;
    border: 0;
    border-left: 4px solid #e18b8b;
}

.input-box-title.t2 span:before {
    display: none;
}

.input-box-title .title-subclass {
    overflow: hidden;
    position: relative;
    float: left;
    width: 800px;
    height: 30px;
}

.input-box-title .switch {
    overflow: hidden;

    width: 780px;
    height: 30px;
    margin-left: -10px;
    padding: 0 15px;
}

.input-box-title .switch li {
    position: relative;
    float: left;
    height: 14px;
    margin: 9px 0 0px;
    padding: 0 7px;
    line-height: 14px;
    border-right: 1px solid #b7b7b7;
}

.input-box-title .switch li b {
    position: absolute;
    right: 1px;
    top: -11px;
    width: 14px;
    height: 14px;
    color: #555;
    font-weight: lighter;
    text-align: center;

    border-radius: 100%
}

.input-box-title .switch li b i {
    margin-right: 1px;
}

.input-box-title .switch li .current + b {
    background: #fff;
    border: 1px solid #555;
}

.input-box-title .switch li:last-child {
    border: 0;
}

.input-box-title .switch a {
    position: relative;
    top: -4px;
    display: inline-block;
    margin-right: 0;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 12px;
    color: #505050;
    border-radius: 3px;
}

.input-box-title .switch a i {
    margin-right: 2px;
}

.input-box-title .switch a:hover {
    background: #eee;
}

.input-box-title .switch .current {
    color: #fff;
    background: #e15d5b !important;

}

.input-box-title .title-subclass .add-input input[type="text"] {
    position: relative;
    top: -5px;
    width: 135px;
    height: 22px;
    padding: 0 5px;
    font-size: 12px;
    line-height: 22px;
}

.input-box-title .title-subclass .add-input button {
    position: relative;
    top: -5px;
    height: 22px !important;
    margin-left: 3px !important;
    padding: 0 5px !important;
    line-height: 18px;
    color: #fff !important;
    background: #a21e1e !important;
    border: 1px solid #ccc !important;
}

.input-box-title .title-subclass .add-input .cancel {
    color: #aaa !important;
    background: #fff !important;
    border-color: #ccc !important;
}

.input-box-title .switch-box {
    float: left;
}

.input-box-title .s-overhide {
    width: 570px;
}

.input-box-title .s-overhide .add-input {
    position: absolute;
    top: 9px;
    right: 0;
}


.input-box-sel {
    height: 34px;
    padding: 0 45px;
    line-height: 32px;
    background: #ebebeb;
}

.input-box-sel a {
    float: left;
    height: 34px;
    padding: 0 15px;
    color: #616161;
}

.input-box-sel .current {
    font-weight: bold;
    background: #fff;
}

.input-box-content {
    position: relative;
    padding: 1px;
    background: #fff;
    border-top: #CCCCCC 1px;
}

.input-box-content .input-box-content {
    border: 0;
}

.subject-sel .subject-list {
    overflow: auto;
    max-height: 165px;
    margin: 0;
    padding: 2px;
    list-style: none;
}

.subject-sel .subject-list:empty {
    padding: 0;
}

.subject-sel .subject-list li, .subject-sel .subject-list-more {
    overflow: hidden;
    position: relative;
    height: 31px;
    margin-bottom: 2px;
    padding-left: 15px;
    font-size: 12px;
    line-height: 30px;
    color: #333;

    border-bottom: 1px solid #e9e9e9;
}

.subject-sel .subject-list li .add-on {
    position: absolute;
    right: -65px;
    top: 0;
}

.subject-sel .subject-list li .add-on:before {
    position: absolute;
    content: "\f067";
    left: -10px;
    color: #b2b2b2;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
}

.subject-sel .subject-list li .add-on a {
    float: left;
    padding: 0 7px;
    color: #b2b2b2;
}

.subject-sel .subject-list li .add-on a:hover {
    text-decoration: none;
}

.subject-sel .subject-list li .add-on .add {

}

.subject-sel .subject-list li:hover {
    color: #fff;
    background: #d2544c;
    border-color: #d2544c;
}

.subject-sel .subject-list li:hover .add-on {
    right: 0;
}

.subject-sel .subject-list li:hover .add-on:before, .subject-sel .subject-list .added .add-on:before {
    display: none;
}

.subject-sel .subject-list li:hover .add-on a {
    color: #fff;
    background: rgba(0, 0, 0, 0.3) !important;
    margin-left: 1px;
}

.subject-sel .subject-list .added, .subject-sel .subject-list .added:hover {
    color: #333;
    background: #f5e4e3;
    border-bottom-color: transparent;
}

.subject-sel .subject-list .added .add-on a, .subject-sel .subject-list .added:hover .add-on a {
    color: #b9b9b9;
    margin: 0;
    background: rgba(0, 0, 0, 0.0) !important;
}

.subject-sel .subject-list .added:hover .add-on {
    right: -65px;
}

.subject-sel .subject-list-more {
    height: inherit;
    padding: 5px 10px;
}

.subject-sel .subject-list-more a {
    display: block;
    text-align: center;
    color: #555;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
}

.subject-sel .subject-list-more a:hover {
    background: rgba(0, 0, 0, 0.1)
}

.subject-sel .input-group {
    width: 381px;
    padding: 5px 10px;
    background: #f0f0f0;
}

.subject-sel .input-group input {
    height: 32px;
    border: 1px solid #d57b72;
}

.subject-sel .input-group-btn button {
    width: 50px;
    height: 32px;
}

.subject-sel .btn-add-group {
    position: absolute;
    bottom: 0;
    width: 507px;
    margin: 7px;
    padding: 5px 20px;
    font-weight: bold;
    color: #91a543;
    background: #fff;
    border: 1px solid #91a543;
    border-radius: 3px;
    height: 29px;
    line-height: 18px;
    font-size: 12px;
}


.subject-added {
    margin: 0;
    padding: 0;
    list-style: none;
}

.subject-added li {
    display: inline-block;
    position: relative;
    height: 27px;
    margin-bottom: 5px;
    margin-right: 3px;
    padding: 0 22px 0 5px;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    line-height: 25px;
    color: #333;
    background: #fff;;
    border: 1px solid #ccc;
    border-radius: 2px;
}

.subject-added li i {
    width: auto;
    height: auto;
    vertical-align: baseline;
}

.subject-added li i[class^="icon-subject"] {
    font-size: 12px;
}

.subject-added li .add-on:before {
    display: none;
}

.subject-added .close {
    width: 21px;
    font-size: 14px !important;
    line-height: 20px;
    text-shadow: none;
    float: none;
    position: absolute;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    color: #555 !important;
    padding: 6px 5px !important;
    text-align: center;
    background: transparent !important;
    border: 0;
    border-radius: 0;
}

.subject-added .close i {
    position: relative;
    top: -1px;
}

.subject-added .close:hover {
    background: rgba(0, 0, 0, 0.1) !important;
}

.icon-subject-and:before, .icon-subject-or:before {
    position: relative;
    height: 17px;
    color: #fff;
    margin-right: 5px;
    padding: 0 5px;
    font-family: "Microsoft YaHei" !important;
    line-height: 1.5;
    top: 4px;
    background: #e99490;
    border-radius: 0;
    vertical-align: top;
}

.icon-subject-and:before {
    content: "AND";
    font-family: 'Open Sans';
}

.icon-subject-or:before {
    content: "OR";
    font-family: 'Open Sans';
}

.tree-box {
    padding: 0 50px 9px;
}

.tree {
    padding-top: 9px;
    padding-left: 14px;
    overflow: visible !important;
}

.tree:before {
    top: -1px;
}

.tree .tree-item, .tree-box .tree .tree-folder {
    border: 0;
}

.tree-build .tree .tree-item, .tree-build .tree .tree-folder .tree-folder-header {
    margin: 10px 0 55px;
    padding: 3px 5px;
    height: auto;
}

.tree .tree-item:hover, .tree .tree-folder .tree-folder-header:hover {
    background: transparent;
}

.tree .icon-plus[class*="icon-"]:first-child:before {
    font-size: 13px;
}

.tree:before, .tree .tree-folder:before, .tree .tree-item:before, .tree .tree-folder .tree-folder-content:before {
    border-color: #aaa;
}

.tree .tree-folder .tree-folder-content:before {
    top: -67px;
}

.tree .icon-plus[class*="icon-"]:first-child, .tree .icon-minus[class*="icon-"]:first-child, .tree .tree-item > [class*="icon-"]:first-child {
    border-color: #aaa;
}

.tree-build .tree .tree-folder-name, .tree-build .tree .tree-item-name {
    position: relative;
    display: inline-block !important;
    padding: 0 32px 0 7px;
    font-size: 14px !important;
    line-height: 24px;
    background: #fcfcfc;
    border: 1px solid #ccc;
}

.tree-build .tree .tree-folder-name:before, .tree-build .tree .tree-item-name:before, .tree-build .tree .tree-name-more:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 11px;
    left: -7px;
    width: 6px;
    height: 0;
    border-top: 1px dotted #aaa;
    z-index: 1;
}

.tree .tree-folder:before, .tree .tree-item:before {
    top: 15px;
}

.tree .name-tools {
    position: absolute;
    right: 0;
    top: 0;
    width: 26px;
    height: 26px;
    padding: 4px;
    text-align: center;
    line-height: 24px;
    border-left: 1px solid #ddd;
}

.tree .name-tools [class^="icon-"], .tree .name-tools [class*=" icon-"] {
    font-size: 16px;
}


.tree .tree-name-more {
    position: absolute;
    max-height: 70px;
    display: inline-block !important;
    margin-left: 5px;
    margin-top: -6px;
    padding: 5px 5px 0;
    font-size: 14px !important;
    line-height: 24px;
    background: #e2e2e2;
    border: 1px dotted #aaa;
    vertical-align: bottom;
}

.tree .tree-name-more:before {
    top: 17px !important;
}

.tree .tree-name-more .subject-added {
    overflow: hidden;
    max-height: 62px;
}

.tree .tree-name-more .subject-added li {
    float: left;
    height: 26px;
    color: #777;
    background: #fcfcfc;
    margin: 0 5px 5px 0;
    padding: 0 25px 0 5px;
    line-height: 24px;
    border: 1px solid #ccc;
}

.tree .tree-name-more .icon-subject-and:before, .tree .tree-name-more .icon-subject-or:before {
    line-height: 1.4;
    margin-right: 3px;
    top: -1px;
}

.tree .tree-name-more .subject-added .close {
    width: 21px;
    padding: 1px 3px !important;
    line-height: 23px;
}

.tree .ui-menu {
    right: 0;
    left: auto;
    min-width: 100px;
}

.tree .ui-menu:before {
    top: -7px;
    left: auto;
    right: 5px;
}

.tree .ui-menu:after {
    top: -6px;
    left: auto;
    right: 6px;
}

.tree .ui-menu .ui-menu-item a {
    padding: 2px 10px 3px 5px;
    font-size: 12px;
}

.journal-add .input-box {
    margin-left: 230px;
}

.journal-add .left-catalog {
    float: left;
    width: 220px;
    margin: 0;
}

.journal-add .left-catalog .tree-box {
    overflow: hidden;
    padding: 0 10px 10px;
}

.journal-add .left-catalog .tree .tree-folder .tree-folder-content:before {
    top: -14px;
}

.journal-add .tree .tree-selected {
    color: #fff !important;
    background: #916f5d !important;
    border-radius: 25px;
}

.journal-add .tree .tree-folder .tree-folder-header .tree-folder-name, .journal-add .tree .tree-item .tree-item-name, .journal-add .tree .tree-item, .journal-add .tree .tree-folder .tree-folder-header {
    white-space: nowrap;
}

.journal-add .tree .tree-folder:last-child:after {
    left: -14px;
    border-left: 1px solid #f0f0f0;
}


.journal-list li, .journal-list-head {
    position: relative;
    /*display: table;*/
    width: 100%;
    padding: 10px 130px 10px 55px;
    line-height: 20px;
    color: #9c9c9c;
    border-bottom: 1px solid #ddd;

}

.journal-list li.no-data {
    width: 100% !important;
    display: block !important;
    max-width: none;
}

.journal-list .loading {
    font-size: 16px;
}

.journal-list .loading i {
    vertical-align: middle;
}

.journal-list {

}

.journal-list li:hover {
    background: rgba(255, 255, 255, 0.4);
}

.journal-list li span, .journal-list-head span {
    overflow: hidden;
    /*display: table-cell;*/
    display: inline-block;
    margin-right: 5px;
    height: 21px;
    text-overflow: ellipsis;
}

.journal-list li span:empty, .journal-list-head span:empty {
    display: none;
}

.journal-list li .list-sel, .journal-list-head .list-sel {
    position: absolute;
    width: 20px;
    left: 10px;
}

.journal-list li .title, .journal-list-head .title {
    width: auto;
    margin-right: 5px;
    font-size: 14px;
}

.journal-list li .issn, .journal-list-head .issn {
    margin-right: 5px;
}

.journal-list li .type, .journal-list-head .type {
    color: #70962f;
    text-align: center;
}

.journal-list li .year, .journal-list-head .year {
    margin-right: 5px;
    color: #bfbfbf;
}

.journal-list li .core, .journal-list-head .core {
    margin-right: 5px;
}

.journal-list li .core span {
    position: relative;
    display: inline-block;
    top: 1px;
    height: 17px;
    padding: 0 5px;
    margin-right: 3px;
    line-height: 15px;
    color: #70962f;
    border: 1px solid #70962f;
}

.journal-list li .unit, .journal-list-head .unit {
    margin-right: 5px;
    color: #666666;
}

.journal-list li .en {
    margin: 0 20px 0 10px;
    line-height: 23px;
}

.journal-list li .abstract {
    display: block;
}


.journal-list li .list-tools, .journal-list-head .list-tools {
    position: absolute;
    right: 15px;
    top: 10px;
    height: 26px;
    text-align: right;
}

.journal-list li .list-tools select {
    padding: 1px;
    font-size: 12px;
}

.journal-list li .list-tools a {
    display: inline-block;
    margin: 0 3px;
    padding: 0 5px;
    text-align: center;
}

.journal-list li .list-tools a i {
    position: relative;
    top: 1px;
    margin-right: 2px
}

.journal-list li .list-tools a .icon-plus {
    top: 2px;
}

.journal-list li .list-tools .sel-class {
    position: absolute;
    border: 1px solid #ccc;
    padding: 5px;
    overflow: visible;
    height: auto;
    width: 158px;
    display: block;
    background: #f4f5f3;
    right: 19px;
    top: -6px;
    white-space: normal;
}

.journal-list li .list-tools .sel-class select {
    height: 22px;
    font-size: 12px;
    padding: 0;
    float: left;
}

.journal-list li .list-tools .sel-class a {
    background: #a21e1e;
    color: #fff;
}

.journal-list li .writer, .journal-list-head .writer {

    text-align: center;
}

.journal-list li .check, .journal-list-head .check {
    width: 30px;
    text-align: center;
}

.journal-list li .num, .journal-list-head .num {
    color: #c93d2f;
    line-height: 18px;
}

.journal-list-head {
    display: none;
}

.journal-list li a {
    color: #373737;
}

.journal-list .added {
    background: #fafafa;
}

.journal-list .added, .journal-list .added a {
    color: #ccc !important;
}

.journal-list .recommend-w {
    position: relative;
    background: #fff;
    margin-top: -1px;
    border-bottom: 1px solid #ccc;
    padding: 0 10px 10px 35px;
}

.journal-list .recommend-w textarea {
    background: url(../../../images/user/t1/recommend-w-bg.png) repeat-x top #fefefe;
    border-radius: 5px 5px 0 0;
    min-height: 60px;
}

.journal-list .recommend-w .submit {
    height: 31px;
    margin: 0;
    padding: 0;
    background: #fbfbfb;
    text-align: right;
    border: 1px solid #ccc;
    border-radius: 0 0 5px 5px;
    display: block;
    margin-top: -1px;
}

.journal-list .recommend-w .submit input {
    padding: 0 5px;
    line-height: 29px;
    background: #f7f7f7;
    border: 0;
    border-radius: 0;
    border-left: 1px solid #ccc;
    width: 99px;
    font-size: 14px;
    font-weight: bolder;
}

.order-search .top-search {
    padding: 15px 20px;
    background: #fafafa;
    border-bottom: 1px solid #ccc;
}

.order-search .top-search label i {
    margin-right: 3px;
}

.order-search .top-search .input {
    margin-left: 0;
}

.order-search .top-search button {
    background: #a21e1e !important;
}

.order-search .journal-list li {
    padding-left: 20px;
}

.order-search .list-tools a {
    display: inline-block;
    padding: 2px 5px;
    color: #fff;
    line-height: 19px;
    background: #91a543;
    border: 1px solid #c8d2a1;
    border-radius: 3px;
}

.order-search .list-tools .cancel {
    color: #aaa;
    background: #fff;
    border-color: #ccc;
}

.solution-list dl {
    position: relative;
    padding: 10px 15px;
    color: #777;
    border-bottom: 1px solid #ddd;
}

.solution-list dt {
    margin-bottom: 5px;
    padding-right: 50px;
}

.solution-list dt a {
    font-size: 14px;
    font-weight: bold;
    color: #373737;
}

.solution-list dd {
    line-height: 20px;
}

.solution-list .del {
    position: absolute;
    right: 15px;
    top: 10px;;
}

.solution-list .edit {
    position: absolute;
    right: 60px;
    top: 10px;;
}

.solution-list .movedown {
    position: absolute;
    right: 105px;
    top: 10px;;
}

.solution-list .moveup {
    position: absolute;
    right: 150px;
    top: 10px;;
}


.h-check dl {
    padding-left: 35px;
}

.h-check .check {
    position: absolute;
    left: 5px;
    top: 12px;
}

.h-check .writer span {
    margin-right: 2em;
    color: #b2b2b2;
}

.attachment {
    display: inline-block;
    margin: 5px -5px -5px;
    padding: 3px 5px;
    background: #fff;
    border: 1px dotted #ccc;
}

.attachment .title {
    margin-bottom: 3px;
    color: #333;
}

.attachment .title i {
    margin-right: 2px;
}

.attachment .title span {
    color: #999;
}


.attachment-list {
    margin: 0;
}

.attachment-list a {
    display: inline-block;
    max-width: 150px;
    margin-right: 10px;
    padding: 0 2px;
    color: #333;
}

.attachment-list a span {
    display: block;
    margin-left: 37px;
    overflow: hidden;
    height: 20px;
}

.attachment-list a i {
    float: left;
    margin-top: 1px;
    font-size: 36px;
}


.attachment-list .size {
    color: #999;
}

.left-content {
    float: left;
    width: 525px;
    margin: 0px 10px;
    border: 1px solid #ccc;
}

.left-content .input-box-title {
    position: relative;
}

.left-content .input-box-title {
    position: relative;
}

.left-content .input-box-title .op-btn {
    position: absolute;
    right: 0;
    top: 1px;
}

.solution-edit {
    margin: 7px 10px;
    margin-left: 546px;
    border: 1px solid #ccc;
}

.solution-edit .input-box-content {
    background: #f8f8f8;
}

.solution-edit .input-line {
    margin-bottom: 0;

}

.solution-edit .input-label, .solution-edit .input {
    display: inline-block;
    vertical-align: top;
}

.solution-edit .input-edit {
    padding: 0 10px 5px;
}

.solution-edit .submit {
    padding: 0;
    padding-left: 47px;
    text-align: left;
    background: transparent;
}

.solution-edit .submit input {
    color: #fff;
    font-weight: lighter;
    background: #e66565;
}

.solution-edit .fle {
    overflow: hidden;
    max-width: 100px;
    height: 30px;
}

.no-icon a {
    display: inline-block;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #ccc;
}

.no-icon a:last-child {
    border: 0;
}

.no-icon a span {
    display: inline;
    margin: 0;

}

.no-icon a i {
    display: none;
}


.wizard-steps {
    list-style: none;
    display: table;
    width: 100%;
    padding: 5px 15px 0;
    margin: 0;
    position: relative;
}

.wizard-steps li {
    display: table-cell;
    text-align: center;
    width: 1%;
}

.wizard-steps li:before {
    display: block;
    content: "";
    width: 100%;
    height: 0px;
    font-size: 0;
    overflow: hidden;
    border-top: 4px solid #ced1d6;
    position: relative;
    top: 21px;
    z-index: 1;
}

.wizard-steps li .step {
    border: 3px solid #fff;
    color: #fff;
    font-size: 12px;
    border-radius: 100%;
    background-color: #c2c2c2;
    position: relative;
    z-index: 2;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: 3px;
    line-height: 23px;
    text-align: center;
    box-shadow: 0 0 8px 8px rgba(0, 0, 0, 0.3) inset;
}

.wizard-steps li .title {
    display: block;
    margin-top: 0px;
    max-width: 100%;
    color: #949ea7;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    z-index: 104;
    text-align: center;
    table-layout: fixed;
    word-wrap: break-word;
}

.wizard-steps li.complete .step {
    cursor: default;
    -webkit-transition: transform ease .1s;
    transition: transform ease .1s;
}

.wizard-steps li.active:before {
    border-color: #aac053;
}

.wizard-steps li.active .step {
    color: #fff;
    background: #aac053;
}

.wizard-steps li.active .title {
    color: #719100;
}

.wizard-steps li.complete:before {
    border-color: #a44ca3;
}

.wizard-steps li.complete .step {
    color: #fff;
    background: #a44ca3;
}

.wizard-steps li.complete .title {
    color: #7d527d;
}

.submit {
    margin: 0px 0 0px 0px;
    text-align: center;;
    padding: 30px 0px;
}

.submit input {
    padding: 5px 20px;
    font-weight: bold;
    color: #000;
    border: #CCCCCC solid 1px;
    border-radius: 5px;
    background: #FFFFFF;
}

.input-type2 {
    padding: 20px 50px;
}

.input-type2 .input-line {
}

.input-type2 .input-label, .input-type2 .input {
    font-size: 14px;
    line-height: 34px;
    margin: 0;
    padding: 0;
}

.input-type2 .input-label {
    float: left;
    width: 10em;
    text-align: right;
}

.input-type2 .input {
    margin-left: 7em;
    min-height: 34px;
}

.input-type2 input[type="text"] {
    width: 450px;
}

.input-type2 .input-label + .input-assembly-info {
    margin-left: 12em;
}

.label8 .input-label {
    width: 8em;
}

.label8 .input {
    margin-left: 8em;
}


.input-in-box {
    margin-bottom: 25px;
}

.input-in-box h4 {
    height: 30px;
    margin-bottom: 20px;
    padding: 3px 5px;
    line-height: 24px;
    background: #e5e5e5;
    border-bottom: 1px solid #ccc;
}

.input-in-box h4 .title {
    display: inline-block;
    height: 24px;
    padding-left: 1em;
    font-size: 15px;
    border-left: 3px solid #931516
}

.input-in-box h4 .tip {
    float: right;
    font-size: 12px;
    color: #999;
}

/*--- index ---*/
.my-info {
    position: relative;
    height: 140px;
    margin-bottom: 15px;
    padding: 15px;
    padding-left: 150px;
    background: #fcfcfc;
}

.my-info:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: -5px;
    height: 5px;
    /*background: url(../../../images/user/t1/my-info-bottom.png) no-repeat;*/
}

.my-info .user-name {
    display: inline-block;
    font-size: 18px;
    font-family: "Microsoft YaHei";
    font-weight: bold;
    line-height: 36px;
    color: #4e4e4e;
    margin-bottom: 15px;
    margin-top: 6px;
}

.my-info .user-name span {
    margin-left: 5px;
    font-size: 14px;
    font-family: Arial;
    color: #ca281b;
    font-weight: lighter;
}

.my-info .user-pic {
    position: absolute;
    left: 15px;
    top: 15px;
    width: 110px;
    height: 110px;
    background: url(../../../images/user/t1/user-pic-default.png) no-repeat;
    background-size: contain;
    background-color: #F1F1F1;
}

.my-info .user-pic img {
    width: 110px;
    height: 110px;
}

.my-info .login-info {
    margin-left: 2em;
    display: inline-block;
    color: #7f7f7f;
}

.my-info .info {
    color: #999;
}

.my-info .info ul {
    overflow: hidden;
}

.my-info .info li {
    float: left; /* min-width: 110px; */
    line-height: 18px;
    position: relative;
    padding: 2px 0; /* text-align: center; */
    margin-right: 15px;
    padding-right: 20px;
}

.my-info .info li:before {
    content: "";
    border-right: 1px solid #ccc;
    height: 42px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.my-info .info li:last-child:before {
    display: none
}

.my-info .info i {
    float: left;
    display: inline-block;
    width: 40px;
    margin-top: -2px;
    height: 40px;
    margin-right: 7px;
    background: url(../../../images/user/t1/icon-info.png) no-repeat;
}

.my-info .info .icon-i2 {
    background-position: -40px 0;
}

.my-info .info .icon-i3 {
    background-position: 0 -40px;
}

.my-info .info .icon-i4 {
    background-position: -40px -40px;
}

.my-info .info .icon-i5 {
    background-position: -80px 0;
}

.my-info .info .icon-i6 {
    background-position: -80px -40px;
}

.my-info .info a {
    color: #383838;
    font-size: 18px;
    text-decoration: underline;
    font-family: Arial;
}

.my-info .info a b {
    color: #ca281b;
}

.my-info .info a .loading {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: inherit;
}

.my-info .info a .loading:hover {
    color: #333333;
    background-color: transparent;
}

.my-info .info a .loading:hover [class*="loader-"] {
    font-size: inherit;
}

.my-info .info a .loading .loader-l4 {
    display: inline-block;
    margin: 0;
}

.my-info .info span {
    display: block;
    white-space: nowrap;
    margin-left: 45px;
}

.my-info .news {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #666666;
}

.my-info .news i {
    margin-right: 4px;
}

.my-info .op {
    position: absolute;
    right: 20px;
    top: 20px;
}

.my-info .op a {
    display: inline-block;
    width: 160px;
    height: 40px;
    font-size: 14px;
    line-height: 39px;
    color: #fff;
    background: #bf6565;
    border: 1px solid #bf6565;
    border-radius: 3px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.my-info .op a i {
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: #fff;
    display: inline-block;
    margin-right: 8px;
    color: #bf6565;
    border-radius: 100%;
}

.my-info .op a.op-cancel {
    color: #555;
    background: #D8D8D8;
    border-color: #bfbfbf
}

.my-info .op a.op-cancel i {
    color: #555;
}


.index-box {
    margin: 0;
    margin-bottom: 10px;
    background: #fff;
}

.index-box-head {
    height: 40px;
    padding: 0 8px;
    line-height: 40px;
    border-bottom: 1px solid #f0f0f0;
    background: #fff;
}

.index-box-head .title {
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 0 5px;
    border-bottom: #999999 solid 2px;
    margin-top: -2px;
}

.index-box-head .num {
    margin-left: 20px;
}

.index-box-head .num b {
    font-size: 14px;
}

.index-box-head .time, .index-box-head .more {
    float: right;
    padding: 0 5px;
    color: #999999;
}

.index-box-head .more i {
    margin-right: 3px;
    font-size: 14px;
}

.index-box-content {
    padding: 15px;
}

.index-box-content .graph {
    position: relative;
    margin: -15px;
    text-align: center;
}

.index-box-content .graph-box {
    position: relative;
    height: 230px;
    padding: 20px;
    border-right: 1px solid #e4e4e4;
}

.index-box-content .graph-box:last-child {
    border-right: 0;
}

.index-box-content .graph-box .graph-tip-right {
    position: absolute;
    right: 20px;
    top: 10px;
    padding: 5px 10px;
    line-height: 18px;
    background: rgba(244, 225, 156, .6);
    border: 1px solid #f4e19c;
    border-radius: 10px;
}

.index-box-content .graph-box .graph-tip-right p {
    margin: 4px 0;
}

.index-box-content .graph-box .graph-tip-right b {
    font-size: 14px;
}

.index-box-content .graph-box .graph-ch-info {
    margin-bottom: 20px;
    font-family: Microsoft YaHei;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}

.index-box-content .graph-box .graph-ch-pic {
    position: relative;
    width: 125px;
    height: 124px;
    margin: 0 auto;
    background: url(../../../images/user/t1/user-ch-pic.png) no-repeat;
}

.index-box-content .graph-box .graph-ch-pic.no-ch {
    background-image: url(../../../images/user/t1/user-ch-pic-no.png)
}

.index-box-content .graph-box .graph-ch-pic .graph-ch {
    position: absolute;
    width: 97px;
    height: 26px;
    left: 50%;
    bottom: 24px;
    margin-left: -48px;
    font-family: Microsoft YaHei;
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    text-align: center;
}

.index-box-content .graph .time-switch {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 9;
}

.index-box-content .graph .time-switch a {
    float: left;
    width: 53px;
    height: 24px;
    line-height: 23px;
    color: #3c3c3c;
    text-align: center;
    background: #edeaea;
}

.index-box-content .graph .time-switch .current {
    color: #fff;
    background: #ff413f;
}

.time-detail {
    position: absolute;
    left: 15px;
    top: 15px;
    width: 340px;
    padding: 13px;
    text-align: left;
    color: #fff;
    background: rgba(96, 134, 178, 0.8)
}

.time-detail .time {
    display: inline-block;
    margin-left: 2px;
    margin-bottom: 5px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: bold;
    line-height: 26px;
    color: #333333;
    background: #e6ecf2;
}


.time-detail ul {
    position: relative;
    list-style-type: disc;
    list-style-position: inside;
}

.time-detail ul:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: -31px;
    bottom: 0;
    left: 2px;
    border: 1px solid #fff;
    border-width: 0 0 0 1px;
    z-index: 1;
}

.time-detail li {
    height: 26px;
    padding: 3px 0;
    font-size: 14px;
    line-height: 20px;
}

.time-detail li a {
    font-size: 12px;
    color: #fff;
}

.index-head {
    overflow: hidden;
    padding-top: 100px;
    background: url(../../..../../../images/user/t1/my-lib-index-top.jpg) no-repeat;
    zoom: 1;
}

.index-head .index-box-head, .view-head .index-box-head {
    background: #fff
}

.index-head .index-box-head .title, .view-head .index-box-head .title {
    position: relative;
    height: 40px;
    border-bottom: 2px solid #c24445;
    top: 2px;
}

.index .collect-move {
    position: relative;
    overflow: hidden;
    height: 183px;
    margin: 0 -10px;
    padding: 0 10px;
}

.index .collect-list, .user-view .collect-list {
    padding: 0;
    background: transparent;
}

.index .collect-move .collect-list {
    position: relative;
    width: 1000%;
}

.index .collect-list dl, .user-view .collect-list dl {
    width: 95px;
    height: 183px;
    margin: 0 10px;
    padding: 135px 0 0;
    background: transparent;
    border: 0;
}

.index .collect-list .no-data {
    width: 10% !important;
}

.index .collect-list .cover, .user-view .collect-list .cover {
    top: 0;
    left: 0;
    height: auto;
    overflow: visible;
    padding: 0;
}

.index .collect-list .cover img, .user-view .collect-list .cover img, .index .collect-list .cover span.default-cover, .user-view .collect-list .cover span.default-cover {
    width: 95px !important;
    height: 130px !important;
}

.index .collect-list dt, .user-view .collect-list dt {
    overflow: hidden;
    padding: 0;
    height: 24px;
    line-height: 24px;
}

.index .collect-list dt a, .user-view .collect-list dt a {
    font-size: 12px;
}

.index .collect-list .no-cover, .user-view .collect-list .no-cover {
    height: 165px;
    padding: 5px;
    line-height: 155px;
    background: url(../../../images/user/t1/no-cover-bg2.png) no-repeat;
}

.index .collect-list .no-cover dt, .user-view .collect-list .no-cover dt {
    overflow: hidden;
    width: 78px;
    height: auto;
    max-height: 80px;
    margin-top: -5px;
    text-overflow: ellipsis;
    vertical-align: middle;
    padding: 0;
}

.index .collect-list .no-cover dt a, .user-view .collect-list .no-cover dt a {
    font-size: 12px;
}

.index .collect-list dd, .user-view .collect-list dd {
    overflow: hidden;
    height: 24px;
}

.index .collect-list .no-cover .cover img, .user-view .collect-list .no-cover .cover img {
    height: 110px;
}

.index .collect-list .no-cover .author, .user-view .collect-list .no-cover .author {
    left: 3px;
    bottom: 0;
}

.index .collect-list .no-cover dt i, .user-view .collect-list .no-cover dt i {
    top: 8px;
    left: 8px;
}


.index .move-arrow a {
    position: absolute;
    top: 33%;

    font-size: 18px;
    color: #cdcdcd;
}

.index .move-arrow .a-l {
    left: 0;
}

.index .move-arrow .a-r {
    right: 3px;
}

.index .discuss-detail dl {
    position: relative;
}

.index .discuss-detail dt {
    margin-bottom: 5px;
    font-family: "Microsoft YaHei";
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
}

.index .discuss-detail dt a {
    color: #333;
}

.index .discuss-detail dd {
    padding: 3px 0;
    line-height: 18px;
}

.index .discuss-detail .user-pic {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 3px;
    padding: 0;
    background: url(../../../images/user/t1/user-pic-default.png) no-repeat;
    border-radius: 100%;
    background-size: contain;
    vertical-align: middle;
}

.index .discuss-detail .user-pic img {
    width: 20px;
    height: 20px;
    border-radius: 100%;
}

.index .discuss-detail .user-name, .index .discuss-detail .discuss-title {
    display: inline-block;
}

.index .discuss-detail .discuss-title {
    font-weight: bold;
}

.index .discuss-detail .user-name a {
    margin-right: 3px;
    color: #999;
}

.index .discuss-detail .discuss-intro p {
    margin: 0 0 1em 0;
}

.index .discuss-detail .op {
    margin-top: 10px;
    color: #aaa;
    text-align: right;
}

.index .discuss-detail .op span {
    margin-left: 2em;
}

.index .discuss-detail .op span span {
    margin: 0;
}

.index .discuss-detail .op a {
    color: #aaa
}

.index .discuss-detail .op a i {
    margin-right: 3px;
}

.index .type-d .zt-pic {
    display: none;
}

.index .type-d .cover {
    display: none;
    float: left;
    overflow: hidden;
    width: 80px;
    height: 44px;
    margin-right: 5px;
}

.index .type-d .cover img, .index .type-d .cover span.default-cover {
    width: 80px !important;
    height: 111px !important;
}

.index .type-d .cover img {
    width: 80px;
}

.index .d-cover .cover {
    display: block;
}

.index .d-cover .discuss-title {
    display: block;
}


.index .type-s .cover {
    display: none;
    position: absolute;
    width: 110px;
    left: 0;
    top: 0;
}

.index .type-s .cover img {
    width: 108px;
    height: 150px;
}

.index .type-s .cover span {
    overflow: hidden;
    display: block;
    height: 30px;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 12px;
    line-height: 30px;
}

.index .type-s .article-name {
    font-size: 14px;
    font-weight: bold;
}

.index .type-s .article-name i {
    position: relative;
    top: -1px;
    font-weight: lighter;
}

.index .type-s .article-name i:after {
    padding: 2px 4px;
}


.index .s-pic dl {
    padding: 0 0 0 125px;
}

.index .s-pic .cover {
    display: block;
}

.index .s-pic .discuss-intro {
    min-height: 130px;
}

.user-view .index-box {
    display: block;
    width: auto;
}

.view-list .index-box-head {
    padding-top: 7px;
    line-height: 17px;
}

.view-list .index-box-head .title {
    border-left: 4px solid #738090;
    border-bottom: 0;
}

.record-list {
    overflow: hidden;
    zoom: 1;
}

.record-list li {
    float: left;
    width: 50%;
    padding: 5px 20px 5px 0;
    line-height: 20px;
}

.user-view .collect-list dl {
    margin: 0 12px;
}

.lib-list {
    overflow: hidden;
    zoom: 1;
}

.lib-list dl {
    float: left;
    position: relative;
    width: 170px;
    height: 205px;
    margin: 0 11px;
    padding: 120px 10px 10px;
    background: #fff;
    border: 1px solid #dedede;
}

.lib-list dt {
    overflow: hidden;
    height: 24px;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 24px;
}

.lib-list dd {
    color: #999;
    line-height: 20px;
}

.lib-list dd b {
    color: #931516;
}

.lib-list .pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 170px;
    height: 115px;
    border-bottom: 1px solid #dedede;
}

.lib-list .pic img {
    width: 170px;
    height: 115px;
}

.lib-list .op {
    margin-top: 5px;
}

.lib-list .op .btn {
    font-size: 12px;
    padding: 1px 15px;
    color: #555;
    background: transparent;
    border: 1px solid #a7a7a7;
}

.news-list {
    overflow: hidden;
    padding-top: 15px;

    zoom: 1;
}

.news-list .tip {
    margin-bottom: 10px;
    padding: 0px 10px;
    background: #f7e5e5;
}

.news-list .tip b {
    color: #D45657;
}

.news-list dl {
    position: relative;
    min-height: 80px;
    margin-bottom: 10px;
    padding: 10px 10px 10px 95px;
    background: #fff;
    border: 1px solid #ddd;
}

.news-list dt {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 3px;
    color: #333;
}

.news-list dt a {
    color: #333;
}

.news-list dt .to a {
    margin: 0 3px;
    color: #a21e1e;
}

.news-list dt .from a {
    margin: 0 3px;
    color: #2e8b57;
}

.news-list dd {
    color: #999;
}

.news-list .check {
    position: absolute;
    left: 5px;
    top: 10px;
}

.news-list .time {
    display: inline-block;
    margin-left: 2em;
    color: #999;
}

.news-list .user-pic {
    position: absolute;
    left: 20px;
    top: 10px;
    width: 60px;
    height: 60px;
    background: url(../../../images/user/t1/user-pic-default.png) no-repeat;
    border-radius: 100%;
    background-size: contain;
}

.news-list .user-pic img {
    width: 60px;
    height: 60px;
    border-radius: 100%;
}

.news-list .ddTitle a {
    color: #555;
}

.news-list .read {
    position: absolute;
    right: 15px;
    top: 10px;
    color: #7e9f46;
}

.news-list .read i {
    margin-right: 3px;
}

.news-list .op {
    text-align: right;
}

.news-list .op .btn {
    font-size: 12px;
    padding: 1px 15px;
    color: #555;
    background: transparent;
    border: 1px solid #a7a7a7;
}

.news-list .op .btn {
    font-size: 13px;
}

.news-list .no-data {
    margin-bottom: 10px !important;
    background: #fff !important;
}

.list-op {
    line-height: 24px;
}

.list-op span {
    margin-right: 10px;
}

.list-op button {
    margin-right: 10px;
    padding: 5px 15px;
    font-size: 12px;
    line-height: 15px;
    border: 0;
}

.list-op .del {
    background: #3e7ab7;
}

.list-op .mark {
    background: #7e9f46;
}

.list-op .op-left {
    float: left;
    padding: 5px 15px;
}

.list-op .op-group button {
    margin: 0;
}

.list-op .op-group button:first-child {
    border-radius: 3px 0 0 3px;
    color: #fff;
    background: #ae3928;
}

.list-op .op-group button:last-child {
    padding: 4px;
    border-radius: 0 3px 3px 0;
    color: #555;
    background: #fff;
    border: 1px solid #ae3928;
}

.list-op .op-left .export {
    background: #3e7ab7
}

.list-op .op-left .del {
    background: #f93549; /*border: 1px solid #ae3928;color: #555;*/
}


.news-send .input-type2 {
    padding: 20px 0;
}

.news-send .tip {
    display: block;
    font-size: 12px;
    color: #777;
}

.news-send .select {
    display: inline-block;
    margin-left: 8px;
}

.news-send .select .btn {
    height: 30px;
    padding: 3px 15px;
    font-size: 12px;
    line-height: 24px;
    background: #3e7ab7;
    border: 0;
}

.news-send .news-input {
    display: inline-block;
    min-height: 30px;
    padding: 6px 8px 3px;
    font-size: 14px;
    line-height: 30px;
    color: #303d3f;
    background: #fff;
    border: 1px solid #d7d7d7;
    /*border-radius: 5px;*/
    /*box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.1) inset;*/
    vertical-align: middle;
}

.news-send .select-user {
    position: relative;
}

.news-send .select-user .input-line {
    margin-right: 99px;
}

.news-send .select-user .select a {
    display: none;
}

.select-user .w-w8, .select-user .w-w9 {
    width: 90%;
}

.select-user-box {
    display: none;
}

.select-user .select-user-box {
    display: block;
    position: absolute;
    right: 15px;
    top: 86px;
    width: 155px;
    height: 226px;
    color: #303d3f;
    background: #fff;
    border: 1px solid #aeaeae;
    border-radius: 5px;
    box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.1) inset;
}

.select-user .select-user-box h5 {
    height: 30px;
    padding: 3px 15px;
    line-height: 24px;
    font-size: 12px;
    font-weight: lighter;
    font-family: Tahoma;
    background: #eee;
}

.select-user .select-user-box h5 .close {
    position: absolute;
    right: 10px;
    top: 2px;
}

.select-user .select-user-box .user-list {
    overflow: auto;
    height: 192px;
    margin: 0 5px 3px;
    padding: 5px 0;
    border-top: 1px solid #ccc;
}

.select-user .select-user-box .user-list a {
    display: block;
    padding: 0 10px;
    line-height: 25px;
}

.select-user .select-user-box .user-list a:hover {
    background: #eee;
}

.select-user .select-user-box .user-list .selected a {
    color: #aaa;
    background: #eee;
}

.news-input .user-list {
    overflow: hidden;
}

.news-input .user-list li {
    position: relative;
    float: left;
    margin-right: 3px;
    margin-bottom: 3px;
    line-height: 16px;
    color: #777;
}

.news-input .user-list li a {
    display: none;
    position: absolute;
    right: -12px;
    top: 0;
    width: 16px;
    height: 16px;
    color: #fff;
    text-align: center;
    z-index: 1;
}

.news-input .user-list li:hover {
    color: #fff;
    background: #6fb3e0;
}

.news-input .user-list li:hover a {
    display: block;
    background: #4f99c6;
    opacity: 1;
    filter: alpha(opacity=100);
}

/*--- ??? ---*/
.top-filter {
    padding: 5px 10px;
    background: #fff;
}

.filter-content .filter-line {
    position: relative;
    margin-bottom: 5px;
    padding-bottom: 5px;
    line-height: 30px;
    border-bottom: 1px solid #ddd
}

.filter-content .filter-line:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.filter-content .filter-line .filter-op {
    position: absolute;
    right: 10px;
    top: 0;
}

.filter-content .filter-line .filter-op a {
    display: inline-block;
    padding: 1px 5px;
    line-height: 16px;
    background: #fff;
    border: 1px solid #aaa;
    border-radius: 3px;
}

.filter-content .filter-line .filter-op a i {
    margin-right: 2px;
}

.filter-content .filter-line .edit-filter li a {
    position: relative;
    border: 1px solid #ccc;
}

/*.filter-content .filter-line .edit-filter li a .edit-op {
	position: absolute;
	right: -4px;
	top: -4px;
	width: 15px;
	height: 15px;
	font-size: 12px;
	line-height: 13px;
	text-align: center;
	background: #fff;
	border: 1px solid #aaa;
	border-radius: 50%;
}*/
.filter-content .filter-line .edit-filter li .edit-op {
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 14px;
    text-align: center;
    position: relative;
    top: -7px;
    left: -5px;
    border: 1px solid #666;
    border-radius: 50%;
    font-weight: lighter;
    color: #666;
    font-size: 10px;
    background: #fff;
    cursor: pointer;
}

.filter-content .filter-label {
    float: left;
    width: 6em;
    line-height: 28px;
    text-align: right;
}

.filter-content .filter {
    position: relative;
    margin-left: 6em;
}

.filter-content .filter ul {
    overflow: hidden;
    padding: 3px 50px 3px 0;
    zoom: 1;
}

.filter-content .filter li {
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
}

.filter-content .filter li a {
    display: inline-block;
    padding: 1px 10px;
    color: #666;
    border-radius: 3px;
}

.filter-content .filter li .current {
    color: #fff;
    background: #db6655;
}

.filter-content .filter-search input {
    padding: 3px 5px;
}

.filter-content .filter-search button {
    height: 24px;
    padding: 0px 10px;
    line-height: 20px;
    font-size: 12px;
    background: #666;
    border: none;
}

.filter-content .f-more {
    position: absolute;
    right: 0;
    top: 2px;
}

.filter-content .f-more a {
    display: inline-block;
    height: 22px;
    padding: 1px 5px;
    line-height: 17px;
    border: 1px solid #ccc;
}

.collect-list, .discuss-list, .recycle-list {
    overflow: hidden;
    padding: 10px 0px;
    background: #f7f7f7;
    zoom: 1;
}

.collect-list .list-op, .recycle-list .list-op, .history-list .list-op {
    height: 50px;
    text-align: right;
    padding: 5px 0px;
    margin-bottom: 10px;
    background: #e5e5e5;
    border-top: #d3382a solid 1px;
    padding-right: 10px;
}

.collect-list .list-op .btn, .recycle-list .list-op .btn {
    margin: 6px 3px;
    /*border-color: #c55353;*/
    color: #fff;
    background: #8F8F8F;
    /*border-radius:100%;*/
    padding: 1px 6px;
    font-size: 14px;
}

.collect-list .list-op .btn i, .recycle-list .list-op .btn i {
    margin-right: 0;
}

.collect-list .list-op .btn.current, .recycle-list .list-op .btn.current {
    background: #d67272;
}

.collect-list .list-op button, .recycle-list .list-op button {
    border-radius: 3px;
}

.collect-list dl, .discuss-list dl {
    float: left;
    position: relative;
    width: 167px;
    height: 270px;
    padding: 205px 15px 15px;
    margin: 0 10px 20px;
    background: #fff;
    /*border: 1px solid #ddd;*/
}


.collect-list dt, .discuss-list dt {
    padding: 3px 0;
    line-height: 18px;
}

.collect-list dt a, .discuss-list dt a {
    font-size: 14px;
    color: #000;
    font-weight: bold;
}

.collect-list dd, .discuss-list dd {
    padding: 3px 0;
    color: #777;
    line-height: 18px;
}

.collect-list .cover, .discuss-list .cover {
    left: 10px;
    padding: 8px;
    position: absolute;
    top: 10px;
}

.collect-list .cover img, .discuss-list .cover img {
    width: 130px;
    height: 176px;
    padding: 5px;
    border: 1px solid #cccccc;
}

.collect-list .cover span.default-cover, .discuss-list .cover span.default-cover {
    width: 130px !important;
    height: 176px !important;

}

.collect-list .check {
    position: absolute;
    left: 0;
    width: 36px;
    text-align: center;
}

.collect-list .no-cover {
    padding-top: 0;
    background-image: url(../../../images/user/t1/no-cover-bg-l.png);
}

.collect-list .no-cover dt {
    position: absolute;
    width: 148px;
    left: 10px;
    top: 10px;
}

.collect-list .no-cover dt a {
    font-size: 12px;
}

.collect-list .no-cover img {
    width: 140px;
    height: 160px;
    border: 1px solid #ccc;
}

.collect-list.list-type3 .check {
    width: 30px;
    top: 0;
}

.collect-list.list-type3 .selected {
    border: 1px solid #ae3928;
    outline: 2px solid #ae3928;
}

.collect-list.list-type2 dl, .discuss-list dl {
    float: none;
    width: auto;
    margin-bottom: 10px;
    height: 95px;
    padding: 10px 15px 10px 95px;
}

.collect-list.list-type2 .cover img, .discuss-list .cover img, .collect-list.list-type2 .cover span.default-cover, .discuss-list .cover span.default-cover {
    width: 72px !important;
    height: 100px !important;
    padding: 0 !important;
    border: 0;
}

.collect-list.list-type2 .cover span.default-cover, .discuss-list .cover span.default-cover {
    padding: 6px 10px !important;
}

.collect-list.list-type2 .cover span.default-cover .title, .discuss-list .cover span.default-cover .title {
    overflow: hidden;
    height: 72px !important;
    line-height: 14px !important;
}

.collect-list.list-type1 dl {
    float: none;
    width: auto;
    height: auto;
    margin-bottom: 5px;
    padding: 10px;
    padding-left: 38px;
}

.collect-list.list-type1 .cover {
    display: none;
}

.collect-list.list-type1 dt {
    display: inline-block;
    margin-right: 5em;
    color: #777;
}

.collect-list.list-type1 dt a {
    margin: 0 3px;
    font-size: 14px !important;
    font-weight: lighter !important;
    text-decoration: underline;
}

.collect-list.list-type1 dd {
    display: inline-block;
}

.collect-list dd.remove, .discuss-list dd.remove {
    position: absolute;
    right: -7px;
    top: -10px;
}

.collect-list .class-edit, .discuss-list .class-edit {
    margin-right: 10px;
}

.list-type1 dd.remove {
    right: 12px;
    top: 10px;
}

dd.remove a {
    display: inline-block;
    width: 20px;
    height: 20px;
    color: #555;
    background: #eee;
    font-size: 15px;
    text-align: center;
    line-height: 15px;
    border: 2px solid #ccc;
    border-radius: 100%;
}

.collect-list .no-cover, .discuss-list .no-cover {
    position: relative;
    padding: 15px;
    line-height: 240px;
    background: url(../../../images/user/t1/no-cover-bg.png) no-repeat 10px 10px #fff;

}

.collect-list .no-cover dt, .discuss-list .no-cover dt {
    position: static;
    overflow: hidden;
    width: 134px;
    display: inline-block;
    margin-top: 35px;
    padding: 0 8px;
    line-height: 20px;
    vertical-align: top;
    max-height: 120px;
    text-overflow: ellipsis;
}

.collect-list .no-cover dt a, .discuss-list .no-cover dt a {
    font-size: 14px;
    color: #777777;
}

.collect-list .no-cover dt i, .discuss-list .no-cover dt i {
    position: absolute;
    left: 20px;
    top: 20px;
}

.collect-list .no-cover .cover, .discuss-list .no-cover .cover {
    display: none;
}

.collect-list .no-cover .author, .discuss-list .no-cover .author {
    overflow: hidden;
    position: absolute;
    left: 13px;
    bottom: 20px;
    width: 142px;
    height: 40px;
    padding: 0 5px;
    color: #777777;
    line-height: 20px;
}

.collect-list .no-cover .author span, .discuss-list .no-cover .author span {
    margin-right: 1em;
}

.collect-list .no-cover .b2, .discuss-list .no-cover .b2 {
    overflow: hidden;
    position: absolute;
    left: 15px;
    bottom: 20px;
    height: 40px;
    padding: 0px 9px;
    color: #777777;
    line-height: 20px;
    width: 144px;
    text-align: left;
}

.collect-list .no-cover .b2 span, .discuss-list .no-cover .b2 span {
    margin-right: 1em;
}

.collect-list .no-cover .b1, .discuss-list .no-cover .b1 {
    overflow: hidden;
    position: absolute;
    left: 15px;
    bottom: 65px;
    height: 20px;
    padding: 0px 9px;
    color: #777777;
    line-height: 20px;
    width: 144px;
    text-align: left;
}

/*------*/
.bubble {
    position: absolute;
    right: 0;
    top: 0;
    min-width: 12px;
    height: 12px;
    padding: 0 2px;
    font-size: 12px;
    font-weight: lighter;
    text-align: center;
    line-height: 12px;
    color: #fff;
    background: #c85342;
    border-radius: 10px;
}

.current .bubble {
    background: #85bc60;
}

/*--- ???????? ---*/
.discuss-list .list-top {
    height: auto;
    margin-bottom: 10px;
    padding: 15px 10px;
    background: #fff;

}

.discuss-list .list-top span {
    display: inline-block;
    margin-right: 10px;
}

.discuss-list .list-top input, .discuss-list .list-top select, .discuss-list .list-top button {
    height: 27px;
    padding: 0 5px;
    font-size: 12px;
    border-radius: 0;
}

.discuss-list .list-top button {
    padding: 5px 15px;
    background: #c85342;
    border: none;
    border-radius: 5px;
}

.discuss-list dl {
    position: relative;
}

.discuss-list .cover {
    padding: 0;
    border: 1px solid #ccc;
}

.discuss-list .op {
    position: absolute;
    right: 25px;
    top: 35px;
}

.discuss-list .op a {
    display: inline-block;
    padding: 2px 10px;
    color: #fff;
    background: #ae3928;
    border-radius: 25px;
}

.discuss-list .op a i {
    margin-right: 5px;
}

.my-discuss dl {
    height: auto;
    min-height: 108px;
    border: #ddd solid 1px;
}

.my-discuss .no-cover {
    padding-left: 15px;
}

.my-discuss .no-cover .cover {
    display: none;
}

.my-discuss .intro {
    margin-bottom: 3px;
}

.my-discuss .time {
    position: absolute;
    right: 10px;
    top: 7px;
}

.my-discuss .op {
    position: static;
}

.my-discuss .op > span {
    margin-right: 15px;
}

/*--- ??? ---*/
.top-search {
    margin-bottom: 10px;
    padding: 15px;
    background: #f7f7f7;
}

.top-search .btn {
    height: 30px;
    padding: 3px 15px;
    font-size: 12px;
    line-height: 24px;
    background: #666;
    border: 0;
}

/*--- ?????? ---*/
.top-graph {
    padding: 15px 20px;
    background: #fff;
}

.top-graph .count {
    margin-bottom: 10px;
    background: #f5f5f5;
    padding-left: 10px;
    color: #666;
    font-size: 14px;
    line-height: 30px;
}

.top-graph .count b {
    color: #ae3928;
}

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

.record .record-list {
    position: relative;
    padding: 30px 0px 30px 100px;
    background: #fff;
    border-top: #CCCCCC dashed 1px;
}

.record .record-list:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 30px;
    bottom: 30px;
    left: 98px;
    border-left: 2px solid #c7c7c7;
    z-index: 0;
}

.record .record-list h2 {
    position: relative;
    width: 120px;
    height: 24px;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
    color: #fff;
    background: #eb5858;
}

.record .record-list h2:before {
    content: " ";
    position: absolute;
    left: -8px;
    top: 5px;
    width: 10px;
    height: 10px;
    background: #eb5858;
    border: 2px solid #fff;
}

.record .record-list ul {
    margin: 5px 5px 15px;
}

.record .record-list li {
    float: none;
    width: auto;
    padding: 7px;
    font-size: 14px;
    line-height: 20px;
}

.record .record-list li .time {
    display: inline-block;
    position: relative;
    left: -9px;
    width: 54px;
    color: #999999;
    text-align: center;
}

.record .record-list li .time:before {
    content: " ";
    position: absolute;
    left: -8px;
    top: 5px;
    width: 5px;
    height: 5px;
    background: #eb5858;
    border: 2px solid #fff;
}

.record .record-list li .op {
    margin-left: 2em;
}

.record .record-list li .op a {
    font-size: 12px;
    margin-right: 30px;
    color: #00A640;
}

.record .record-list li .op a i {
    font-size: 13px;
    margin-right: 3px;
}

.record .record-list li .op .done {
    color: #b31d0f;
    margin-right: 18px;
}

.record .record-list .more {
    text-align: center;
}


.record .no-record {
    margin: 5px 5px 15px;
    padding: 7px;
    font-size: 14px;
    line-height: 20px;
}

/*--- table ---*/
.table-list {
    /* padding: 0px 15px; */
}

.tip {
    margin-bottom: 10px;
    line-height: 30px;
    color: #999;
}

.tip button {
    padding: 5px 5px;
    font-size: 12px;
    line-height: 15px;
    border: 0;
    background: #9aaf59;
    border-color: #80953f;
    border-radius: 3px;
}

.table {
    width: 100%;
    margin-bottom: 10px;
    /* border: 1px solid #e5e2e1; */
    margin-top: 15px;
}

.table th, .table td {
    height: 30px;
    padding: 10px 10px;
    line-height: 20px;
    background: #fff;
    /* border: 1px solid #e5e2e1; */
}

.table th {
    height: 40px;
    line-height: 40px;
    padding: 5px 10px;
    color: #5a5a5a;
    font-weight: bold;
    background: #efefeb;
    font-size: 14px;
}

.table-more {
    color: #136bbe;
    text-decoration: underline;
}

.table tr.hear-curent, .table tr.hear-curent .table-more {
    color: #fc6703;
    font-weight: bold;
}

.table td input[type='button'] {
    padding: 1px 5px;
    font-size: 12px;
    color: #a0a0a0;
    background: #ffffff;
    border: 1px solid #cccccc;
}

.table tr td, .table tr:nth-child(2n) td {
    background: transparent;
}

.table tr:nth-child(2n) td {
    background: rgba(0, 0, 0, .05);
}

.table tr td a {
    color: #333;
    text-decoration: underline;
    cursor: pointer;
}

.table tr td a.btn {
    isplay: inline-block;
    padding: 1px 5px;
    line-height: 16px;
    background: #fff;
    border: 1px solid #aaa;
    border-radius: 3px;
    text-decoration: none;
}

.helpful {
    margin-left: 0px;
    margin-top: 20px;
    padding: 5px 10px;
    background: #fff;
    border: 1px dashed #ccc;
}

.table .alt1 {
    background: #f5d3d3;
}

.table .alt2 {
    background: #ece0c9;
}


/*检索部分*/
.list_search {
    width: 242px;
    height: 35px;
    line-height: 35px;
    /* border-radius: 15px; */
    /* padding-left: 15px; */
    background: #fff;
    /* position: absolute; */
    /* right: 25px; */
    /* top: 22px; */
    float: right;
    border: 1px solid #e3e2e2;
    position: relative;
}

.list_search input {
    background: none;
    border: none;
    float: left;
    height: 33px;
    width: 100%;
}

.list_search input:focus {
    box-shadow: 0 0 5px #bbb;
}

.list_search button {
    float: right;
    width: 50px;
    height: 26px;
    /* line-height: 30px; */
    background: none;
    border: none;
    cursor: pointer;
    border-left: 1px solid #ddd;
    margin-top: 4px;
    position: absolute;
    right: 0px;
}

/*分享图标*/
.share-plate {
    padding-left: 20px;
}

.share-plate i {
    font-size: 18px;
    margin-left: 5px;
    cursor: pointer;
}

.table td .label {
    display: inline-block;
}

.label.xj {
    padding: 0 5px;
    color: #fff;
    background: #5cb85c;
}

.tip-bottom {
    margin-top: 20px;
    padding: 5px 10px;
    background: #fff;
    border: 1px dashed #ccc;
}

/*--- qq ---*/
.qq {
    overflow: hidden;
    padding: 20px;
    zoom: 1;
}

.qq .qq-bang {
    float: left;
    width: 50%;
    height: 200px;
    padding-top: 60px;
    text-align: center;
    background: #f7f7f7;
    border: 1px dashed #ccc
}

.qq .btn-qq {
    display: inline-block;
    width: 111px;
    height: 24px;
    font: 0/0 a;
    /*background: url(../../../images/user/t1/qq-bang.png) no-repeat;*/
}

.qq .tip {
    float: right;
    width: 50%;
    height: 200px;
    padding: 0 20px;
    font-size: 12px;
}

.qq .tip h5 {
    margin-bottom: 10px;
    color: #ee684b;
    font-size: 12px;
}

.qq .tip h6 {
    font-size: 12px;

}

.qq .tip p {
    margin: 0 0 15px 0;
    color: #7e7e7e;
    line-height: 24px;
}

/*--- ??? ---*/
.favor {
    display: block;
    width: auto;
}

.user-list {
    overflow: hidden;
    zoom: 1;
}

.user-list dl {
    /* background: #f8f8f8 none repeat scroll 0 0;*/

    border-bottom: 1px dashed #d4d4d4;
    float: left;
    padding: 5px 15px 8px 90px;
    position: relative;
    width: 480px;
}

.user-list dt {
    display: inline-block;
    font-weight: bold;
}

.user-list dt a {
    color: #333;
}

.user-list dd {
    padding: 2px 0;
    line-height: 20px;
}

.user-list .active {
    height: 93px;
    padding-left: 15px;
    background: url(../../../images/user/t1/left.png) no-repeat left;
    margin-left: -13px;
}

.user-list dd i {
    margin-right: 3px;
}

.user-list .num {
    margin-left: 2em;
    display: inline-block;
}

.user-list .num span {
    margin-right: 10px;
}

.user-list .user-pic {
    position: absolute;
    left: 5px;
    top: 10px;
    width: 60px;
    height: 60px;
    padding: 0;
    background: url(../../../images/user/t1/user-pic-default.png) no-repeat;
    border-radius: 100%;
    background-size: contain;
    vertical-align: middle;
}

.user-list .user-pic img {
    width: 60px;
    height: 60px;
    border-radius: 100%;
}

.user-list .active h6 {
    margin-bottom: 3px;
    font-size: 12px;
    font-weight: lighter;
    color: #afafaf;

}

.user-list .active li {
    line-height: 22px;
}

.user-list .active li a {
    color: #636363;
}

.user-list .op {
    position: absolute;
    left: -8px;
    top: 90px;
    width: 85px;
    padding: 0;
    text-align: center;
}

.user-list .op a {
    padding: 0px 8px;
    color: #fff;
    font-size: 12px;
    background: #d25d4c;
    border: 1px solid #d25d4c;
}

.gz {
    display: block;
    float: left;
}

.fans {
    display: block;
    float: right;
}

.gz .index-box-head .more, .fans .index-box-head .more {
    margin: 0 !important;
    padding: 0 5px !important;
    background: transparent !important;
}

.gz .index-box-head .more a, .fans .index-box-head .more a {
    display: inline !important;
    padding: 0 !important;
    color: inherit !important;
    background: transparent !important;
    border: 0 !important;
}

.gz dl, .fans dl {
    width: 455px;
}

.gz .op, .fans .op {
    width: auto;
    margin-top: 5px;
    position: static;
    text-align: left;
    margin-left: -5px;
}

.gz .op a, .fans .op a {
    margin-right: 10px;
}


/*-- ??????? --*/

.list-top {
    position: relative;
    height: 50px;
    background: #ededed;
    border-bottom: 2px solid #e0e0e0;
}

.list-top .list-sel {
    font-family: "Microsoft YaHei";
    font-size: 16px;
    line-height: 50px;

}

.list-top .list-sel a {
    display: inline-block;
    height: 50px;
    padding: 0 15px;
    color: #555;
}

.list-top .list-sel a i {
    position: relative;
    top: 2px;
    margin-right: 3px;
    font-size: 20px;
}

.list-top .list-sel .current {
    color: #92251a;
    border-bottom: 2px solid #ba4d42;
}

.list-top .list-sel .top-search {
    margin-right: 0px;
    margin-top: 3px;
    background: transparent;
    padding: 0;
}

.list-top .list-sel .top-search input {
    width: 200px;
    padding: 4px 5px;
    font-size: 12px;
    border-radius: 0;
}

.list-top .list-sel .top-search button {
    padding: 4px 5px;
    font-size: 12px;
    border-radius: 0;
    background: #666;
    line-height: 15px;
}


.list-top .list-op {
    position: absolute;
    right: 0px;
    bottom: 0;
    height: 40px;
    padding: 0px 15px 0;
}

.list-top .list-op a {
    display: inline-block;
    height: 40px;
    padding: 0 15px;
    font-size: 16px;
    line-height: 40px;
    color: #555;
}

.list-top .list-op a i {
    position: relative;
    top: 2px;
    margin-right: 3px;
    font-size: 20px;
}

.list-op span {
    display: inline-block;
}

.list-op input, .list-op button {
    padding: 4px 5px;
    font-size: 12px;
    border-radius: 0;
}

.list-op .op-search {
    margin-right: 0px;
    margin-top: 3px;
}

.list-op .op-search input {
    width: 200px;
}

.list-op .op-search button {
    background: #666;

}

.list-op .op-add button {
    background: #9aaf59;
    border-color: #80953f;
    border-radius: 3px;
}

.feed-list {
    overflow: hidden;
    zoom: 1;
    padding: 10px;
    background: #f7f7f7;
}

.feed-list dl {
    position: relative;
    float: left;
    width: 212px;
    height: 210px;
    margin: 10px 12px 20px;
    padding: 120px 15px 15px;
    background: #ffffff;
    border: 1px solid #ddd;
}

.add-tag dl {
    height: 230px;
}

.feed-list dt, .feed-list dd {
    overflow: hidden;
    height: 18px;
    margin-bottom: 3px;
}

.feed-list dt a {
    color: #333;
    font-size: 14px;
    font-weight: bold;
}

.feed-list .pic {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 115px;
    padding: 1px;
}

.feed-list .pic img {
    width: 100%;
    height: 113px;
}

.feed-list .time {
    color: #64a34b;
}

.feed-list .tag {
    display: none;
    color: #666666;
}

.add-tag .tag {
    display: block;
}

.feed-list .tag span {
    margin-right: 10px;
    text-decoration: underline;
}

.feed-list .op {
    height: 26px;
    padding-top: 7px;
    overflow: inherit;
    text-align: center;
}

.feed-list .op a {
    padding: 0px 8px;
    color: #fff;
    font-size: 12px;
    background: #d25d4c;
    border: 1px solid #d25d4c;
}

.feed-list .op .btn-edit {
    background: #9aaf59;
    border-color: #9aaf59;
}

.feed-list .op .btn-del {
    background: #aaa;
    border-color: #aaa;
}

.feed-list .control {
    height: 26px;
    padding-top: 7px;
    text-align: center;
    overflow: inherit;
    /*overflow: inherit;
	position: absolute;
	bottom:13px;
	left:15px;
	font-size: 12px;*/
}

.feed-list .addedite {
    height: 210px;
    background: #fff;
    border: #FFFFFF solid 10px;
    border: #dddddd solid 1px;
}

.add-tag .addedite {
    height: 230px;
}

.feed-list .addimg {
    background: url(../../../images/user/t1/add.jpg) no-repeat center;
    width: 178px;
    height: 174px;
    float: left;
    position: absolute;
    top: 17px;
}

.add-tag .addimg {
    height: 194px;
}

.feed-list .it {
    color: #999999;
    position: relative;
    text-align: center;
}

.feed-list .control a {
    background: #9aaf59;
    color: #FFFFFF;
    border-radius: 3px;
    padding: 3px 10px;
    margin-right: 5px;
}

.feed-list .control a i {
    margin-right: 3px;
}

.feed-list .control .del {
    background: #999;
}

/*.feed-list .edit {
	overflow: inherit;
	position: absolute;
	bottom:25px;
	left:15px;
	font-size: 12px;
}
.feed-list .edit a {
	overflow: hidden;
	display: block;
	width: 17px;
	height: 17px;
	margin-bottom: 1px;
	padding: 2px;
	color: #fff;
	line-height: 1;
	background: rgba(0,0,0,0.6);
}
.feed-list dl:hover .edit a {
	width: auto;
}
.feed-list .edit a i {
	position: relative;
	top: -1px;
	font-size: 14px;
	margin-right: 4px;
	vertical-align: middle;
}
.feed-list .edit a i:before {
	width: 14px;
	text-align: center;
}*/

.feed:before, .feed:after {
    content: " ";
}

.feed:after {
    clear: both;
}

.feed-detail {
    float: left;
    width: 920px;
    margin: 0 !important;
}

.feed-detail h1 {
    position: relative;
    height: 55px;
    margin-left: -11px;
    margin-bottom: -12px;
    padding-left: 60px;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    /*background: url(../../../images/user/t1/feed-h2.png) no-repeat left top;*/
}

.feed-detail .feed-edit {
    position: absolute;
    top: 0px;
    right: 15px;
    line-height: 40px;
}

.feed-detail .feed-edit a {
    color: #fff;
}

.feed-detail .feed-edit a i {

    margin-right: 3px;
}

.feed-detail .detail-top {
    display: table;
    width: 100%;
    height: 155px;
    margin-bottom: 5px;
    /*background: url(../../../images/user/t1/detail-top-bg.png) no-repeat left top;*/
}

.mut-list {
    overflow: auto;
    width: 450px;
    height: 170px;
    padding: 5px;
    color: #303d3f;
    background: #fff;
    border: 1px solid #aeaeae;
    border-radius: 5px;
    box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.1) inset;
    vertical-align: middle;
}

.mut-list .table {
    margin: 0;
}

.table .selected td {
    background-image: none;
    background-color: #f7f3e0 !important;
    opacity: 1;
}

.layer-content {
    position: relative;
}

.layer-content .remove {
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 10;
}

.layer-content.remove {
    right: 12px;
    top: 9px;
}

.layer-content .remove a {
    display: inline-block;
    width: 20px;
    height: 20px;
    color: #555;
    background: #eee;
    font-size: 15px;
    text-align: center;
    line-height: 20px;
    border: 2px solid #ccc;
    border-radius: 100%;
}

.layer-boxs {
    top: 100px;
}

.layer-boxs .lb-2 .input-label {
    width: 4em;
    line-height: 18px;
}

.layer-boxs .lb-2 .input {
    margin-left: 4em;
}

.layer-boxs .content-input .input-line {
    margin-bottom: 0;
    padding: 3px 0;
}

.input-line-sel {
    padding-left: 4em;
}

.input-line-sel span {
    display: inline-block;
    padding: 0 10px;
    line-height: 24px;
    background: #ddd;
    border-radius: 2px;
    cursor: pointer;
}

.input-line-sel .current {
    color: #fff;
    background: #d55454;
}

.layer-boxs .content-input .submit input {
    padding: 5px 20px;
    font-weight: bold;
    color: #000;
    border: #CCCCCC solid 1px;
    border-radius: 5px;
    background: #FFFFFF;
}

.layer-boxs-filter {
    margin: -2px -2px 0;
    padding: 0 105px 10px !important;
    background: url(../../../images/user/t1/layer-box-filter-bg.png) repeat-x top;
    border-bottom: 1px solid #ccc;
}

.layer-boxs-filter .sel-line {
    margin-left: 60px !important;
    font-size: 12px !important;
}

.layer-boxs-filter .sel-line input {
    margin-bottom: 3px;
    vertical-align: middle;
}

.layer-boxs-filter .sel-line label {
    margin-right: 8px;
}

.order .table-content {
    padding: 15px;
}

.order .list-top {
    margin-bottom: 0;
    border-bottom: 1px solid #aaa
}

.order .list-top .list-op {
    position: static;
    font-weight: bold;
    padding: 10px 15px;
}

.order .list-top .list-op label i {
    display: inline-block;
    width: 28px;
    height: 20px;
    margin-right: 5px;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    background: #94ae26;
    border-radius: 3px;
}

.order .list-top .list-op input[type="text"] {
    width: 330px;
}

.order .order-list {
    padding: 10px;
    background: url(../../../images/user/t1/cover-sel-bg.png) repeat-x #fff;
}

.order .order-sort-abc {
    background-color: #ededed
}

.order .order-sort-abc a {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    text-align: center;
    font-weight: bold;
    line-height: 20px;
    background-color: transparent;
    border-radius: 3px;
}

.order .order-sort-abc .current {
    color: #fff;
    background: #ae3928;
}

.order .cover-sel {
    overflow: hidden;
    height: 180px;
    padding: 15px 35px 0;
    background: url(../../../images/user/t1/cover-sel-bg2.png) repeat-x;
}

.order .cover-sel .cover-move {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.order .cover-sel ul {
    position: relative;
    width: 10000%;
    height: 165px;
}

.order .cover-sel li {
    float: left;
    width: 112px;
    text-align: center;
    background: url(../../../images/user/t1/cover-sel-fg.png) left 5px no-repeat;
}

.order .cover-sel li a {
    display: block;
    padding-top: 5px;
}

.order .cover-sel li img, .order .cover-sel li span.default-cover {
    width: 76px !important;
    height: 106px !important;
    margin-bottom: 3px;
}

.order .cover-sel li span {
    display: block;
    height: 20px;
    color: #585858;
    line-height: 20px;
    text-overflow: ellipsis;
    text-align: center;
}

.order .cover-sel li .title {
    position: relative;
}

.order .cover-sel li .title i {
    position: absolute;
    right: 0;
    top: -8px;
}

.order .cover-sel li .time {
    display: none;
    color: #b2b2b2;
}

.order .cover-sel .current a {
    padding: 4px 0 3px;
    position: relative;
    background: #fff;
    border: 1px solid #f15547;
    border-bottom: 0;
}

.order .cover-sel .current a:after {
    border-top: 6px solid #f15547;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    display: inline-block;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    bottom: -8px;
}

.order .cover-sel .current .time {
    display: block;
}

.order .sel-arrow {
    clear: both;
    position: relative;
    height: 1px;
}

.order .sel-arrow a {
    position: absolute;
    top: -120px;
    width: 20px;
    height: 20px;
    color: #b3b3b3;
    text-align: center;
    line-height: 15px;
    font-size: 15px;
    border: 2px solid #b3b3b3;
    border-radius: 100%;
}

.order .sel-arrow .l {
    left: -28px;
}

.order .sel-arrow .l i {
    margin-right: 2px;
}

.order .sel-arrow .r {
    right: -28px;
}

.order-detail {
    margin: -10px -10px 0;
    padding: 20px 10px;
    border-top: 2px solid #f15547;
}

.order-detail h2 {
    position: relative;
    height: 22px;
    padding-left: 15px;
    line-height: 22px;
    background: url(../../../images/user/t1/order-content-h.png) no-repeat left top;
}

.order-detail h2 .title {
    padding: 0 10px;
    font-size: 16px;
    font-family: "Microsoft YaHei";
    background: #fff;
}

.order-detail h2 .op {
    position: absolute;
    right: 0;
    top: 0;
}

.order-detail h2 .op a {
    float: left;
    height: 22px;
    margin-left: 10px;
    padding: 0 15px;
    font-size: 12px;
    color: #555555;
    font-weight: lighter;
    font-family: Arial;
    line-height: 20px;
    background: #fff;
    border: 1px solid #b2b2b2;
    border-radius: 11px;
}

.order-detail h2 .op .more {
    margin: 0;
    margin-left: 10px;
    padding: 0 15px;
    color: #fff;
    background: #8fa71f;
    border-color: #657b00;
}

.order-detail .catalog {
    padding: 0 25px;
}

.icon-new {
    display: inline-block !important;
    width: 24px;
    height: 11px;
    background: url(../../../images/user/t1/icon-new.png) no-repeat;
}

.alert {
    width: 690px;
    height: 30px;
    margin: 0 auto;
    padding: 0 8px;
    line-height: 28px;
    color: #fff;
    background: #a21e1e;
    border-radius: 5px;
}

.alert:empty {
    background: transparent;
}

.list-bottom-op {
    overflow: hidden;
    zoom: 1;
    background: #eee;
    margin: 15px 10px;
    padding: 10px;
}

.list-bottom-op .op-btn {
    float: left;
    padding: 10px;
}

.list-bottom-op .op-btn input, .left-content .input-box-title .op-btn input {
    margin-right: 1px;
    padding: 4px 10px;
    color: #777;
    font-size: 12px;
    line-height: 18px;
    background: #fff;
    border: 1px solid #ccc;;
}

.list-bottom-op .c-select-bottom {
    position: relative;
    display: inline-block;
}

.list-bottom-op .c-select-bottom .sel-btn {
    display: inline-block;
    height: 28px;
    margin-right: 1px;
    padding: 4px 10px;
    color: #777;
    font-size: 12px;
    line-height: 16px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    vertical-align: middle;
}

.list-bottom-op .c-select-bottom .sel-list {
    position: absolute;
    left: 0;
    min-width: 118px;
    bottom: 28px;
    background: #fff;
    border: 1px solid #ccc;
}

.list-bottom-op .c-select-bottom .sel-list a {
    display: block;
    padding: 4px 10px;
}

.list-bottom-op .c-select-bottom .sel-list a:hover {
    background: #f2f2f2;
}

.list-bottom-op .pages {
    clear: none;
    float: right;
}

.import-input select {
    margin-left: 0;
    margin-right: 0;
}


.tip {
    position: relative;
}

.tip-op {
    position: absolute;
    right: 0;
}

.tip-op button {
    padding: 5px 5px;
    font-size: 12px;
    line-height: 15px;
    border: 0;
    background: #9aaf59;
    border-color: #80953f;
    border-radius: 3px;
}

.search-result-list, .history-list {
    padding: 0;
}

.search-result-list .table, .history-list .table {
    border: 0;
}

.search-result-list th, .search-result-list td, .history-list th, .history-list td {
    height: 38px;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
}

.search-result-list th, .history-list th {
    color: #333;
    background: #f6f6f6;
}

.search-result-list td, .history-list td {
    padding: 8px 7px;
    vertical-align: top;
    background: #fff !important;
}

.search-result-list .name, .history-list .name {
    padding: 8px 25px 8px 40px;
    font-weight: bold;
    color: #000;
    background: url(../../../images/user/t1/arrow2.png) no-repeat 20px 0 #fff !important;
}

.search-result-list .name a, .history-list .name a {
    color: inherit;
}

.search-result-list .current td, .history-list .current td {
    color: #fff;
    background: #d96d6d !important;
}

.search-result-list .current td a, .history-list .current td a {
    color: inherit;
}

.search-result-list .current .name, .history-list .current .name {
    background: url(../../../images/user/t1/arrow1.png) no-repeat 20px 0 #d96d6d !important;
}

.search-result-list .search-tj span {
    margin-right: 8px;
}

.search-result-list .search-tj .more {
    display: inline-block;
    margin-left: 10px;
}

.search-result-list .search-tj .more a {
    display: inline-block;
    margin: 0 2px;
    border-bottom: 1px dotted #aaa
}

.search-result-list .pages, .history-list .pages {
    clear: none;
}

.search-result-list .pages:before, .history-list .pages:before, .search-result-list .pages:after, .history-list .pages:after {
    display: table;
    content: "";
    clear: both;
}

.search-op-bottom .articlePages {
    padding: 10px;
    text-align: right;
}

.search-op-bottom .articlePages .total {
    float: left;
    color: #333;
    margin-right: 5px;
    line-height: 26px;
}

.search-result-list {
    padding: 0;
}

.search-result-list .t-data {
    position: relative;
}

.search-result-list .t-data b {
    position: absolute;
    top: -10px;
    height: 13px;
    padding: 0 3px;
    font-size: 12px;
    font-weight: lighter;
    white-space: nowrap;
    line-height: 13px;
    text-align: center;
    color: #fff;
    background: #a21e1e;
    border-radius: 6px;
}

.search-result-detail {
    position: relative;
    padding: 0 15px 15px;
    background: #efefef;
    border-top: 1px solid #ce5656;
}

.search-result-detail:before {
    border-bottom: 13px solid #efefef;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    content: "";
    display: inline-block;
    left: 50px;
    position: absolute;
    top: -12px;
    z-index: 2;
}

.search-result-detail:after {
    border-bottom: 13px solid #ce5656;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    content: "";
    display: inline-block;
    left: 50px;
    position: absolute;
    top: -13px;
}

.search-result-detail h2 {
    height: 35px;
    font-size: 16px;
    font-weight: lighter;
    line-height: 35px;
}

.search-result-detail h2 span {
    margin: 0 3px;
    color: #e64c4c;
}

.search-result-detail .result-detail {
    background: #fff;
    border: 1px solid #d5d5d5;
}

.result-detail .filter-content .filter-line {
    overflow: hidden;
    height: 30px;
    line-height: 25px;
    border-bottom: 0;
}

.result-detail .filter-content .show-more {
    overflow: inherit;
    height: auto;
}

.result-detail .f-more {
    position: absolute;
    right: 0;
    top: 4px;
}

.result-detail .f-more a {
    display: inline-block;
    height: 22px;
    padding: 1px 5px;
    line-height: 17px;
    border: 1px solid #ccc;
}

.result-detail .filter-content .filter ul {
    padding: 3px 45px 3px 0;
}

.result-detail .filter-content .filter li a span {
    margin-left: 2px;
    color: #999999;
}

.result-detail .filter-content .filter li .current {
    color: inherit;
    background: #ededed;
}

.result-detail .search-op, .result-detail .about-op {
    height: 45px;
    padding: 5px;
    color: #c0d3d5;
    background: #fff;
    border: 1px solid #d5e2e3;
    border-bottom: 5px solid #d5e2e3;
}

.result-detail .search-op-sel {
    display: inline-block;
    padding: 4px 10px;
}

.result-detail .search-op-sel a {
    display: inline-block;
    margin-right: 10px;
    padding: 0px 7px;
    line-height: 20px;
    color: #464646;
    border: 1px solid #c3c3c3;
    border-radius: 4px;
}

.result-detail .search-op-sel a b {
    position: relative;
    display: inline-block;
    top: 1px;
    min-width: 14px;
    height: 14px;
    padding: 0 3px;
    margin-left: 3px;
    line-height: 14px;
    color: #fff;
    font-weight: lighter;
    background: #004fa1;
    border-radius: 3px;
}

.result-detail .search-op-sel a i {
    position: relative;
    top: 1px;
    margin-right: 3px;
    font-size: 13px;
}

.result-detail .result-list {
    padding: 0 15px;
}

.result-detail .result-list dl {
    position: relative;
    padding: 10px 15px 10px 20px;
    color: #333;
    background: #fff;
    border-bottom: 1px dashed #c9c8c8;
}

.result-detail .result-list dt {
    position: relative;
    padding-left: 40px;
    padding-bottom: 4px;
    padding-right: 150px;
    font-size: 12px;
    line-height: 20px;
    color: #999;
}

.result-detail .result-list dt a {
    color: #4675b5;
}

.result-detail .result-list dt .no {
    position: absolute;
    left: 0;
    width: 40px;
}

.result-detail .result-list dt .t2 {
    color: #aaaaaa;
}

.result-detail .result-list dt .t3 {
    color: #000000;
}


.result-detail .result-list dd {
    min-height: 23px;
    padding: 2px 0;
    color: #999;
    line-height: 19px;
}

.result-detail .result-list .check {
    position: absolute;
    height: 17px;
    left: 0px;
    top: 9px;
    _top: 6px;
}

.result-detail .result-list .op {
    position: absolute;
    right: 5px;
    top: 10px;
}

.result-detail .result-list .op a {
    float: left;
    color: #777;
    margin: 0 0 0 10px;
    border: 0;
}

.result-detail .result-list .op .sharepanel {
    float: left;
    width: inherit !important;
    height: inherit !important;
}

.result-detail .result-list .op a i {
    margin-right: 3px;
    font-size: 13px;
}


.result-detail .result-list .abstract {
    padding-left: 40px;
    color: #666666;
}

.result-detail .result-list .abstract strong {
    font-weight: lighter;
    color: #8b8b8b;
}


.result-detail .result-list .d-more {
    position: relative;
    height: 24px;
    margin-top: 3px;
    padding: 0 30px;
}

.result-detail .result-list .d-more a {
    float: left;
    height: 24px;
    margin: 0;
    padding: 0 10px;
    line-height: 21px;
}

.result-detail .result-list .d-more a i {
    margin-right: 3px;
    font-size: 13px;
}

.result-detail .result-list .d-more a .s-pic {
    display: none;
}

.result-detail .result-list .d-more .current {
    position: relative;
    height: 26px;
    margin: -2px 0px 0;
    padding: 0 10px;
    line-height: 22px;
    border: 1px solid #cbcbcb;
    background: #f6f6f6;
    border-bottom: 0;
}

.result-detail .result-list .d-more .current i {
    color: #b31d0f;
}

.result-detail .result-list .d-more-content {
    margin: -1px 0 0 30px;
    padding: 10px;
    color: #626262;
    background: #f6f6f6;
    border: 1px solid #cfcfcf;
}

.result-detail .result-list .d-more .adiscuss {
    position: absolute !important;
}

.result-detail .result-list .d-more-content .discuss .op {
    right: 5px !important;
    top: 10px !important;
}

.result-detail .result-list .d-more-content .discuss-list dl {
    height: auto;
}

.result-detail .result-list .d-more-detail p {
    position: relative;
    margin: 0 0 1em 0;
}

.result-detail .result-list .d-more-detail p:last-child {
    margin-bottom: 0;
}

.result-detail .result-list .d-more-detail p strong {
    font-weight: lighter;
}

.result-detail .result-list .source {
    line-height: 16px;
}

.result-detail .result-list .source a {
    margin-right: 8px;
}

.result-detail .result-list .source .outlink {
    margin-left: 0px;
    padding-left: 19px;
    /*background: url(../../../images/user/t1/icon-search.png) 0px 0 no-repeat;*/

}

.result-detail .result-list .source a + .outlink {
    margin-left: 5px;
    padding-left: 26px;
    background-position: 7px 0;
    border-left: 1px solid #b2b2b2;

}

.source h6 {
    font-size: 12px;
    line-height: 30px;
}

.source-list {
    margin-bottom: 5px;
    padding: 5px;
    border: 1px dashed #cccccc
}

.source-list table, .simple-list .source table {
    width: 758px;
    margin: -4px;
}

.source-list th, .source-list td, .simple-list .source th, .simple-list .source td {
    height: 28px;
    padding: 4px 10px;
    line-height: 25px;
}

.source-list th, .simple-list .source th {
    background: #f9f9f9;
}

.source-list tr:nth-child(2n-1), .simple-list .source tr:nth-child(2n-1) {
    background: #fafafa;
}

.source-list td .refresh a {
    margin-right: 2px;
    color: #555;
    text-decoration: underline;
}

.source-list td .refresh i {
    position: relative;
    top: -1px;
    margin: 0 1px 0 2px;
    font-size: 14px;
    vertical-align: middle;
}

.source-list ul {
    overflow: hidden;
    zoom: 1;
}

.source-list li {
    float: left;
    list-style: none;
    margin-right: 2em;
}

.source-list .status .btn {
    position: relative;
    top: -1px;
    height: 22px;
    margin-left: 3px;
    margin-right: 0;
    padding: 0 5px;
    font-size: 12px;
    color: #fff;
    line-height: 20px;
    background: #ff4542;
    border: 0;
    vertical-align: middle;
}

.source-list .status .ok {
    margin: 0;
    color: #2d9651;
}

.source-list .status .none {
    margin: 0;
    color: #ff4542;
}

.result-detail .more {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.result-detail .more a {
    display: block !important;
    padding: 10px !important;
    min-height: 16px;
    text-align: center;
    cursor: pointer;
    background: #fff;
    border: 1px solid #d5e2e3;
}

.search-op-bottom {
    height: 50px;
    padding: 5px;
}

.result-detail .page a {
    border-bottom: 0;
    border-top: 0;
}

.result-detail .page .current {
    background: #8baf60 !important;
}

.history-list .name a {
    color: #4E9FC1;
}

.history-list .current td {
    color: #fff;
    background: #44a9d5 !important;
}

.history-list .current td a {
    color: inherit;
}

.history-list .current .name {
    background: url(../../../images/user/t1/arrow1.png) no-repeat 20px 0 #ec923c !important;
}

.history-list .keyword .s-block {
    position: relative;
    overflow: hidden;
    max-height: 44px;
    padding-right: 55px;
    line-height: 22px;
}

.history-list .keyword .show-more {
    overflow: inherit;
    max-height: inherit;
}

.history-list .keyword .s-block .f-more {
    position: absolute;
    right: 0;
    bottom: 0;
}

.history-list .keyword .s-block .f-more a {
    display: inline-block;
    height: 22px;
    padding: 4px 5px;
    line-height: 10px;
    border: 1px solid #ccc;
}

.history-list .keyword .s-block .f-more a i {
    position: relative;
    top: 1px;
    margin-left: 2px;
}

.history-list .keyword .s-block .f-more a .icon-chevron-down {
    position: relative;
    top: 0px;
}

.history-list .current .keyword .s-block .f-more a {
    padding: 5px 6px;
    background: #fff;
    color: #44a9d5;
    border: 0;
}

.history-list .keyword .s-div span {
    display: inline-block;
    margin-right: 1em;
}

.history-list .keyword .s-div {
    display: inline-block;
    margin-right: 1em;
    color: #888888;
}

.history-list .keyword .s-div i {
    position: relative;
    top: 1px;
    margin-right: 2px;
    color: #cccccc;
    font-size: 14px;
}

.history-list .current .keyword .s-div, .history-list .current .keyword .s-div i {
    color: #fff;
}

.history-list .page .current {
    background-color: #6c6b6b !important;
}

.history-list td .icon-new, .search-result-list td .icon-new {
    position: absolute;
    left: -10px;
    margin-top: 5px;
}

.history .search-result-detail {
    border-color: #ec9140;
}

.history .search-result-detail:after {
    border-bottom-color: #ec9140;
}

.history .result-detail .result-list {
    padding: 0;
}

.history .result-detail .result-list dl {
    padding: 10px 35px 10px 40px;
    border-style: solid;
    border-color: #dcdcdc;
}

.history .result-detail .result-list .check {
    top: 10px;
    left: 10px;
}

.history .result-detail .result-list dd.remove {
    position: absolute;
    right: 10px;
    top: 10px;
}

.journal-selected {
    margin: 7px 10px;
    border: 1px solid #cfcfcf;
}

.layer-box .input-box-title {
    height: 41px;
    padding: 12px 20px 0;
    line-height: 29px;
    background: #fff;
    border-bottom: 1px solid #cccccc;
}

.layer-box .input-box-title a {
    height: 29px;
    margin-right: 5px;
    padding: 0 10px;
    line-height: 27px;
    color: #777775;
}

.layer-box .input-box-title span, .layer-box .input-box-title .current {
    float: none;
    height: 30px;
    padding: 0 10px;
    background: #f0f0f0;
    border: 1px solid #ccc;
    border-bottom: 0;
}

.layer-box .input-box-title span:before, .layer-box .input-box-title .current:before {
    display: none;
}

.layer-box .input-box-content {
    border: 0;
}

.layer-box .list-op, .layer-box .list-bottom-op {
    overflow: visible;
    position: relative;
    height: 45px;
    margin: 10px;
    background: #eee;
}

.layer-box .op-btn, .layer-box .sel-class {
    float: left;
    padding: 10px;
}

.layer-box .op-btn input, .layer-box .sel-class input {
    margin-right: 1px;
    padding: 4px 10px;
    color: #777;
    font-size: 12px;
    line-height: 18px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.layer-box .sel-class .txt {
    float: left;
    margin: 0 10px;
    line-height: 28px;
}

.layer-box .sel-class input {
    color: #fff;
    background: #a21e1e;
    border: 0;
}

.layer-box .sel-class select {
    height: 28px;
    font-size: 12px;
}

.layer-box .sel-class .sel {
    float: left;
    min-width: 169px;
    padding: 3px 8px;
    padding-right: 20px;
    font-size: 12px;
    background-position: right 4px;
}

.layer-box .sel-class .sel-box {
    top: 26px;
    min-width: 169px;
}

.layer-box .sel-class .sel-box input[type=text] {
    border: 0;
    width: 100%;
    height: 28px;
    padding: 5px 7px;
    border-radius: 0;
    color: #777;
    background: #fff;
}

.layer-box .sel-class .sel-input {
    position: relative;
}

.layer-box .sel-class .sel-input .sel-input-add {
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    height: 29px;
    margin-right: 0;
    text-align: center;
}

.layer-box .sel-class .sel-input .sel-input-add i {
    position: relative;
    top: 8px;
}

.layer-box-filter {
    margin: 0;
    padding: 0 105px 10px !important;
    /*background: url(../../../images/layer-box-filter-bg.png) repeat-x top;*/
    border-bottom: 1px solid #ccc;
}

.layer-box-filter .lb-2 .input {
    margin-left: 4em;
}

.layer-box-filter .input-line {
    margin-bottom: 0 !important;
    padding: 3px 0;
}

.layer-box-filter .sel-line {
    margin-left: 60px !important;
    font-size: 12px !important;
}

.layer-box-filter .sel-line input {
    margin-bottom: 3px;
    vertical-align: middle;
}

.layer-box-filter .sel-line label {
    margin-right: 8px;
}


.add-cover {
    position: relative;
    padding-left: 46px;
}

.add-cover .title {
    position: absolute;
    left: -16px;
    top: -4px;
    display: inline-block;
    padding-left: 16px;
    font-size: 14px;
    line-height: 38px;
    font-weight: bold;
    font-family: "Microsoft YaHei";
    color: #333333;
    background: url(../../../images/user/t1/add-icon.png) 0 12px no-repeat;
}

.add-cover input[type="file"] {
    width: 343px;
    padding: 3px 5px;
}

#spanButtonPlaceHolder {
    height: 25px;
    line-height: 18px;
}

.tip-box {
    position: relative;
    margin-bottom: 10px;
    padding: 0 15px 0 35px;
    color: #627517;
    background: #FEFFFB;
    border: 1px solid #91a543;
}

.tip-box:before {
    position: absolute;
    left: 10px;
    top: 6px;
    content: "\f071";
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.tip-box p {
    margin: 5px;
}

.tip-box a {
    margin: 0 3px;
    font-size: 14px;
    color: #006aad;
    text-decoration: underline;
}

.tip {
    display: inline-block !important;
    padding: 0 10px;
    font-size: 12px;
    color: #627517;
}

.tip a {
    margin-left: 3px;
    color: #627517;
    text-decoration: underline;
}

.tip-l {
    display: block !important;
    padding: 5px 0;
    line-height: 20px;
}

.class-filter {

}

.class-filter .filter {
    position: relative;
    padding: 10px 10px 5px;
    border-bottom: 1px solid #ccc;
}

.class-filter .filter ul {
    overflow: hidden;
    padding: 3px 0;
    zoom: 1;
}

.class-filter .filter li {
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
}

.class-filter .filter li a {
    display: inline-block;
    height: 30px;
    padding: 1px 10px;
    line-height: 27px;
    color: #666;
    font-size: 12px;
    border-radius: 3px;
}

.class-filter .filter li .current {
    color: #fff;
    background: #db6655;
}

.my-lib .main-content .more {
    margin: -20px 0 10px;
    padding: 10px;
    background: #f7f7f7;
}

.my-lib .main-content .more a, .my-lib .main-content .more span {
    display: block;
    padding: 10px;
    color: #000;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
}

.my-lib .main-content .more span {
    color: #777;
}

.subject-sel-list .top-filter {
    position: relative;
    padding: 10px;
}

.subject-sel-list .time-sel {

}

.subject-sel-list .time-sel input {
    padding: 3px 4px;
    font-size: 12px;
}

.subject-sel-list .time-sel .filter {
    padding-top: 4px;
}

.subject-sel-list .time-sel .search-year-slider .ui-slider {
    margin-top: 6px;
}

.subject-sel-list .time-sel .search-year-slider .t {
    width: auto;
}

.subject-sel-list .filter-content .filter li a {
    color: #3d82b2;
    border: 1px solid #fff;
}

.subject-sel-list .filter-content .filter li .current {
    color: #3d82b2;
    background: #fff;
    border: 1px solid #3d82b2;
}

.subject-sel-list .journal-list {
    width: auto;
    border-top: 1px solid #d5d5d5
}

.subject-sel-list .journal-list li {
    max-width: none;
}

.subject-sel-list .journal-list li .num {
    position: absolute;
    left: 10px;
    color: inherit;
}

.subject-sel-list .journal-list li .title a {
    border-bottom: 1px dotted #ccc;
}

.subject-sel-list .journal-list li .type {
    /*margin-left:1em;
	color: #888888;*/
}

.subject-sel-list .journal-list li .list-tools {
    top: 23px;
}

.subject-sel-list .journal-list li .list-tools a {
    display: inline-block;
    padding: 2px 5px;
    color: #91a543;
    background: #fff;
    border: 1px solid #c8d2a1;
    border-radius: 3px;
}

.subject-sel-list .result-detail .page .current {
    background: #3fade4 !important;
}


.search-year-slider {
    overflow: hidden;
}

.search-year-slider .t {
    float: left;
    width: 53px;
    margin-right: 0;
}

.search-year-slider .t input {
    width: 45px;
    text-align: center;
}

.search-year-slider .ui-slider {
    float: left;
    width: 90px;
    margin-left: 15px;
    margin-right: 17px;
    margin-top: 10px;
}

.class-mark {
    display: inline-block;
    position: relative;
    top: 0px;
    height: 20px;
    margin-left: 1em;
    padding: 0px 11px 2px 4px;
    line-height: 16px;
    border: 1px solid #ccc;
    border-right: 0;
}

.class-mark:before {
    border-right: 8px solid #ccc;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    content: "";
    display: inline-block;
    right: 1px;

    position: absolute;
    top: 0;
}

.class-mark:after {
    border-right: 8px solid #fff;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    content: "";
    display: inline-block;
    right: 0;

    position: absolute;
    top: 0;
}

.input-box-title-select {
    position: relative;
    height: 32px;
    padding: 0 10px;
    line-height: 26px;
    background: #eee;
    border-bottom: 1px solid #ccc;
}

.input-box-title-select .label {
    float: left;
    line-height: 30px;
}

.input-box-title-select .title-subclass {
    overflow: hidden;
    position: relative;
    float: left;
    width: 820px;
    height: 32px;
}

.input-box-title-select .m-left, .input-box-title-select .m-right {
    display: none;
}

.input-box-title-select .switch {
    overflow: hidden;
    position: relative;
    height: 32px;
    margin-left: -10px;
    padding: 9px 15px;
}

.input-box-title-select .switch li {
    position: relative;
    float: left;
    height: 14px;
    margin: 0 0 10px;
    padding: 0 7px;
    line-height: 14px;
    border-right: 1px solid #b7b7b7;
}

.input-box-title-select .switch li b {
    position: absolute;
    right: 1px;
    top: -9px;
    width: 14px;
    height: 14px;
    color: #555;
    font-weight: lighter;
    text-align: center;

    border-radius: 100%
}

.input-box-title-select .switch li b i {
    margin-right: 1px;
}

.input-box-title-select .switch li .current + b {
    background: #fff;
    border: 1px solid #555;
}


.input-box-title-select .switch a {
    position: relative;
    top: -5px;
    display: inline-block;
    margin-right: 0;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 12px;
    color: #505050;
}

.input-box-title-select .switch a i {
    margin-right: 2px;
}

.input-box-title-select .switch a:hover {

}

.input-box-title-select .switch .current {
    position: relative;
    display: inline-block;
    float: left;
    height: 32px;
    margin: -4px 0 0 0;
    padding: 0 15px;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    line-height: 26px;
    color: #666666;
    background: #fff;
    border: 0;
    border-top: 2px solid #d55454;
}

.input-box-title-select .add-input {
    float: left;
    padding-top: 5px;
}

.input-box-title-select .add-input * {
    float: left;
}

.input-box-title-select .add {
    float: left;
    padding-top: 4px;
    line-height: 22px;
}

.input-box-title-select .add a {
    color: #505050;
}

.input-box-title-select .add i {
    margin-right: 3px;
}

.input-box-title-select .s-overhide .m-left, .input-box-title-select .s-overhide .m-right {
    display: block;
    position: absolute;
    left: -4px;
    height: 31px;
    z-index: 9;
}

.input-box-title-select .s-overhide .m-left a, .input-box-title-select .s-overhide .m-right a {
    display: inline-block;
    height: 31px;
    padding: 7px 5px;
    font-size: 17px;
}

.input-box-title-select .s-overhide .m-left {
    background-color: #eee;
}

.input-box-title-select .s-overhide .m-right {
    left: 540px;
    padding-left: 13px;
    background: url(../../../images/user/t1/m-right-bg.png) no-repeat;
}

.input-box-title-select .s-overhide .m-right:after {
    position: absolute;
    content: " ";
    top: 9px;
    right: -10px;
    height: 14px;
    border-right: 1px solid #b7b7b7;
}

.input-box-title-select .s-overhide .add-input, .input-box-title-select .s-overhide .add {
    position: absolute;
    top: 0;
    left: 595px;
    height: 32px;
    padding-top: 5px;
}

.input-box-title-select .title-subclass .add-input input[type="text"] {

    width: 135px;
    height: 22px;
    padding: 0 5px;
    font-size: 12px;
    line-height: 22px;
}

.input-box-title-select .title-subclass .add-input button {

    height: 22px !important;
    margin-left: 3px !important;
    padding: 0 5px !important;
    line-height: 18px;
    color: #fff !important;
    background: #a21e1e !important;
    border: 1px solid #ccc !important;
}

.input-box-title-select .title-subclass .add-input .cancel {
    color: #aaa !important;
    background: #fff !important;
    border-color: #ccc !important;
}

.input-box-title-select .switch-box {
    float: left;
}

.input-box-title-select .s-overhide .switch-box {
    overflow: hidden;
    width: 560px;
}

.input-box-title-select .s-overhide .switch {
    width: 2780px;
}

.input-box-title-select .title-tools {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 12px;
    font-family: Arial;
    margin: 0;
    padding: 5px 0;
    border: 0;
    line-height: 20px;
    background: transparent;
}

.input-box-title-select .title-tools:before {
    display: none;
}

.input-box-title-select .title-tools a {
    margin-left: 10px;
    padding: 0 5px;
    color: #fff;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    line-height: 20px;
    background: #a21e1e;
}

.input-box-title-select .title-tools a i {
    margin-right: 3px;
}


.user-news {
    margin-left: 5px;
}

.user-news-list {
    margin: -15px;
    font-family: "Microsoft YaHei";
}

.user-news-list dl {
    position: relative;
    overflow: hidden;
    padding: 25px 18px;

    border-bottom: 1px dotted #898989;
    zoom: 1;
}

.user-news-list .user-pic, .user-news-list .user-name, .user-news-list .user-action, .user-news-list .action-time {
    float: left;
    height: 36px;
    margin-right: 15px;
    line-height: 36px;
}

.user-news-list .user-pic {
    width: 36px;

}

.user-news-list .user-pic img {
    width: 36px;
    height: 36px;
    border-radius: 100%;
}

.user-news-list .user-name {
    color: #b34341;
}

.user-news-list .action-time {
    float: none;
    float: right;
    margin-right: 7px;
}

.user-news-list .news-content {
    float: left;
    width: 100%;
    position: relative;
    margin-top: 15px;
    padding: 18px;
    padding-bottom: 58px;
    line-height: 20px;
    color: #707070;
    background: #f6f6f6;
    border-radius: 5px;
}

.user-news-list .news-content:before {
    border-bottom: 9px solid #f6f6f6;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    content: "";
    display: inline-block;
    left: 8px;
    position: absolute;
    top: -6px;
}

.user-news-list .news-content h3 {
    color: #333333;
    margin-bottom: 5px;
}

.user-news-list .news-content .content img {
    max-width: 50%;
}

.user-news-list .news-content .update-list {
    background: #fbfdff;
    border: 1px solid #ebebeb;
}

.user-news-list .news-content .update-list li {
    position: relative;
    padding-left: 10px;
    padding-right: 110px;
    list-style: disc;
    list-style-position: inside;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-news-list .news-content .update-list li:nth-child(2n-1) {
    background: #f3faff;
}

.user-news-list .news-content .update-list li a {
    margin-left: -10px;
    color: #333;
    text-decoration: underline;
}

.user-news-list .news-content .update-list li .author {
    position: absolute;
    right: 10px;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
    color: #999999;
}

.user-news-list .news-content .update-list li .author span {
    margin-left: 10px;
}

.user-news-list .news-content .update-list li.more {
    text-align: right;
    list-style: none;
    padding-right: 15px;
}

.user-news-list .news-content .update-list li.more a {
    color: #1d9ed7;
}

.user-news-list .news-content .attachment {
    margin: 15px 0 0 0;
    padding: 0;
    border: 0;
    background: transparent;
}

.user-news-list .news-content .attachment-list {
    margin: 0 -1px
}

.user-news-list .news-content .attachment-list a {
    border: 0;
    max-width: 225px;
    margin: 0 1px 1px;
    padding: 8px;
    background: #fff;
}

.user-news-list .news-content .attachment-list a span {
    text-decoration: underline;
}

.user-news-list .news-content .attachment-list a span.size {
    text-decoration: none;
}

.user-news-list .news-site, .user-news-list .news-op {
    position: absolute;
    bottom: 18px;
    height: 50px;
    line-height: 50px;
    color: #3377ab;
}

.user-news-list .news-site {
    overflow: hidden;
    left: 18px;
    width: 350px;
    padding-left: 18px;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.user-news-list .news-site > span {
    position: relative;
}

.user-news-list .news-site > span:after {
    display: inline-block;
    content: ">>";
    margin: 0 3px;
}

.user-news-list .news-site a {
    color: inherit;
    text-decoration: underline;
}

.user-news-list .news-op {
    display: none; /*点赞评论屏蔽	*/
    right: 18px;
    padding-right: 18px;
    color: #555;
}

.user-news-list .news-op > span {
    margin-left: 8px;
}

.user-news-list .news-op i {
    margin-right: 2px;
}

.user-news-list .news-op a {
    color: inherit;
}

.data-about {
    margin-right: 5px;
}

.data-about .cover-list {
    margin: -15px;
    padding: 0;
}

.data-about .cover-list:before, .data-about .cover-list:after {
    display: table;
    content: "";
    clear: both;
}

.data-about .cover-list dl {
    position: relative;
    float: left;
    width: 50%;
    min-height: 181px;
    padding: 15px;
    padding-left: 135px;
    font-family: "Microsoft YaHei";
    border-bottom: 1px dotted #e4e4e4;
}

.data-about .cover-list .cover {
    position: absolute;
    left: 15px;
    top: 15px;
    width: 108px;
    height: 150px;
    text-align: center;
}

.data-about .cover-list dt {
    overflow: hidden;
    max-height: 36px;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 18px;
}

.data-about .cover-list dt a {
    color: #333333;
}

.data-about .cover-list dd {
    overflow: hidden;
    height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #707070;
    line-height: 20px;
}

.data-about .cover-list dd.intro {
    overflow: hidden;
    height: 60px;
    white-space: normal;
}

.data-about .cover-list .pic img {
    max-width: 108px;
    max-height: 150px;
}

.data-about .cover-list .author {
    margin-bottom: 6px;
}

.data-about .cover-list .author span {
    margin-right: 4px;
}

.alert-box {
    min-height: 400px;
    padding: 100px 0;
    font-family: "Microsoft YaHei";
    background: #fff;
    text-align: center;
    font-size: 18px;
}

.alert-box img {
    position: relative;
    top: -3px;
    margin-right: 10px;
    vertical-align: middle;
}

.alert-box .btn {
    position: relative;
    top: -2px;
    margin: 0 3px;
    font-family: Tahoma;
    background: #A21E1E;
    border: 1px solid #A21E1E;
}

.my-point {
    position: relative;
    height: 120px;
    padding: 30px 25px;
    background: #fff;
}

.my-point .point-info {
    float: left;
    width: 250px;
    margin-right: 20px;
    border-right: 1px solid #eee
}

.my-point .point-info.p1 {
    width: 380px;
    padding-left: 75px;
    /*background: url(..../../../images/point-pic.png) no-repeat 0 2px;*/
}

.my-point .point-info.p1 h2 {
    color: #333;
}

.my-point .point-info.p1 .value {
    font-size: 36px;
    color: #F5A615;
}

.my-point .point-info.p1 .btn {
    position: relative;
    top: -3px;
    padding: 0px 15px;
    line-height: 31px;
    background: #c85342;
    border: none;
    border-radius: 5px;
}

.my-point .point-info.p2 .value {
    color: #00bf02;
}

.my-point .point-info.p3 .value {
    color: #b22222;
}

.my-point .point-info:last-child {
    border: 0;
}

.my-point .point-info h2 {
    font-size: 14px;
    font-weight: lighter;
    color: #999;
}

.my-point .point-info .value {

    margin: 0;
    font-size: 30px;
    font-weight: lighter;
    line-height: 40px;
    font-family: "Helvetica Neue", verdana, arial, sans-serif;
}

.point-list {
    padding: 20px 10px;
    background: #f7f7f7;
}

.point-list .minus td {
    color: #b22222;
    background: #f9e9e9;
}

.point-list th {
    text-align: center;
}

.point-list td {
    height: 40px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 30px;
}

.point-list .value {
    text-align: center;
    font-size: 18px;
}

.point-list .date {
    text-align: center;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    /*display: none;*/
    max-width: 276px;
    padding: 9px 14px;
    text-align: left;
    font-size: 12px;
    line-height: 18px;
    white-space: normal;
    color: #a21e1e;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
}

.popover:before {
    border-top: 7px solid rgba(0, 0, 0, 0.2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    left: 36px;

    position: absolute;
    bottom: -7px;
}

.popover:after {
    border-top: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    left: 37px;
    position: absolute;
    bottom: -5px;
}

/*绑定第三方账号*/
.association {
    margin: 0 -10px;
    padding: 20px 0;
}

.association li {
    display: inline-block;
    padding: 0 20px;
    text-align: center;
}

.association i {
    width: 82px;
    height: 82px;
    display: block;
    background: url(../../../images/association-icons.png) no-repeat;
    margin-bottom: 20px;
}

.association i:before {
    display: none;
}

.association .icon-weibo {
    background-position: -84px 0;
}

.association .icon-wechat {
    background-position: -168px 0;
}

.association a:hover .icon-qq, .association a.on .icon-qq {
    background-position: 0 -84px;
}

.association a:hover .icon-weibo, .association a.on .icon-weibo {
    background-position: -84px -84px;
}

.association a:hover .icon-wechat, .association a.on .icon-wechat {
    background-position: -168px -84px;
}

.association li:hover {
    cursor: pointer;
}

/*选择标签*/
.choice, .Address, .prodact-info {
    padding: 20px 30px;
    /* border-radius: 5px; */
    /* border: 2px dashed #cecccc; */
    background: #fafafa;
}

.Address {
    padding: 10px 0px;
}

.choice label {
    display: inline-block;
    line-height: 24px;
    color: #999;
}

.choice ul {
    display: inline-block;
}

.choice li {
    display: inline-block;
    line-height: 24px;
    padding: 0 10px;
    margin-right: 5px;
    cursor: pointer;
}

.choice li .red, .choice li span {
    vertical-align: baseline;
}

.choice li:hover, .choice li.current {
    background: #e2e2e2;
    color: #333;
    border-radius: 5px;
}

.list_til {
    line-height: 40px;
}

.pxfs a {
    display: inline-block;
    line-height: 24px;
    padding: 0 10px;
    margin-left: 5px;
    background: #f1f0f0;
    color: #333;
    border-radius: 5px;
    cursor: pointer;
}

.pxfs a:hover, .pxfs a.current {
    background: #41b8f0;
    color: #fff;
}

/*积分兑换列表*/
.card_list li {
    display: inline-block;
    width: 224px;
    height: 230px;
    margin-right: 14px;
    margin-bottom: 25px;
    background: #f5f5f5;
}

.card_list li:nth-child(4n+4) {
    margin-right: 0px;
}

.card_list li p {
    padding: 0px 9px 0;
    margin: 5px 0 0 0;
    font-size: 12px;
    color: #666;
    line-height: 20px;
}

.card_list li .card_img_p {
    height: 140px;
    width: 100%;
    text-align: center;
    padding: 10px 10px 10px;
    background: #cccccc;
    overflow: hidden;
    margin-top: 0;
}

.card_list li .card_img_p img {
    width: 200px;
    max-height: 120px;
    background: #fff;
    border-radius: 5px;
}

.card_sk tt {
    display: inline-block;
    line-height: 20px;
    padding: 0 10px;
    /* background: #f8883c; */
    color: #333;
}

.card_sk .organ, .collection_list .organ {
    font-size: 16px;
    font-weight: bold;
    margin-right: 2px;
}

.card_sk a {
    display: inline-block;
    line-height: 20px;
    padding: 0 10px;
    background: #fc6703;
    color: #fff;
}

.card_sk a:hover {
    background: #f8883c;
}

.card_sk a.collect-btn {
    height: 20px;
    line-height: 18px;
    background: none;
    color: #333;
    border: 1px solid #ccc;
}

.card_sk a.collect-btn:hover {
    color: #fc6703;
    border: 1px solid #fc6703;
}

/*我的收藏列表*/
.collection_list li {
    width: 100%;
    height: 80px;
    padding: 15px;
}

.collection_list li:nth-child(odd) {
    background: #f3f3f3;
}

.collection_list li p {
    margin: 0;
    line-height: 50px;
}

.collection_img_p img {
    width: 94px;
    max-height: 56px;
    background: #fff;
    border-radius: 5px;
}

/*商品详细*/
.prodact-info-img {
    width: 350px;
    height: 300px;
    line-height: 200px;
    text-align: center;
    border: 1px solid #ccc;
}

.prodact-info-img img {
    width: 350px;
    height: 100%;
}

.prodact-info-text {
    width: 490px;
}

.prodact-info-text h4 {
    font-size: 25px;
    line-height: 40px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #ccc;
}

.prodact-item-list {
    width: 100%;
    padding: 6px 0;
    line-height: 40px;
}

.prodact-item-list label {
    float: left;
    width: 85px;
    line-height: 40px;
    text-align: left;
    color: #838383;
}

.prodact-item-info {
    float: left;
    color: #333;
}

.prodact-item-list .tb-text {
    float: left;
    width: 46px;
    padding: 6px;
}

.mui-amount-btn {
    float: left;
    margin-left: 5px;
}

.mui-amount-btn span {
    width: 16px;
    height: 12px;
    line-height: 12px;
    margin-bottom: 5px;
    overflow: hidden;
    border: 1px solid #a7a6ab;
    display: block;
    font-family: tm-detail-font !important;
    line-height: 10px;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
}

.mui-amount-unit {
    float: left;
    margin-left: 5px;
    height: 35px;
    line-height: 31px;
    color: #878787;
}

/*---------------内容列表部分结束    ------------------*/
/*------------------------------弹出层部分开始------------------------------*/
.bg {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    filter: alpha(opacity=50);
    opacity: 0.5;
    background: #000;
    z-index: 1000;
}

.pop {
    background: #fff;
    left: 50%;
    position: fixed;
    top: 50%;
    z-index: 30000;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.canzhao01 {
    width: 840px;
    height: 480px;
    padding: 0 30px;
    margin: -240px 0 0 -420px;
    background: #f8f8f8;
}

.canzhao02 {
    width: 620px;
    height: 340px;
    margin: -200px 0 0 -310px;
    background: #fff;
}

.canzhao02 .form_box tt {
    margin-left: 0px;
}

.canzhao02 .form_box04 textarea {
    margin: 0px;
    height: 100px;
}

.canzhao03 {
    width: 370px;
    height: 220px;
    margin: -200px 0 0 -185px;
    background: #fff;
}

.canzhao03 .corde img {
    padding: 10px;
    border: 1px solid #eee;
}

.canzhao03 .sum_btn, .canzhao03 .gry_btn {
    padding: 0px 15px;
}

.canzhao03 p {
    width: 100%;
    /* line-height: 25px; */
    color: #333;
    font-size: 14px;
    /* padding: 0; */
}

/*关闭按钮部分开始*/
.pop_close {
    position: absolute;
    top: -17px;
    right: -17px;
}

.pop_til {
    line-height: 35px;
    font-size: 16px;
    color: #4f4e53;
    padding: 10px 20px;
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    background: url(../../..../../../images/user/t1/til_jc.png) repeat-x 0 -10px;
}

/*居中圆圈翻页样式开始*/
.pagecon_radius {
    width: 100%;
    height: 50px;
    padding: 10px 20px;
    box-shadow: 0 1px 2px #ccc;
    position: relative;
    /*background:none;*/
    /* border: 1px solid #ccc; */
    line-height: 33px;
}

.Pre_page, .Next_page {
    line-height: 40px;
    padding: 0 20px;
    /*background: url("..../../../images/icon_pagesx.png") no-repeat;*/
    position: absolute;
}

.Pre_page:hover, .Next_page:hover {
    /*background: url("..../../../images/icon_pagesxh.png") no-repeat;*/
}

.Pre_page, .Pre_page:hover {
    padding-left: 55px;
    background-position: 30px 15px;
    border-right: 1px solid #e3e3e3;
    left: 0px;
}

.Next_page, .Next_page:hover {
    padding-right: 55px;
    background-position: 73px -25px;
    border-left: 1px solid #e3e3e3;
    right: 0px;
    top: 10px;
}

.page_num_radius {
    width: 100%;
    line-height: 40px;
    text-align: center;
}

.page_num_radius a, .page_num_radius span.dian3 {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    margin: 0 5px;
    font-size: 15px;
}

.page_num_radius a.current, .page_num_radius a:hover {
    background: #5d5d5d;
    color: #fff;
    box-shadow: 0 1px 2px #ccc;
}

/*自助离校申请*/
.user-info {
    position: relative;
    margin-bottom: 15px;
    padding: 10px 200px 15px 10px;
    background: #fafafa;
}

.user-info .content-input:before, .user-info .content-input:after {
    display: table;
    content: "";
    clear: both;
}

.user-info .content-input .input-line {
    float: left;
    width: 50%;
    padding: 0 10px;
}

.user-info .content-input .input-label {
    padding: 3px 0;
    color: #999;
    font-weight: lighter;
}

.user-info .content-input .input {
    height: 34px;
    padding-bottom: 13px;
    font-size: 18px;

    border-bottom: 1px solid #e6e6e6;
}

.user-info .info-right {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 165px;
    padding: 25px;
    text-align: center;
}

.user-info .btn {
    width: 100px;
    height: 100px;
    padding: 20px;
    color: #fff;
    font-size: 24px;
    line-height: 25px;
    text-align: center;
    background: #a21e1e;
    border: 0;
}

.user-info .info-right .tip {
    margin: 30px -20px 0;
    line-height: 20px;
    text-align: left;
}

.leave {
    position: relative;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    background: #fff;
    padding: 10px 13px;
    height: 155px;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, .05)
}

.leave:after {
    position: absolute;
    right: -15px;
    bottom: -15px;
    width: 50px;
    height: 50px;
    background: url(../../..../../../images/user/t1/leave-pic.png) no-repeat;
    background-size: cover;
    content: "";
    z-index: 2;
}

.leave p {
    position: relative;
    margin: 0;
    text-align: left;
    font-size: 13px;
    line-height: 28px;
    border-bottom: 1px solid #eee;
}

.leave p:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 28px;
    border-bottom: 1px solid #eee;
    content: "";
}


.data-check h2 {
    height: 41px;
    margin-bottom: 10px;
    padding-left: 20px;
    font-size: 16px;
    line-height: 42px;
    color: #000;
}

.check-step {
    margin-bottom: 15px;
    padding: 0 10px;
}

.check-step .step {
    position: relative;

    padding: 20px 10px;
    background: #fafafa;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}

.check-step .step:before, .check-step .step:after {
    display: table;
    content: "";
    clear: both;
}

.check-step .step .status {
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    text-align: center;
}

.check-step .step .status i {
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 18px;
    line-height: 26px;
    border-radius: 100%;
    border: 2px solid #aaa;
}

.check-step .step .status .icon-ok {
    color: #109902;
    border-color: #109902;
}

.check-step .step .status .icon-remove {
    color: #ca0403;
    border-color: #ca0403;
}

.check-step .step .status .icon-spinner {
    font-size: 24px;
    border: 0;
    animation: loading 1s linear infinite;
}

.check-step .step .name {
    float: left;
    font-size: 16px;
    line-height: 30px;
}

.check-step .step .name input {
    position: relative;
    top: -2px;
}

.check-step .step .check-info {
    clear: both;
    margin-top: 50px;

    background: #fff;
    border: 1px solid #eee;
    border-radius: 2px;
}

.check-step .step .check-info .info-name {
    padding: 10px;
    background: #f7f7f7;
    border-bottom: 1px solid #eee;
}

.check-step .step .check-info li {
    padding: 10px;
    border-bottom: 1px solid #eee;
}

.check-step .step .check-info li span {
    display: inline-block;
    width: 200px;
}

.check-step .step .close {
    position: absolute;
    right: 10px;
    top: 20px;
    width: 30px;
    height: 30px;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
}

@-webkit-keyframes loading {
    from {
        -webkit-transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes loading {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}


.media .progress {
    width: 120px;
    float: right;
}

.media p {
    width: 170px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
}

.media .delete-file {
    margin-left: 10px;
    float: right;
}

.media .progress-bar {
    background-color: #34A853;
}

#spanButtonPlaceHolder {
    display: inline-block;
    height: 30px;
    padding: 3px 15px;
    font-size: 12px;
    line-height: 24px;
    color: #34A853;
    background: #fff;
    border: #34A853 1px solid;
    border-radius: 3px;
    vertical-align: middle;
    cursor: pointer;
    font-weight: normal;
}

/*校友服务*/
.alumnus {
    background: url(../../..../../../images/user/t1/bg-xy.jpg) no-repeat;
    background-size: cover;
    /* width: 100%; */
}

.alumnus-info {
    padding: 0 20px;
}

.welcome-tile {
    background: none;
    padding: 0;
    margin-bottom: 20px;
    color: #121212;
    font-size: 16px;
    text-align: center;
    height: 60px;
    line-height: 55px;
    position: relative;
}

.welcome-tile:before {
    content: "";
    width: 30%;
    height: 1px;
    border-top: 1px dashed #999;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -15%;
}

.welcome-tile:after {
    content: "";
    width: 40px;
    height: 4px;
    background: #a21e1e;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -20px;
}

.alumnus-info-img {
    float: left;
    width: 360px;
    height: 290px;
    box-shadow: 10px 10px 0 #fd6644;
}

.gray-text {
    float: right;
    width: 526px;
    /* padding: 15px; */
    margin-top: -1px;
    line-height: 30px;
    font-size: 13px;
}

.gray-text p {
    padding: 0;
    margin: 0;
    color: #111;
}

.gray-text .red {
    color: #f00;
}

.gray-text .f15 {
    font-size: 15px;
}

.gray-text .f16 {
    font-size: 16px;
}

.gray-text a {
    color: #4b4b4b;
    text-decoration: underline;
}

.gray-text a:hover {
    text-decoration: underline;
}

/*借阅服务*/
.servicelink-list li {
    float: left;
    width: 30%;
    margin: 10px;
}

.servicelink-list li .servicelink-a {
    display: block;
    width: 100%;
    padding-left: 55px;
    position: relative;
}

.servicelink-list li i {
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    background: #42a9dd;
    border-radius: 3px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
}

.servicelink-list li b, .servicelink-list li span {
    display: inline-block;
    width: 100%;
    color: #64686a;
}

.servicelink-list li b {
    font-size: 15px;
    color: #333;
    margin-bottom: 6px;
}

/*参考咨询*/
.boxshadowPlate {
    min-height: 580px;
    padding-top: 40px;
    background: #fff;
    -webkit-box-shadow: 0 4px 12px rgba(188, 214, 237, 0.9);
    -moz-box-shadow: 0 4px 12px rgba(188, 214, 237, 0.9);
    box-shadow: 0 4px 12px rgba(188, 214, 237, 0.9);
}

.article-box {
    padding: 10px 30px;
    position: relative;
}

.article-detail p strong, .bt_strong {
    color: #999999;
    vertical-align: baseline;
    font-weight: normal;
}

.article-main {
    font-size: 13px;
}

.text_info {
    font-size: 14px;
    line-height: 25px;
}

.review-box {
    border: 1px solid #e3e3e3;
    border-top: none;
}

.blue_bg {
    background-color: #eff6ff;
}

.main .article_h1 {
    padding: 0;
    font-size: 18px;
    background: none;
}

.icon_wh {
    display: inline-block;
    line-height: 30px;
    vertical-align: text-bottom;
}

.blue_a {
    color: #1b8bf9;
    vertical-align: baseline;
}

.green_bg {
    background-color: #f3ffeb;
}

.grye {
    color: #a8a7a7;
}

.ml100 {
    margin-left: 100px !important;
}

.i_ask_tipicon {
    display: block;
    height: 24px;
    line-height: 24px;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    position: absolute;
    top: 10px;
    left: 0px;
}

.green_grid {
    background: #29a69e;
    padding: 0 15px;
}

.text_info_img {
    text-align: left;
    width: 100%;
    padding: 10px 0;
    overflow: hidden;
}

.text_info_img img {
    max-width: 100%;
}

/*评论*/
.review_info {
    padding: 0 30px;
    padding-bottom: 30px;
}

.review_info .title, .review_title {
    color: #1b8bf9;
    font-weight: bold;
    padding-top: 20px;
    font-size: 15px;
    position: relative;
}

.ask_textarea {
    width: 100%;
    height: 100px;
    line-height: 30px;
    text-indent: 14px;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
}

.ask_textarea:focus {
    border-color: #a2cffc;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

.radius_btn, .blue_btn {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    text-align: center;
    border: 1px solid #ccc;
    color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position: relative;
}

.blue_btn {
    border: 1px solid #5585f3;
    background: #64a3fc;
}

.blue_btn:hover {
    color: #fff;
    background: #1b8bf9;
}

.blueline_btn {
    border: 1px solid #5585f3;
    background: #fafafa;
    color: #5585f3;
}

.blueline_btn:hover {
    color: #1b8bf9;
    border: 1px solid #1b8bf9;
    background: #fff;
}

.red_btn {
    border: 1px solid #a21e1e;
    background: #a21e1e;
}

.red_btn:hover {
    color: #fff;
    background: #940c0c;
}

.gry_btn {
    color: #666;
}

.gry_btn:hover {
    color: #333;
    background: #f1f1f1;
}

.review_title .radius_btn {
    position: absolute;
    right: 0px;
    top: 10px;
    font-weight: normal;
}

/*回复内容列表开始*/
.review_til {
    padding: 0 30px;
    line-height: 45px;
    border: 1px solid #e3e3e3;
    border-left: none;
    border-right: none;
    color: #bbbbbb;
}

.review_til span {
    color: #666;
    padding: 0 5px;
    font-weight: bold;
    font-size: 16px;
}

.review_til i {
    font-size: 18px;
    /* margin-top: 2px; */
    font-weight: bold;
    color: #666;
    vertical-align: middle;
    position: relative;
    top: -4px;
}

.comments_list li {
    float: left;
    list-style: none;
    width: 100%;
    padding: 20px 0 10px;
    margin-bottom: 20px;
    /*border-bottom:1px solid #ccc;*/
}

.comments_list li:last-child {
    border: none;
}

/*回复好友信息部分*/
.ui-avatar {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    margin-left: 20px;
}

.ui-avatar a {
    display: block;
}

.ui-avatar img {
    width: 40px;
    display: block;
}

.comments-content01 {
    width: calc(100% - 70px);
    position: relative;
}

/*.comments-info{
	width:80%;
}*/
.q_namecard {
    display: inline-block;
    font-size: 15px;
    color: #333;
    font-weight: bold;
}

.time {
    color: #999;
    font-size: 14px;
}

.comments-info p {
    width: 100%;
    margin: 0px;
    line-height: 30px;
    font-size: 14px;
    color: #333;
}

.comments-info p.text_info_img {
    text-align: left;
    width: 100%;
    padding: 10px 0;
    overflow: hidden;
}

.comments-info .text_info_img img {
    max-width: 100%;
}

.comments-info span {
    color: #5585f3;
}

.comments-info span.time {
    color: #999;
    font-size: 12px;
    padding-left: 10px;
}

.comments-op {
    width: 150px;
    color: #666;
    position: absolute;
    right: 0px;
    top: 3px;
}

.comments-op a, .comments-op span {
    text-align: right;
    display: block;
    font-size: 12px;
    line-height: 25px;
}

.act-reply {
    float: right;
}

.commnets_poster {
    width: 100%;
    background: #eee;
    padding: 20px;
    margin-top: 10px;
    display: none;
}

section.weui-article_item textarea.c_tx3 {
    width: 83%;
    height: 35px;
    line-height: 35px;
    border: 1px solid #ccc;
    text-indent: 12px;
}

.c_tx3_btn {
    width: 16%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #ccc;
    background: #fff;
    color: #5585f3;
}

.star_pf i {
    width: auto;
}

.star_pf span {
    font-weight: bold;
    color: #666;
}

.star_pf span.flit {
    font-weight: normal;
}

.tb-action {
    margin-top: 44px;
}

.tb-btn-sku {
    margin-right: 10px;
    float: left;
}

.noPost {
    margin-right: 0;
    float: left;
    width: 178px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 16px;
    overflow: hidden;
    position: relative;
    border-radius: 3px;
    background-color: #ffe3d0;
    border: 1px solid #fe7c04;
    color: #fe7c04;
}

.tb-btn-basket .noPost {
    background-color: #fe7c04;
    border: 1px solid #fe7c04;
    color: #fff;
}

.prodact-main-plate {
    padding: 0 0px 20px;
    margin-top: 20px;
    /* border: 1px solid #cbcbcb; */
    border-radius: 3px;
    background: #fafafa;
}

.prodact-main-plate .main-guid .current {
    background: #fafafa;
}

.tm-item {
    padding: 8px 20px 10px;
    height: 40px;
    line-height: 40px;
}

.tm-item .name {
    color: #666;
    float: left;
    margin-right: 15px;
}

.tm-img img {
    max-width: 100%;
}

/*阅读报告*/
.my-info .btn-ydbg {
    position: absolute;
    right: 188px;
    top: 20px;
}

.btn-ydbg a {
    display: inline-block;
    width: 160px;
    height: 40px;
    font-size: 14px;
    line-height: 39px;
    color: #fff;
    background: linear-gradient(-45deg, #7735fc, #ac63ff);
    /* border: 1px solid #7735fc; */
    border-radius: 3px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    overflow: hidden;
}

.icon-ydbg:before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 32px;
    background: url("../../../images/site/icon-ydbg.png");
    vertical-align: middle;
}

.btn-ydbg a:before {
    content: "";
    display: block;
    width: 160px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../../../images/site/btn-ydbg.png");
    border-radius: 3px;
    overflow: hidden;
}


.record h1 {
    position: relative;
}

.record .btn-ydbg {
    position: absolute;
    right: 0px;
    top: -3px;
}

/*进入馆员工作台*/
.my-info .btn-enter {
    position: absolute;
    right: 356px;
    top: 20px;
}

.btn-enter a {
    display: inline-block;
    width: 160px;
    height: 40px;
    font-size: 14px;
    line-height: 39px;
    color: #fff;
    background: linear-gradient(0deg, #0075b7, #1996dc);
    /* border: 1px solid #7735fc; */
    border-radius: 3px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    overflow: hidden;
}

.icon-enter:before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 32px;
    background: url("../../../images/site/icon-enter.png");
    vertical-align: middle;
}

.btn-enter a:before {
    content: "";
    display: block;
    width: 160px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    /* background: url("../../../images/site/btn-ydbg.png"); */
    border-radius: 3px;
    overflow: hidden;
}