blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
img,
input,
legend,
li,
ol,
p,
pre,
textarea,
ul {
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

fieldset,
img {
    border: 0
}

address,
caption,
cite,
code,
dfn,
em,
i,
td,
th,
var {
    font-style: normal;
    font-weight: 400
}

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

caption,
th {
    text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 10px;
    font-size: 100%;
    font-weight: 400
}

q:after,
q:before {
    content: ""
}

abbr,
acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-size: 100%
}

legend {
    color: #000
}

button {
    background: 0 0;
    border: none
}

ins {
    text-decoration: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: ""
}

blockquote,
q {
    quotes: """"
}

hr {
    color: #f5f2ee;
    background-color: #f5f2ee;
    border: none;
    height: 1px
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

body,
html {
    -webkit-text-size-adjust: none
}

body {
    padding-top: 53px;
    font-size: 13px;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
    -webkit-font-smoothing: antialiased
}

a,
button {
    cursor: pointer
}

button,
input {
    outline: 0
}

p {
    word-wrap: break-word
}

a {
    color: #333;
    transition: all .15s ease-out
}

a,
a:hover {
    text-decoration: none
}

a:hover {
    color: #207fce
}

i {
    overflow: hidden
}

.clearfix:after,
.fn-clear:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

.f14 {
    font-size: 13px
}

.f16 {
    font-size: 16px
}

.f18 {
    font-size: 18px
}

.cp {
    cursor: pointer
}

.b {
    font-weight: 700
}

.w {
    white-space: nowrap
}

.tal {
    text-align: left
}

.tac {
    text-align: center
}

.tar {
    text-align: right
}

.fn-right,
.fr {
    float: right
}

.db img {
    display: block
}

.fl,
.fn-left {
    float: left
}

.pr {
    position: relative
}

.pa {
    position: absolute
}

.oh {
    overflow: hidden
}

.hide {
    display: none
}

::-moz-selection {
    background: #207fce;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #207fce;
    color: #fff;
    text-shadow: none
}

::-webkit-input-placeholder {
    color: #666
}

:-moz-placeholder,
::-moz-placeholder {
    color: #666
}

::-ms-input-placeholder {
    color: #666
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #666
}

#weekcon::-webkit-scrollbar,
.d-scroll::-webkit-scrollbar,
.looked-list ul::-webkit-scrollbar,
html::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

#weekcon::-webkit-scrollbar-thumb,
.d-scroll::-webkit-scrollbar-thumb,
.looked-list ul::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb {
    border-radius: 1em;
    background-color: rgba(50, 50, 50, .3)
}

#weekcon::-webkit-scrollbar-track,
.d-scroll::-webkit-scrollbar-track,
.looked-list ul::-webkit-scrollbar-track,
html::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

#weekcon::-webkit-scrollbar-thumb,
.d-scroll::-webkit-scrollbar-thumb,
.looked-list ul::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb {
    background: hsla(0, 0%, 39%, .8)
}

#weekcon::-webkit-scrollbar-corner,
#weekcon::-webkit-scrollbar-thumb:window-inactive,
.d-scroll::-webkit-scrollbar-corner,
.d-scroll::-webkit-scrollbar-thumb:window-inactive,
.looked-list ul::-webkit-scrollbar-corner,
.looked-list ul::-webkit-scrollbar-thumb:window-inactive,
html::-webkit-scrollbar-corner,
html::-webkit-scrollbar-thumb:window-inactive {
    background: hsla(0, 0%, 39%, .4)
}

.tab-main::-webkit-scrollbar {
    height: 7px;
    width: 7px
}

.tab-main::-webkit-scrollbar-thumb {
    min-height: 30px;
    background: rgba(58, 58, 58, .8)
}

.tab-main::-webkit-scrollbar-track-piece {
    background: #000
}

.tab-main::-webkit-scrollbar-corner {
    background: #e7e7e7
}

@font-face {
    font-family: iconfont;
    src: url(../fonts/font_16475_rslf9s5xkhs38fr.eot);
    src: url(../fonts/font_16475_rslf9s5xkhs38fr.eot#iefix) format("embedded-opentype"), url(../fonts/font_16475_rslf9s5xkhs38fr.woff) format("woff"), url(../fonts/font_16475_rslf9s5xkhs38fr.ttf) format("truetype"), url(../fonts/font_16475_rslf9s5xkhs38fr.svg#iconfont) format("svg")
}

.iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    vertical-align: middle
}

.wp {
    width: 1000px;
    margin: auto;
}

.mt5 {
    margin-top: 5px
}

.mt10 {
    margin-top: 10px
}

.mt15 {
    margin-top: 15px
}

.head-line {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    text-align: center;
    z-index: 5;
    background-color: #44bffa;
    background: linear-gradient(90deg, #9f0adc, #44bffa);
}

.d-header {
    height: 50px;
    min-width: 1000px;
    border-bottom: 1px solid #eee;
    z-index: 1000;
    box-shadow: 0 2px 4px 0 hsla(0, 0%, 87%, .3)
}

.d-header,
.d-top {
    position: relative
}

.d-top {
    padding: 1px 0;
    margin: 0 auto;
    height: 48px;
    background-color: #fff;
    width: 1000px;
}

.d-top .logo {
    position: absolute;
    left: 0;
    width: 155px;
    height: 48px;
}

.d-top .logo a {
    width: 155px;
    height: 38px;
    display: block;
    background: url(../images/logo.png) no-repeat;
    background-size: 140px auto;
    margin-top: 8px;
    text-indent: -9999px;
}

.d-nav {
    float: left;
    margin-left: 190px;
    height: 50px;
    line-height: 50px;
}

.d-nav a {
    font-size: 14px;
    margin-right: 10px;
    color: #696e78;
}

.d-nav a i.iconfont {
    margin-right: 5px;
    font-size: 20px;
    position: relative;
    top: -1px
}

.d-nav a.current,
.d-nav a.current i.iconfont,
.d-nav a:hover,
.d-nav a:hover i.iconfont {
    color: #207fce
}

.d-nav a:first-child i:before {
    content: "\E608"
}

.d-nav a:nth-child(2) i:before {
    content: "\E662"
}

.d-nav a:nth-child(3) i:before {
    content: "\E9A2"
}

.d-nav a:nth-child(4) i:before {
    content: "\E636"
}

.d-nav a:nth-child(5) i:before {
    content: "\E674"
}

.d-nav a:nth-child(6) i:before {
    content: "\E66B"
}

.d-nav a:nth-child(7) i:before {
    content: "\E662"
}

.d-nav a:nth-child(8) i:before {
    content: "\E639";
    font-size: 22px
}

.d-nav a:nth-child(9) i:before {
    content: "\E647"
}

.d-top-fix {
    position: fixed;
    top: 3px;
    left: 0;
    width: 100%;
    background-color: #fff
}

.d-search {
    padding-top: 5px;
    margin-right: 10px;
    width: 220px;
    height: 36px;
}

.d-search a.iconfont {
    position: absolute;
    top: 14px;
    right: 45px;
    color: #207fce;
}

.d-search input {
    float: left;
    padding: 6px 15px;
    width: 150px;
    height: 22px;
    line-height: 22px;
    color: #666;
    font-size: 13px;
    background: #fff;
    border: 1px solid #afafaf;
    border-right: none;
    margin-left: -1px;
    z-index: 3;
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
    box-sizing: content-box;
}

.d-search button {
    float: left;
    width: 36px;
    height: 36px;
    line-height: 16px;
    font-size: 18px;
    color: #3b4043;
    background-color: #f6f7fb;
    border: 1px solid #afafaf;
    position: relative;
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px
}

.d-search button:hover {
    background-color: #207fce;
    color: #fff;
    border-left-color: #207fce
}

.d-search button i.iconfont {
    text-align: center;
    padding-right: 0
}

.search-list {
    position: absolute;
    top: 42px;
    right: 0;
    display: none;
    background: #fff;
    width: 400px;
    border: 1px solid #e9e9e9;
    border-radius: 18px;
}

.search-list li {
    position: relative;
    height: 30px
}

.search-list li i {
    position: absolute;
    top: 7px;
    right: 10px;
    color: #666
}

.search-list li a {
    padding: 0 8px;
    line-height: 30px;
    display: block
}

.search-list li a span {
    color: #9f9f9f;
    margin-left: 8px
}

.search-list li .mvName {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    max-width: 160px;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis
}

.search-list li:hover {
    color: #207fce
}

.search-list-left {
    width: 240px
}

.search-list-right {
    width: 160px
}

.slr-inner {
    width: 140px;
    margin: 0 auto;
    padding: 10px 0
}

.slr-inner p {
    line-height: 22px;
    font-size: 13px;
    color: #999
}

.slr-inner-pic {
    position: relative;
    display: block;
    width: 140px
}

.slr-inner-pic img {
    width: 140px;
    height: 207px
}

.slr-inner-pic em {
    position: absolute;
    left: 0;
    top: 0;
    padding-right: 5px;
    width: 30px;
    height: 16px;
    line-height: 16px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    background-color: #207fce;
    border-bottom-right-radius: 15px
}

.d-top-user {
    margin-top: 5px;
    height: 40px
}

.d-top-user > div {
    position: relative;
    text-align: center
}

.d-top-user > div > a {
    display: inline-block;
    width: 40px;
    text-align: center;
    font-size: 12px;
    color: #848d92
}

.d-top-user > div > a > .iconfont {
    position: relative;
    top: -2px;
    display: block;
    margin: 0 auto;
    width: 22px;
    font-size: 20px;
    color: #207fce
}

.d-top-user .history {
    margin-right: 0
}

.d-top-user .d-user .nav-avatar img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px
}

.d-top-user .d-user .nav-avatar span {
    display: block;
    margin-top: -2px;
    color: #848d92;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.d-top-user .d-user .new {
    position: absolute;
    width: 70px;
    text-align: center;
    background-color: #ff2d40;
    border-radius: 3px;
    color: #fff;
    padding: 0 3px;
    top: 45px;
    left: -17px;
    font-size: 12px;
    line-height: normal
}

.d-top-user .d-user .drop-title-hover {
    color: #207fce
}

.d-top-user .nick-name {
    display: none
}

.drop-box:after,
.drop-box:before {
    position: absolute;
    right: 43px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ddd;
    content: ""
}

.drop-box:after {
    top: -7px;
    border-bottom: 8px solid #fff
}

.drop-box {
    position: absolute;
    top: 54px;
    z-index: 9999;
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
    display: none
}

.d-top-user .history .drop-box:after,
.d-top-user .history .drop-box:before {
    right: 7px;
    border-bottom: 8px solid #ddd
}

.d-top-user .history .drop-box:after {
    border-bottom: 8px solid #f0f0f0
}

#nav-looked .drop-box {
    width: 308px;
    right: 4px
}

#nav-signed {
    left: -60px;
    width: 130px
}

.ui-signed {
    margin-top: 1px;
    text-align: left
}

.ui-signed li {
    width: 130px;
    height: 35px;
    overflow: hidden
}

.ui-signed li a {
    display: block;
    width: 115px;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
    padding: 0 0 0 15px;
    color: #000
}

.ui-signed li a .ui-icon {
    width: 25px;
    height: 30px;
    float: left;
    font-family: iconfont !important;
    font-style: normal;
    font-size: 18px;
    color: #207fce;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
}

.ui-signed li a:hover {
    text-decoration: none;
    background-color: #207fce;
    color: #fff
}

.ui-signed li a:hover .ui-icon {
    color: #fff
}

.ui-signed .user-tbmov:before {
    content: "\E61A"
}

.ui-signed .user-edit:before {
    content: "\E602"
}

.ui-signed .user-fav:before {
    content: "\E604"
}

.ui-signed .user-rss:before {
    content: "\E60C"
}

.ui-signed .user-cmt:before {
    content: "\E63D"
}

.ui-signed .user-log:before {
    content: "\E635"
}

.ui-signed .user-gb:before {
    content: "\E634"
}

.ui-signed .user-logout:before {
    content: "\E620"
}

.looked-list {
    width: 308px;
    overflow: hidden;
    position: relative;
    text-align: left;
    font-size: 12px
}

.looked-list a {
    width: inherit
}

.looked-list p {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    overflow: hidden;
    color: #666;
    background-color: #f0f0f0
}

.looked-list p a {
    color: #666
}

.looked-list p .close-his {
    float: right
}

.looked-list ul {
    width: 307px;
    max-height: 165px;
    overflow-x: hidden;
    overflow-y: auto
}

.looked-list li {
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    display: block;
    padding-right: 3px
}

.looked-list li a {
    color: #848d92
}

.looked-list li:hover {
    background-color: #207fce
}

.looked-list li:hover a {
    color: #fff
}

.looked-list li.no-his p {
    text-align: center;
    height: 32px;
    border: 0;
    background-color: #333
}

.looked-list li h5 {
    width: 198px;
    height: 32px;
    overflow: hidden;
    float: left;
    margin-top: -1px
}

.looked-list li h5 em {
    margin: 0 5px;
    color: #666
}

.looked-list li label {
    width: 55px;
    height: 32px;
    overflow: hidden;
    float: left;
    display: block
}

.looked-list li .shanchu {
    width: 13px;
    height: 13px;
    display: block;
    overflow: hidden;
    line-height: 0;
    font-size: 0;
    margin-top: 9px;
    float: right;
    background: url('../images/bf2679e7da69406a91705ce3fa8aa55a.gif') 3px 3px no-repeat
}

.looked-list li .shanchu:hover {
    background-image: url('../images/4368a2f1449a4edbae77485fdfa31e9d.gif');
    background-color: #ddd
}

.looked-list .his-todo {
    width: 320px;
    height: 32px;
    line-height: 32px;
    color: #ccc;
    overflow: hidden;
    padding: 0 10px;
    clear: both;
    text-align: center;
    background-color: #207fce
}

.looked-list .his-todo a {
    width: auto;
    color: #fff;
    margin: 0 2px
}

.looked-list .his-todo em {
    color: #fff;
    margin: 0 5px 0 7px
}

.fanbiao .drop-box {
    width: 166px;
    right: -32px;
    padding: 10px
}

.fanbiao .fanbiaolist {
    width: 202px;
    text-align: left;
    line-height: 30px
}

.fanbiao .fanbiaolist a {
    width: 100%;
    display: block;
    font-size: 13px
}

.gbtn {
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -93.5px;
    z-index: 214748364700;
    width: 35px;
    height: 187px
}

.gbtn .btn {
    display: block;
    position: relative;
    margin: 0 0 5px;
    height: 20px;
    line-height: 20px;
    padding: 10px;
    text-decoration: none;
    border: 1px solid #e9e9e9;
    border-right: 0;
    border-radius: 5px 0 0 5px;
    margin-top: 5px;
    background: #fff;
    color: gray;
    left: 0;
    width: 75px;
    white-space: nowrap;
    transition: left .3s ease-in-out
}

.gbtn .btn .iconfont {
    cursor: pointer;
    font-size: 16px;
    line-height: 1em;
    width: 16px;
    height: 16px;
    overflow: hidden;
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px
}

.gbtn .btn:hover {
    left: -60px;
    text-decoration: none
}

#shang,
#weixin {
    display: none;
    position: absolute;
    right: 60px;
    top: 0;
    padding: 15px 15px 15px 0;
    width: 330px;
    background: #fff;
    border: 1px solid #dee2e5
}

#shang div {
    float: left;
    margin-left: 15px
}

#shang div img,
#weixin img {
    display: block;
    width: 150px;
    height: 150px
}

#shang div p,
#weixin p {
    margin-top: 10px;
    text-align: center;
    font-size: 12px;
    color: #666
}

#weixin {
    padding: 15px;
    width: 150px
}

.d-footer {
    padding: 10px 0 20px;
    line-height: 24px;
    color: #666;
    border-top: 1px solid #dee2e5
}

.footer,
.footer_nav {
    background-color: #fff;
    color: #666;
    text-align: center
}

.footer a,
.footer_nav a {
    color: #666
}

.footer_nav {
    height: 24px;
    line-height: 24px
}

.footer_nav a {
    margin: 0 8px
}

.footer {
    line-height: 24px;
    padding-bottom: 20px
}

.d-position {
    margin-top: 10px;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    background-color: #f2f2f2;
    border-radius: 5px;
    color: #666;
    font-size: 13px
}

.d-position span {
    margin: 0 10px;
    color: #ccc
}

.d-position a {
    color: #666
}

.d-position strong {
    display: inline-block;
    margin-left: 20px;
    font-weight: 400
}

.d-position strong a {
    margin: 0 3px
}

.login-box {
    padding: 0 20px;
    overflow: hidden
}

.login-box .login-top {
    width: 100%;
    border-bottom: 1px solid #eee;
    height: 44px;
    color: #444;
    margin-top: 8px;
    font-size: 18px;
    text-align: center;
    margin-bottom: 8px;
    position: relative
}

.login-box .login-top a {
    letter-spacing: 4px;
    font-family: \\5B8B\4F53;
    font-style: normal;
    display: block;
    width: 50px;
    color: #000;
    height: 44px;
    line-height: 43px;
    float: left;
    margin-right: 10px;
    cursor: pointer
}

.login-box .login-top a.current,
.login-box .login-top a:hover {
    height: 43px;
    border-bottom: 2px solid #207fce;
    color: #207fce;
    text-decoration: none
}

.login-ico {
    float: left;
    width: 180px;
    margin-top: 15px;
    padding-top: 10px 40px 0 0
}

.login-ico a {
    width: 100%;
    height: 40px;
    line-height: 40px;
    display: block;
    color: #fff;
    font-size: 13px;
    margin-bottom: 15px
}

.login-ico a,
.login-ico a.qq {
    text-align: center;
    border-radius: 3px
}

.login-ico a.qq {
    background: url('../images/065a30a7ca2646e4a3741ff5269bf1bf.gif') 45px no-repeat #2693ff
}

.login-ico a.qq:hover {
    background-color: #44a2ff;
    text-decoration: none
}

.login-ico a.sina {
    background: url('../images/21d81e20343e4a93bbdf6535f57ea8d9.gif') 45px no-repeat #f15252;
    text-align: center;
    border-radius: 3px
}

.login-ico a.sina:hover {
    background-color: #f76262
}

.login-ico a.weixin {
    background: url('../images/cefd6bb54133404196f76b9dbc0e6c8e.gif') 45px no-repeat #81cb3d;
    text-align: center;
    border-radius: 3px
}

.login-ico a.weixin:hover {
    background-color: #8fd154
}

.login-box-form,
.login-reg {
    width: 270px;
    padding-left: 33px;
    border-left: 1px solid #eee;
    float: right
}

.login-box-form .int-text,
.login-reg .int-text {
    display: block;
    width: 238px;
    height: 38px;
    margin-top: 15px;
    border: 1px solid #e0e0e0;
    background: #fafafa;
    padding: 0 10px;
    color: #999;
    font-size: 13px;
    border-radius: 3px
}

.login-box-form .int-text input,
.login-reg .int-text input {
    margin: 9px 0;
    width: 100%;
    border: none;
    background: 0 0;
    color: #999
}

.login-box-form .int-text input:focus,
.login-reg .int-text input:focus {
    outline: 0;
    color: #444 !important
}

.aright {
    float: right
}

.login-box-form .loginbtn,
.login-reg .loginbtn {
    clear: both;
    width: 100px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: #207fce;
    border-radius: 3px;
    display: block;
    text-align: center;
    font-size: 13px;
    cursor: pointer
}

.login-box-form .loginbtn:hover,
.login-reg .loginbtn:hover {
    background: #ff7920;
    text-decoration: none
}

.login-box-form .loginbtn span {
    display: inline-block
}

.login-box-form .int-info,
.login-reg .int-info {
    height: 45px;
    line-height: 45px;
    clear: both
}

.login-reg .int-text1 {
    display: block;
    width: 100%;
    height: 40px;
    margin-top: 15px;
    position: relative
}

.login-reg .int-text1 .inputbox {
    width: 40px;
    border: 1px solid #e0e0e0;
    background: #fafafa;
    padding: 0 10px;
    color: #999;
    float: left;
    font-size: 13px;
    border-radius: 3px
}

.login-reg .int-text1 .inputbox input {
    margin: 9px 0;
    width: 100%;
    border: none;
    background: 0 0;
    color: #999
}

.login-reg .int-text1 .inputbox input:focus {
    outline: 0;
    color: #444 !important
}

.login-reg .int-text1 .yzm-img {
    float: left;
    height: 40px;
    margin: 0 5px;
    width: 114px;
    cursor: pointer
}

.login-reg .int-text1 .refresh {
    position: absolute;
    right: 0;
    display: inline-block;
    width: 15px;
    height: 40px;
    margin-right: 5px;
    cursor: pointer;
    background: #207fce
}

#cboxOverlay,
#colorbox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%
}

#cboxBottomLeft,
#cboxMiddleLeft {
    clear: left
}

#cboxContent {
    position: relative;
    margin: 5px
}

#cboxTitle {
    margin: 0
}

#cboxLoadingGraphic,
#cboxLoadingOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#cboxClose,
#cboxNext,
#cboxPrevious,
#cboxSlideshow {
    cursor: pointer
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0
}

#cboxOverlay {
    background: #000;
    opacity: .5 !important
}

.cboxIframe {
    background: #fff
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc
}

#cboxTitle {
    left: 0
}

#cboxCurrent,
#cboxTitle {
    position: absolute;
    top: -20px;
    color: #ccc
}

#cboxCurrent {
    right: 0
}

#cboxSlideshow {
    position: absolute;
    top: -20px;
    right: 90px;
    color: #fff
}

#cboxPrevious {
    position: absolute;
    top: 50%;
    left: 5px;
    margin-top: -32px;
    background: url('../images/5b132e1eab87433d9e652f52246b9a1e.gif') no-repeat 0 0;
    width: 28px;
    height: 65px;
    text-indent: -9999px
}

#cboxPrevious:hover {
    background-position: 0 100%
}

#cboxNext {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -32px;
    background: url('../images/5b132e1eab87433d9e652f52246b9a1e.gif') no-repeat 100% 0;
    width: 28px;
    height: 65px;
    text-indent: -9999px
}

#cboxNext:hover {
    background-position: 100% 100%
}

#cboxLoadingOverlay {
    background: #fff
}

#cboxLoadingGraphic {
    background: url('../images/7f4d2b26359c4c9f88690fa06b15f482.gif') no-repeat 50%
}

#colorbox {
    background: url('../images/535548c2101745bd8baf75dafafcd959.gif');
    border-radius: 5px;
    box-shadow: 0 0 5px #000;
    padding: 0;
    position: fixed;
    outline: 0 !important;
    overflow: visible !important
}

#cboxWrapper {
    position: relative
}

#cboxLoadedContent {
    border: 1px solid #fff;
    background: #fff;
    overflow: hidden;
    border-radius: 3px
}

#cboxClose {
    display: block;
    position: absolute;
    top: -10px;
    right: -10px;
    width: 29px;
    height: 29px;
    overflow: hidden;
    text-indent: -999px;
    cursor: pointer;
    background: url('../images/5e4b101b285645a4953f521e3f923b05.gif') 0 0 no-repeat;
    opacity: .9
}

#cboxClose:hover {
    opacity: 1
}

.qirebox-overlayBG {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: #000;
    opacity: .6
}

.qirebox {
    z-index: 9999999;
    text-align: left;
    padding: 5px;
    position: fixed;
    top: 300px;
    left: 50%;
    margin: 0 0 0 -100px;
    background: url('../images/535548c2101745bd8baf75dafafcd959.gif');
    border-radius: 5px;
    box-shadow: 0 0 5px #333
}

.qirebox .ui-iframe {
    width: 155px;
    height: 72px
}

.ui-dialog {
    overflow: hidden;
    border: 1px solid #fff;
    background: 0 0;
    border-radius: 3px;
    min-width: 200px
}

.ui-dialog-title {
    height: 35px;
    line-height: 33px;
    padding: 0 50px 0 15px;
    border-bottom: 1px solid #e4e8ea;
    background-color: #f7f9fa
}

.ui-dialog-title h5 {
    font-size: 13px;
    font-weight: 600;
    color: #333
}

.ui-dialog-cnt {
    padding: 10px;
    overflow: hidden;
    background: #fff
}

.ui-dialog-tip {
    height: 50px;
    line-height: 48px;
    padding: 0 20px 0 53px;
    font-size: 13px;
    margin: 0 5px;
    background-position: 0 0;
    background-repeat: no-repeat
}

.ui-dialog-tip.loading {
    background-image: url('../images/7f4d2b26359c4c9f88690fa06b15f482.gif');
    background-position: 3px 6px
}

.ui-dialog-tip.alert {
    background-image: url('../images/0da8d8612a124a1f876e49edce634495.gif')
}

.ui-dialog-tip.succ {
    background-image: url('../images/ce841cf56b6744a6babceacc7f2e7ad9.gif')
}

.ui-dialog-tip.error {
    background-image: url('../images/06a22f27657c4e1ab674449ec12b9a18.gif')
}

.ui-dialog-tip.cross {
    background-image: url('../images/0db81957af1b4108ba6000ceb87b2685.gif')
}

.ui-dialog-todo {
    padding: 7px;
    overflow: hidden;
    height: 25px;
    text-align: center;
    border-top: 1px solid #ddd;
    background: #f5f5f5
}

.ui-dialog-todo-left {
    text-align: left;
    padding: 9px 25px 5px
}

.ui-dialog-todo .ui-link {
    display: inline-block;
    border-radius: 5px;
    padding: 0 10px;
    margin: 0 3px
}

.ui-dialog-close {
    position: absolute;
    top: 12px;
    right: 13px
}

.ui-dialog-close,
.ui-dialog-close .close {
    display: block;
    width: 11px;
    height: 11px;
    overflow: hidden
}

.ui-dialog-close .close {
    text-indent: -999px;
    cursor: pointer;
    background: url('../images/bb9912a21cc245cbbd7926263f8d1a5d.gif') 0 0 no-repeat;
    opacity: .3
}

.ui-dialog-close .close:hover {
    opacity: 1
}

.ui-login-dialog {
    width: 500px;
    overflow: hidden
}

.ui-login-dialog .ui-form {
    width: 300px;
    padding: 15px 0 0 15px;
    overflow: hidden
}

.ui-login-dialog .ui-form-title {
    overflow: hidden;
    margin: -10px 0 20px;
    height: 35px;
    line-height: 20px;
    border-bottom: 1px solid #ddd
}

.ui-login-dialog .ui-label {
    text-align: left;
    padding: 0 5px 0 3px;
    width: 40px;
    float: left
}

.ui-login-dialog .ui-form-item {
    margin: 0 0 15px;
    width: 290px
}

.ui-login-dialog .ui-label-checkbox {
    font-size: 12px;
    color: #ae172e
}

.ui-login-dialog .ui-input {
    width: 240px;
    float: right;
    margin: 0
}

.ui-login-dialog .ui-button {
    margin: 0;
    float: right
}

.ui-login-dialog .form-bar {
    width: 136px;
    height: 195px;
    padding: 15px 5px 0 25px;
    margin: 0;
    text-align: left;
    border-left: 1px dotted #ccc
}

.ui-login-dialog .form-bar li {
    font-size: 12px;
    padding: 0 0 5px;
    text-align: left
}

.ui-login-dialog .form-bar li a {
    font-weight: 600;
    color: #ae172e
}

#add-feedback .ui-dialog-width {
    width: 520px;
    overflow: hidden;
    height: auto
}

.ui-gb-dialog .ui-form {
    width: 490px;
    overflow: hidden;
    padding: 20px 0 0 20px
}

.ui-gb-dialog .ui-form-title {
    width: 475px
}

.ui-gb-dialog .ui-dialog-tab ul {
    overflow: hidden;
    width: 540px;
    padding: 0 0 15px
}

.ui-gb-dialog .ui-dialog-tab li {
    width: 105px;
    height: 40px;
    line-height: 38px;
    float: left;
    overflow: hidden;
    text-align: center;
    border: 1px solid #ddd;
    background: #f5f5f5;
    margin: 0 15px 0 0;
    font-size: 13px;
    cursor: pointer;
    position: relative
}

.ui-gb-dialog .ui-dialog-tab li.current {
    color: #ae172e;
    font-weight: 600;
    border: 1px solid #ae172e;
    background: #fff
}

.ui-gb-dialog .ui-dialog-tab li span {
    width: 26px;
    height: 26px;
    overflow: hidden;
    text-indent: -999px;
    cursor: pointer;
    display: none;
    position: absolute;
    right: 0;
    bottom: 0
}

.ui-gb-dialog .ui-dialog-tab li.current span {
    display: block
}

#reviewedit-form .ui-form-item #cc {
    margin-top: 6px
}

.ui-promsg-dialog {
    width: 470px;
    overflow: hidden
}

.ui-promsg-dialog .ui-form {
    padding: 15px 0 0 15px;
    width: 450px
}

.ui-promsg-dialog .ui-form-title {
    margin-right: 10px
}

.ui-promsg-dialog .ui-label {
    text-align: left;
    padding: 0
}

.ui-promsg-dialog .ui-form-item {
    margin: 0 0 15px
}

.ui-promsg-dialog .ui-input {
    float: left
}

.ui-promsg-dialog .ui-form .ui-form-button {
    width: 438px
}

.ui-promsg-dialog .ui-form .ui-button {
    margin: 0;
    float: left
}

.ui-iframe {
    width: 100%;
    height: 100%;
    z-index: -3;
    position: absolute;
    background: 0 0;
    background-color: transparent
}

.applist {
    margin-top: 10px
}

.applist li {
    height: 80px
}

.applist li img {
    float: left;
    margin-right: 10px;
    width: 64px;
    height: 64px
}

.applist li h4 {
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    font-weight: 600
}

.applist li h4 a {
    color: #333
}

.applist li h4 a:hover {
    color: #207fce
}

.applist li p {
    line-height: 18px;
    color: #666;
    font-size: 12px
}

.d-title span {
    float: right;
    margin-top: 3px;
    padding-right: 10px
}

.d-title h2 {
    margin-top: 15px;
    font-size: 18px;
    color: #207fce;
    font-weight: 600
}

.d-title h2 i {
    position: relative;
    margin-right: 5px;
    font-size: 24px;
    vertical-align: top
}

.d-title h2 i.top-3 {
    top: -3px
}

.d-hotlist {
    padding: 2px 0;
    background-color: #fff;
    border: 1px solid #dee2e5;
    border-radius: 4px;
}

.d-hotlist li {
    padding: 10px 10px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    cursor: pointer;
}

.d-hotlist li.active {
    padding-top: 5px;
    padding-bottom: 10px;
    border-color: #dee2e5;
}

.d-hotlist li.active:hover {
    background-color: #fafafa
}

.d-hotlist li.active:first-child {
    border-top-color: #fff
}

.d-hotlist li.active:last-child {
    border-bottom-color: #fff
}

.d-hotlist li em {
    display: inline-block;
    width: 25px;
    height: 25px;
    font: 700 14px/25px Arial #000;
    color: #999;
    text-align: center;
    background-color: #d3e9fb;
    border: 1px solid #d3e9fb;
    border-radius: 50%;
}

.d-hotlist li:first-child em {
    color: #fff;
    background-color: #ff2853;
    border-color: #de0f38
}

.d-hotlist li:nth-child(2) em {
    color: #fff;
    background-color: #ff9936;
    border-color: #ff8a21
}

.d-hotlist li:nth-child(3) em {
    color: #fff;
    background-color: #43b8f5;
    border-color: #3aade9
}

.d-hotlist li .d-vodname {
    margin-left: 5px;
    max-width: 150px;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.d-hotlist li .d-views {
    min-width: 10px;
    height: 25px;
    line-height: 25px;
    color: #999;
}

.d-hotlist li .d-media {
    position: relative;
    display: none;
    height: 112px
}

.d-hotlist li .d-media em {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    line-height: 30px
}

.d-hotlist li .d-media > a {
    float: left;
    margin-right: 10px;
    width: 80px;
    height: 112px;
    overflow: hidden;
    border-radius: 5px;
    -webkit-mask-image: radial-gradient(circle, #fff, #000);
    mask-image: radial-gradient(circle, #fff, #000)
}

.d-hotlist li .d-media > a img {
    width: 80px;
    height: 112px;
    border-radius: 3px;
    transition: transform .5s ease-out
}

.d-hotlist li .d-media > a img:hover {
    transform: scale(1.1)
}

.d-hotlist li .d-media h3 {
    height: 30px;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.d-hotlist li .d-media p {
    color: #999;
    font-size: 12px
}

.d-hotlist li .d-media p.d-desc {
    margin-top: 10px
}

.bigstar00,
.bigstar05,
.bigstar10,
.bigstar100,
.bigstar15,
.bigstar20,
.bigstar25,
.bigstar30,
.bigstar35,
.bigstar40,
.bigstar45,
.bigstar50,
.bigstar55,
.bigstar60,
.bigstar65,
.bigstar70,
.bigstar75,
.bigstar80,
.bigstar85,
.bigstar90,
.bigstar95 {
    display: inline-block;
    zoom: 1;
    background: url('../images/21ae392ddc7544f7bca0125f04211c80.gif') no-repeat;
    background: -webkit-image-set(url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAAClCAMAAAAj3vAqAAAAbFBMVEVMaXH/rC3/rC3/rC3/rC3a2tra2tra2trrxpL/rC3a2tra2tra2tr/rC3/rC3a2tr/rC3/rC3/rC3a2tr/rC3/rC3a2trvwYLa2tra2tra2tra2tr/rC3a2tr/rC3a2tra2tr/rC3/rC3a2to9Sh/QAAAAInRSTlMAsCrby6/2RQT22sl7i0q8QRq8IWh2ZwwTjizO6DqpKug6PEI8LQAAAthJREFUaN7N1Mt22zAMRVHYlsTIluNHXk3SNinx///YQRQrhkUSIO5AmGCdyR1uoq97oqvz5DoeUUn7+BeV1Md4B8r7GOOjP4+rc7PpY4z9pjmv/nmSTr/jdP3ak0QvzSU3J18S0WrM8507icZG5Hrsoz/pcey9P2kV456eYmz8Sf1mTUSnJvqT7q+/J5dlTgCa0wLNYaA5/Iwzh7vt7tD+gZjDzMzdB8QcZubtL4w5zHxAmcPMMHOYOaDMYeYBZc7AvIOZ87BjoDkBhMyAM+eDcea8Ms6cjmHmBGaEOaE9vG87ZoQ5D588nduc98sUwJx2nIKYM24hzHkbtxDmPI9bCHNa5leUOd32DWZOWJQ5AWhOCzSHgeZ8I4MwZ0QGYs6IDMScb2QQ5kzI+M35gYzbnAkZvzkTMn5zJmQA5lyQgZgTQOYMOHMEMi5zBDIucwQyHnN+IOMxRyDjMkcg4zTnGhmnOQIZnzkCGY85AhmXOQIZlzkCGZc5AhmXOWFR5gSgOS3QHAaak0Cmypx5ZOrMmUemzpwEMlXmJJGpMCeNjN2cJDIV5iSRqTAniUyNOSlk6swJIHMGnDl5ZGzm5JGxmZNHxmROGhmTOXlkbObkkbGak0XGak4eGaM5eWRM5uSRsZmTR8ZmTh4Zmzl5ZGzmhEWZE4DmtEBzGGiODhmdOSpklOaokFGao0NGZ44WGY05amQU5miR0ZijRUZjjhYZlTlKZJTmBJA5A84cEzIFc0zIFMwxIZM3R41M3hwTMgVzTMgUzbEgUzTHhEzJHBMyeXNMyBTMMSFTMMeETMEcEzIFc8KizAlAc1qgOQw0pwqZhDk1yKTMqUEmZU4VMglzKpGZNacWmTlzKpGZNacSmVlzKpGZN6cOmZQ5AWTOgDPHg4w0x4OMNMeDjMhaZER6kJHmeJC5NceBzK05HmRuzPEgI9KDjDTHg4w0x4OMNMeDjDQngMz5D7xxVWN6S/IXAAAAAElFTkSuQmCC) 1x, url(data: image/png; base64,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) 2x) no-repeat;
    width: 75px;
    height: 15px;
    margin: 1px 5px 0 0;
    overflow: hidden;
    vertical-align: top
}

.bigstar00 + span.rating_num,
.bigstar05 + span.rating_num,
.bigstar10 + span.rating_num,
.bigstar100 + span.rating_num,
.bigstar15 + span.rating_num,
.bigstar20 + span.rating_num,
.bigstar25 + span.rating_num,
.bigstar30 + span.rating_num,
.bigstar35 + span.rating_num,
.bigstar40 + span.rating_num,
.bigstar45 + span.rating_num,
.bigstar50 + span.rating_num,
.bigstar55 + span.rating_num,
.bigstar60 + span.rating_num,
.bigstar65 + span.rating_num,
.bigstar70 + span.rating_num,
.bigstar75 + span.rating_num,
.bigstar80,
.bigstar85 + span.rating_num + span.rating_num,
.bigstar90 + span.rating_num,
.bigstar95 + span.rating_num {
    font-size: 16px;
    line-height: 1
}

.bigstar50 {
    background-position: 0 0
}

.bigstar45 {
    background-position: 0 -15px
}

.bigstar40 {
    background-position: 0 -30px
}

.bigstar35 {
    background-position: 0 -45px
}

.bigstar30 {
    background-position: 0 -60px
}

.bigstar25 {
    background-position: 0 -75px
}

.bigstar20 {
    background-position: 0 -90px
}

.bigstar15 {
    background-position: 0 -105px
}

.bigstar10 {
    background-position: 0 -120px
}

.bigstar05 {
    background-position: 0 -135px
}

.bigstar00 {
    background-position: 0 -150px
}

.bigstar100 {
    background-position: 0 0
}

.bigstar95 {
    background-position: 0 -15px
}

.bigstar90 {
    background-position: 0 -30px
}

.bigstar85 {
    background-position: 0 -45px
}

.bigstar80 {
    background-position: 0 -60px
}

.bigstar75 {
    background-position: 0 -75px
}

.bigstar70 {
    background-position: 0 -90px
}

.bigstar65 {
    background-position: 0 -105px
}

.bigstar60 {
    background-position: 0 -120px
}

.bigstar55 {
    background-position: 0 -135px
}

.d-pop {
    position: absolute;
    display: none;
    z-index: 99
}

.d-pop .d-box {
    margin-left: 15px;
    width: 335px;
    background-color: #fff;
    border: 1px solid #999
}

.d-pop .d-box .d-popinfo {
    padding: 20px 25px
}

.d-pop .d-box .d-popinfo h3 {
    font-size: 18px;
    line-height: 1.4
}

.d-pop .d-box .d-popinfo .rank {
    margin-top: 3px
}

.d-pop .d-box .d-popinfo .rank strong {
    color: #207fce
}

.d-pop .d-box .d-popinfo .meta a,
.d-pop .d-box .d-popinfo .meta span {
    float: left;
    margin: 0 8px 8px 0;
    padding: 2px 10px 3px;
    background-color: #f5f5f5;
    font-size: 13px;
    color: #666;
    border-radius: 12px;
    word-break: keep-all;
    white-space: nowrap
}

.d-pop .d-box .d-popinfo .meta a:hover,
.d-pop .d-box .d-popinfo .meta span:hover {
    background-color: #207fce;
    color: #fff
}

.d-pop .d-box .d-popinfo .meta a.green,
.d-pop .d-box .d-popinfo .meta span.green {
    color: #fff;
    background-color: #66c056
}

.d-pop .d-box .d-popinfo .collect-area {
    margin-top: 10px
}

.d-pop .d-box .d-popinfo .collect-area a {
    display: inline-block;
    margin-right: 5px;
    padding: 2px 14px 1px;
    border-radius: 2px;
    border: 1px solid #bbb;
    color: #111
}

.d-pop .d-box .comment {
    padding: 20px 25px;
    border-top: 1px solid #ddd;
    background-color: #f5f5f5;
    font-size: 13px;
    line-height: 1.62
}

.d-pop .detail-sect {
    display: inline-block;
    vertical-align: top;
    height: 34px;
    padding-top: 10px
}

.d-pop .detail-sect div {
    display: inline-block;
    height: 22px;
    line-height: 22px
}

.d-pop .detail-sect div a {
    margin-right: 10px;
    display: inline-block;
    padding: 0 7px;
    color: #fff;
    background-color: #4d9cec;
    border-radius: 3px;
    border: 1px solid #4d9cec
}

.d-pop .detail-sect div a:hover {
    background-color: #1c81e7
}

.d-pop .detail-sect div a i {
    font-size: 13px;
    margin-right: 5px
}

.xcx {
    position: fixed;
    left: 5px;
    bottom: 5px;
    padding: 10px;
    width: 150px;
    height: 175px;
    z-index: 9999999;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #f6f6f6;
    box-shadow: 0 0 10px 10px rgba(0, 0, 0, .1)
}

.xcx p {
    text-align: center;
    margin-top: 5px
}

.xcx .xcx-close {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 5px;
    top: 5px
}

.xcx .xcx-close:after,
.xcx .xcx-close:before {
    position: absolute;
    left: 0;
    top: 10px;
    width: 15px;
    height: 1px;
    background: #999;
    content: ""
}

.xcx .xcx-close:before {
    transform: rotate(-45deg)
}

.xcx .xcx-close:after {
    transform: rotate(45deg)
}

.d-badge {
    position: absolute;
    left: 5px;
    bottom: 5px;
    padding: 0 10px;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 12px;
    border-radius: 10px;
    height: 20px;
    line-height: 20px;
    font-style: normal
}

.mac_history_box {
    margin-left: 0px;
}

#footer-2014 {
    border-top: 2px solid #9f0adc;
    padding: 20px 0 10px;
    text-align: center;
    font-size: 12px;
}

#footer-2014 .links a {
    margin: 0 10px;
    font-size: 13.1px;
}

#footer-2014 .copyright {
    margin: 15px 0;
    line-height: 25px;
    font-family: 'Microsoft Yahei'
}

#footer-2014 .authentication a {
    margin: 0 5px;
    text-decoration: none
}