/*通用*/

ul,
li,
p,
span,
img,
p,
h1,
h2,
h3,
h4,
h5,
div {
    list-style: none;
    padding: 0;
    margin: 0;
    border: none;
    font-weight: normal;
}

.clear {
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

[v-cloak] {
    display: none;
}

.wid-auto {
    margin: 0 auto;
}

.mt20 {
    margin-top: 20px;
}

.mt10 {
    margin-top: 10px;
}

.ml20 {
    margin-left: 20px;
}

.ml10 {
    margin-left: 10px;
}

.mr20 {
    margin-right: 20px;
}

.mr10 {
    margin-right: 10px;
}

.mt-1 {
    margin-top: -1px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb10 {
    margin-bottom: 10px;
}

.c-999 {
    color: #999;
}

.c-666 {
    color: #666;
}

.c-333 {
    color: #333;
}

.c-009bde {
    color: #009bde;
}

.c-0071ce {
    color: #0071ce
}

.c-d9272e {
    color: #d9272e
}

.c-ee4653 {
    color: #ee4653
}

.c-95d600 {
    color: #95d600
}

.b-0071ce {
    border: 1px solid #0071ce
}

.b-ee4653 {
    border: 1px solid #ee4653
}

.b-e0 {
    border: 1px solid #e0e0e0
}

.b-t-1-e {
    height: 1px;
    background-color: #eee;
    width: 100%;
    clear: both;
}

.b-t-1-d {
    height: 1px;
    background-color: #ddd;
    width: 100%;
    clear: both;
}

.s12 {
    font-size: 12px;
}

.web-header-top a {
    color: #666;
}

.position {
    line-height: 24px;
    background: url(ico_dq.png) no-repeat left;
    height: 24px;
    padding-left: 35px;
    font-size: 16px;
}

.position ul {
    background: #fff;
    padding: 0;
    margin: 0
}

.position a {
    color: #666;
}


/*注册*/

.register-wrapper {
    background: url(loginbg.png) no-repeat fixed center 160px #c8c2b6;
    background-color: #c8c2b6;
    position: relative;
    width: 450px;
    margin: 0 auto;
    padding: 0;
    overflow-y: scroll;
}

.register-wrapper .title {
    margin-top: 70px;
}

.register-title {
    color: #fff;
    background-color: #009bde;
    border-color: #0071ce;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px;
    text-align: center;
    font-size: 16px;
    line-height: 1.42857143;
    border-radius: 4px;
    width: 200px;
}

.register-wrapper .logo {
    height: 100px;
}

.register-wrapper .wrapper {
    position: relative;
    padding: 30px;
    border-radius: 16px;
    background-color: #ffffff;
}


/*会员中心



*/

.mem-header-top,
.web-header-top {
    background: #f5f5f5;
    position: relative;
    z-index: 10;
    height: 37px;
    border-bottom: 3px #0071ce solid;
}

.mem-header {
    height: 110px;
}

.mem-width {
    width: 900px;
}

.mem-width-z {
    width: 930px;
}

.bord2 {
    border-bottom: 2px #d2d2d2 solid;
}

.mem-t-menu {
    margin-left: 20px;
    margin-top: 48px;
}

.mem-t-menu li a {
    color: #333;
    font-size: 14px;
}

.mem-l-pic,
.mem-l-menu,
.mem-r-info,
.mem-r-study {
    border: 1px solid #eee;
}

.mem-l-pic {
    background-color: #f0f0f0;
    padding: 15px;
}

.mem-l-pic img {
    border: 1px #d5d5d5 solid;
    width: 170px;
    height: 170px;
    border-radius: 85px;
}

.mem-l-menu li {
    height: 45px;
}

.mem-l-menu li a {
    border-radius: 0;
    color: #333;
    font-size: 16px;
    padding: 0;
    padding-left: 74px;
    line-height: 45px;
}

.m-l-m-1 {
    background: url(ico_member_1.png) no-repeat 24px;
}

.m-l-m-2 {
    background: url(ico_member_2.png) no-repeat 24px;
}

.m-l-m-3 {
    background: url(ico_member_3.png) no-repeat 24px;
}

.m-l-m-4 {
    background: url(ico_member_4.png) no-repeat 24px;
}

.m-l-m-5 {
    background: url(ico_member_5.png) no-repeat 24px;
}

.m-l-m-6 {
    background: url(ico_member_6.png) no-repeat 24px;
}

.m-l-m-7 {
    background: url(ico_member_7.png) no-repeat 24px;
}

.m-l-m-8 {
    background: url(ico_member_8.png) no-repeat 24px;
}

.mem-footer {
    border-top: 1px solid #999;
    text-align: center;
    padding: 10px;
    line-height: 30px;
}

.mem-r-info-t {
    line-height: 40px;
    border-bottom: 1px solid #f0f0f0;
    margin: auto 20px;
}

.mem-r-info-t span {
    padding-right: 65px;
}

.mem-r-add {
    background-color: #f0f0f0;
    padding: 10px 40px;
    line-height: 45px;
}

#circle {
    width: 6px;
    height: 6px;
    background-color: #0071ce;
    border-radius: 3px;
    display: inline-block;
    margin-top: -2px;
}

.mem-r-add-info span,
.mem-study-info span {
    padding-left: 10px;
    padding-right: 10px;
}

.mem-nav {
    padding-top: 10px;
    font-size: 16px;
}

.mem-nav li.active a,
.mem-nav li.active a:hover,
.mem-nav li a:hover {
    border: none;
    border-bottom: 2px solid #0071ce;
    color: #0071ce;
    background-color: #fff;
}

.mem-nav li a {
    border: none;
    border-bottom: 2px;
    color: #333;
}

.mem-study-info {
    line-height: 28px;
    color: #999;
    font-size: 16px;
    padding-left: 10px;
    height: 56px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.study-fr {
    float: right;
    margin-right: 15px;
}

.mem-form .form-control {
    width: 70%;
}

.mem-message {
    padding: 20px;
    color: #666;
}

.mem-message-title,
.mem-message-cont {
    margin: 10px auto;
}

.mem-message-cont {
    color: #333;
}

.mem-message thead {
    color: #333;
}

.mem-message thead tr th {
    border-bottom: 2px solid #0071ce;
    font-weight: 400
}

.mem-message table tbody tr td {
    boder: #e0e0e0;
}

.mem-message .pagination {
    margin: 0 auto
}

.btn-white {
    color: inherit;
    background: #fff;
    border: 1px solid #e7eaec;
}

.hr-line-dashed {
    clear: both;
    border-top: 1px dashed #e7eaec;
    color: #fff;
    background-color: #fff;
    height: 1px;
    /* margin: 20px 0;*/
}

.mem-study-none a {
    margin: 10px 30px;
    width: 150px;
    color: #0071ce
}

.mem-study-none a:hover {
    width: 150px;
    background-color: #009bde;
    border-color: #0071ce;
    color: #fff;
}

.mem-name {
    padding-top: 8px;
}

.once-again {
    width: 125px;
}

.once-again a {
    width: 100%;
    background-color: #009bde;
    border-color: #0071ce;
    color: #fff;
}

.once-again a:hover {
    width: 100%;
    background-color: #0071ce;
    border-color: #009bde;
    color: #fff;
}

.mem-info {
    color: #666666;
    font-size: 14px;
    position: relative;
    height: 32px;
    line-height: 32px;
}


/*作品*/

.page {
    text-align: center;
}




.production,
.production-add {
    margin: 20px;
}

.production li {
    clear: both;
    margin: 10px auto;
    padding-bottom: 10px;
    border-bottom: #ddd 1px solid;
}

.production li img {
    height: 115px;
    padding: 2px;
    border: 1px solid #eee;
    display: block;
    float: right;
    margin-left: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.production li h1 {
    margin: 0 15px;
    font-weight: bold;
    font-size: 16px;
}

.production li p {
    margin: 0 15px;
    font-size: 14px;
    color: #666;
    line-height: 22px;
}

.production li .fj {
    margin: 10px 15px 0 15px;
}

.production li .date,
.production li .ver {
    display: inline-block;
    color: #999;
    font-size: 12px
}

.production li .ver_t {
    color: #cc0000;
}