html {margin: 0;line-height: 1.15;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #555; -webkit-box-sizing: border-box;box-sizing: border-box}
body { padding: 0;margin: 0;font-family: "microsoft yahei", -apple-system, blinkmacsystemfont, "segoe ui", roboto, oxygen-sans, ubuntu, cantarell, "helvetica neue", sans-serif;font-weight: normal;color: rgba(0, 0, 0, 0.87);background: #eeeeee}
*, *:before, *:after {-webkit-box-sizing: inherit;box-sizing: inherit}
article, aside, footer, header, nav, section {display: block}
hr {-webkit-box-sizing: content-box;box-sizing: content-box;height: 0;overflow: visible}
pre {font-family: monospace, monospace;font-size: 1em}
a {background-color: transparent;-webkit-text-decoration-skip: objects}
b, strong {font-weight: inherit}
b, strong {font-weight: bolder}
ul, ol { padding: 0;margin: 0;}
mark {background-color: #ff0;color: #000}
small {font-size: 80%}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline}
sub {bottom: -0.25em}
sup {top: -0.5em}
button:focus {outline: none;background-color: #2ab7a9}
audio, video {display: inline-block}
audio:not([controls]) {display: none;height: 0}
img {border-style: none}
::-webkit-file-upload-button {-webkit-appearance: button;font: inherit}
details, menu {display: block}
summary {display: list-item}
canvas {display: inline-block}
template {display: none}
[hidden] {display: none}
button, input, optgroup, select, textarea {font-family: -apple-system, blinkmacsystemfont, "segoe ui", roboto, oxygen-sans, ubuntu, cantarell, "helvetica neue", sans-serif}
a {color: #ed751f;text-decoration: none;-webkit-tap-highlight-color: transparent}
.valign-wrapper {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center}
.clearfix {clear: both}
@font-face {
  font-family: "iconfont";
  src: ; /* ie9*/
  src:  format('embedded-opentype'), /* ie6-ie8 */  format('woff'),
   format('truetype'), /* chrome, firefox, opera, safari, android, ios 4.2 */  format('svg'); /* ios 4.1- */
}
.m_icon {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-top:before { content: "\e69e"; }
.icon-right:before { content: "\e6a3"; }
.icon-home_light:before { content: "\e7d4"; }
.icon-my_light:before { content: "\e7d5"; }
.icon-cart_light:before { content: "\e7d6"; }
.icon-cart_fill_light:before { content: "\e7d8"; }
.icon-my_fill_light:before { content: "\e7d9"; }
.icon-search_light:before { content: "\e7da"; }
.icon-close_light:before { content: "\e7dc"; }
.icon-add_light:before { content: "\e7dd"; }
.icon-refresh_light:before { content: "\e7df"; }
.icon-back_light:before { content: "\e7e0"; }
.icon-share_light:before { content: "\e7e1"; }
.icon-appreciate_light:before { content: "\e7e2"; }
.icon-favor_light:before { content: "\e7e3"; }
.icon-appreciate_fill_light:before { content: "\e7e4"; }
.icon-more_light:before { content: "\e7e5"; }
.icon-medal_fill_light:before { content: "\e7e6"; }
.icon-medal_light:before { content: "\e7e7"; }
.icon-news_hot_fill_light:before { content: "\e7e8"; }
.icon-news_hot_light:before { content: "\e7e9"; }
.icon-form_light:before { content: "\e7ea"; }
.icon-favor_fill_light:before { content: "\e7ec"; }
.icon-back_android_light:before { content: "\e7ed"; }
.icon-down_light:before { content: "\e7ee"; }
.icon-attention_light:before { content: "\e7f4"; }
/*字体颜色*/
.red {background-color: #f44336 !important}
.red-text {color: #f44336 !important}
.pink {background-color: #e91e63 !important}
.pink-text {color: #e91e63 !important}
.purple {background-color: #9c27b0 !important}
.purple-text {color: #9c27b0 !important}
.blue {background-color: #2196f3 !important}
.blue-text {color: #2196f3 !important}
.light-blue {background-color: #03a9f4 !important}
.light-blue-text {color: #03a9f4 !important}
.green {background-color: #4caf50 !important}
.green-text {color: #4caf50 !important}
.yellow {background-color: #ffeb3b !important}
.yellow-text {color: #ffeb3b !important}
.orange {background-color: #ff9800 !important}
.orange-text {color: #ff9800 !important}
.brown {background-color: #795548 !important}
.brown-text {color: #795548 !important}
.grey {background-color: #9e9e9e !important}
.grey-text {color: #9e9e9e !important}
.black {background-color: #000 !important}
.black-text {color: #000 !important}
.white {background-color: #fff !important}
.white-text {color: #fff !important}
.transparent {background-color: rgba(0, 0, 0, 0) !important}
.transparent-text {color: rgba(0, 0, 0, 0) !important}
.hide {display: none !important}
.left-align {text-align: left}
.right-align {text-align: right}
.center, .center-align {text-align: center}
.left {float: left !important}
.right {float: right !important}
.mt {margin-top: 10px;}
.mb {margin-bottom: 10px;}
.ml {margin-left: 10px;}
.mr {margin-right: 10px;}
article, aside, footer, header, nav, section {display: block}
hr {-webkit-box-sizing: content-box;box-sizing: content-box;height: 0;overflow: visible}
pre {font-family: monospace, monospace;font-size: 1em}
a {background-color: transparent;-webkit-text-decoration-skip: objects;text-decoration: none}
table, th, td {border: none}
table tr:first-child { background: #dddddd }
table {width: 100%;display: table;border-collapse: collapse;border-spacing: 0}
tr {border-bottom: 1px solid rgba(0, 0, 0, 0.12)}
td, th {padding: 5px;display: table-cell;text-align: left;vertical-align: middle;border-radius: 2px}
.container {margin: 0 auto;max-width: 1366px;width: 90%}
.container:after {content: "";display: table;clear: both}
/*nav*/
nav {color: #fff;background-color: #ffffff;width: 100%;line-height: 56px;position: relative}
nav .nav-more { display: none; position: absolute;top: 0px;right: 0px;color: #333333;font-size: 16px;width: 50px;height: 50px;text-align: center}
nav.nav-sub {height: auto;background-color: #ffffff;}
nav.nav-sub .nav-wrapper {min-height: 36px;height: auto}
nav.nav-sub a {color: #333}
nav a {color: #333}
nav .nav-wrapper {position: relative;height: 100%;}
nav .brand-logo {color: #fff;display: block;font-size: 2.1rem;padding: 0;text-align: center}
header nav.nav-extended { box-shadow: 0 1px 3px rgba(0, 0, 0, .1); }
header nav.nav-extended ul { float: none;display: block; }
header nav.nav-extended ul:after { content: "";clear: both }
nav ul {margin: 0}
nav ul li {-webkit-transition: background-color .3s;transition: background-color .3s;float: left;padding: 0;list-style: none;width: 6.25%}
nav ul li.active {background-color: rgba(0, 0, 0, 0.1)}
nav ul a {-webkit-transition: background-color .3s;transition: background-color .3s;font-size: 1rem;color: #666666;display: block;cursor: pointer;text-align: center;}
nav ul a:hover {background-color: rgba(0, 0, 0, 0.1)}
.nav-wrapper ul.sub-nav {opacity: 0;list-style: none;padding: 5px;margin-left: -10px;margin-top: -3px;min-width: 180px;max-width:200px;border-radius: 3px;background: #fff;position: absolute;-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);-khtml-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);-ms-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);-o-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);z-index: 9999}
.nav-wrapper ul.sub-nav li a {width: 100%;text-align: center;height: 35px;line-height: 35px;font-size: 15px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;position: relative;}
.nav-wrapper ul.sub-nav:before {border: 8px solid transparent;border-bottom-color: #fff;content: "";left: 0;margin-left: 15px;position: absolute;top: -16px;width: 16px;height: 16px;}
.nav-wrapper ul.sub-nav li a:hover, .nav-wrapper li:hover {}
.nav-wrapper ul.sub-nav li a {border-radius: 4px;padding: 0 5px;}
.nav-wrapper ul.sub-nav li {width: 100%;height: 35px;line-height: 35px;display: block;padding: 0;margin: 0;}
.nav-wrapper li ul.sub-nav {display: none}
.nav-wrapper li ul.sub-nav.sub-kaitou { width: 200px!important;}
.nav-wrapper li ul.sub-nav.sub-kaitou li { width: 200px!important;}
.nav-wrapper li ul.sub-nav.sub-kaitou a {display: inline-block;width: 20%}
.nav-wrapper li:hover ul.sub-nav {display: block;opacity: 1;}
.tabs {position: relative;overflow-x: auto;overflow-y: hidden;height: 48px;width: 100%;background-color: #fff;margin: 0 auto;white-space: nowrap}
.tabs.tabs-transparent {background-color: transparent}
.tabs.tabs-transparent .tab a, .tabs.tabs-transparent .tab.disabled a, .tabs.tabs-transparent .tab.disabled a:hover {color: rgba(255, 255, 255, 0.7)}
.tabs.tabs-transparent .tab a:hover, .tabs.tabs-transparent .tab a.active {color: #fff}
.tabs.tabs-transparent .indicator {background-color: #fff}
.tabs .tab {display: inline-block;text-align: center;line-height: 48px;height: 48px;padding: 0;margin: 0;text-transform: uppercase}
.tabs .tab a {color: #4a544b;display: block;width: 100%;height: 100%;padding: 0 24px;font-size: 14px;text-overflow: ellipsis;overflow: hidden;-webkit-transition: color .28s ease, background-color .28s ease;transition: color .28s ease, background-color .28s ease}
.tabs .tab a:focus, .tabs .tab a:focus.active {background-color: rgba(246, 178, 181, 0.2);outline: none}
.tabs .tab a:hover, .tabs .tab a.active {background-color: transparent;color: #626f63}
.tabs .tab.disabled a, .tabs .tab.disabled a:hover {color: rgba(64, 130, 103, 0.4);cursor: default}
.breadcrumb a, .breadcrumb span { margin-right: 2px;font-size: 12px;color: #666666;line-height: 35px;}
.row-left, .row-right {float: left;-webkit-box-sizing: border-box;box-sizing: border-box;min-height: 1px;margin-left: auto;left: auto;right: auto }
.row-left {width: 75%; }
.row-right {width: 25%;}
.border-radius { border-radius: 2px; }
.card { background: #ffffff;position: relative;margin: 0.5rem 0.3rem; transition: box-shadow .25s;}
.card-title { position: relative;height: 50px;line-height: 50px;padding: 0 15px;border-bottom: 1px dotted #e9e9e9;color: #333;font-size: 14px;}
.card-title h2 { font-weight: 500;}
.card-main {padding: 10px 15px;}
.tag_info { background: #fff;    padding: 20px 15px 20px 20px;}
.tag_info p img { display: block;margin: auto auto;max-width: 90vw}
.post-list {padding: 20px 15px 20px 20px;margin-bottom: 10px;position: relative;}
.post-list li {padding-top: 10px;position: relative;display: block;list-style: none; border-bottom: solid 1px rgba(176, 186, 191, .2); margin-bottom: 10px;padding-bottom: 20px;}
.post-list li:after { content: "";clear: both;display: table}
.post-list li .post-title { font-size: 25px;margin: 0;line-height: 30px;font-weight: 400}
.post-list li .post-title a { color: #333333;}
.post-list li .post-title a:hover { color: #ed751f;}
.post-list li .post-list-image { display: block; width: 23.33333%;float: left;max-height: 140px;overflow: hidden;padding: 5px; }
.post-list li .post-list-image img { max-width: 100%; }
.post-list li .post-list-desc { position: relative }
.post-list li .post-des { color: #777;line-height: 30px;margin-bottom: 0;padding: 2px 15px;font-size: 16px;vertical-align: middle}
.post-list li .post-foot { position: absolute;right: 0;bottom: 0; }
.post-list li .post-foot span { margin-right: 20px; font-size: 13px;color: #999;line-height: 25px;}
.post-list li.post-list-right .post-list-image { float: right;}
.post-list li.post-list-right .post-des { padding-left: 0px}
.post-list li.post-list-right .post-foot {left: 0;bottom: 0;}
.post-main {}
.post-main .post-title { padding: 10px 20px 10px 20px;font-size: 20px;}
.post-main .post-title h1 { padding: 5px;margin: 10px;}
.post-main .post-con {font-size: 16px;line-height: 26px;word-break: break-all;word-wrap: break-word;position: relative;padding: 10px 20px 20px 20px;background-color: #fff; }
.post-main .post-con h2 { font-size: 24px;border-left: solid #75c8bb 5px;text-indent: 10px}
.post-main .post-con h3 { font-size: 20px;border-left: solid #75c8bb 5px;text-indent: 10px}
.post-main .post-con h4 { font-size: 18px;border-left: solid #75c8bb 5px;text-indent: 10px}
.post-main .post-con p { line-height: 2em }
.post-main .post-con p img { display: block;margin: 20px auto;margin-top: 10px!important;}
.post-main .author { display: block;padding: 10px 20px;border-bottom: 1px solid #eee;}
.post-main .author .author-icon { display: block;float: left }
.post-main .author .author-icon img { border-radius: 50%;width: 50px;border: solid 1px #dfdfdf; }
.post-main .author .author-txt { padding: 5px;margin-left: 55px;}
.post-main .author .author-name { font-size: 14px;}
.post-main .author-desc * {font-size: 12px;color: #666666;line-height: 25px;}
.post-author { margin: 10px 20px 20px 20px;border: 1px solid #dddddd;border-radius: 5px;background: #f7f7f7; }
.post-author .author-icon { display: block;float: left;vertical-align: baseline;}
.post-author .author-icon img { border-radius: 50%;width: 50px;vertical-align: middle;margin: 10px;}
.post-author .author-txt { padding: 5px;margin-left: 65px;margin-top: 10px;}
.post-author .author-desc {font-size: 12px;color: #666666;line-height: 25px;margin-top: 10px;}
.post-main .post-con ul, .post-main .post-con ol {padding-left: 50px;text-indent: 0; }
.post-main .post-con table { max-width: 100%;margin: 1px auto;}
.post-main .post-con > p > img { display: block;margin: auto;max-width: 600px}
.post-main .post-con .p-g { display: block;width: 80%;margin: 20px auto;padding: 9px;border: 1px solid #eee;overflow: hidden;text-indent: 0;position: relative}
.post-main .post-con .p-g:hover {box-shadow: 1px 1px 8px #eee;}
.post-main .post-con .p-g-image {float: left; margin-right: 14px; width: 25%;display: block;}
.post-main .post-con .p-g-image img {display: block;max-width: 100%;margin: 0 !important;}
.post-main .post-con .p-g-desc { display: block;padding-right: 0;float: left;width: 70%;}
.post-main .post-con .p-g-name { height: 44px;overflow: hidden;margin-top: 7px; font-size: 16px;line-height: 22px;white-space: normal;color: #313131;}
.post-main .post-con .p-g-info {height: 36px;margin: 12px 0;font-size: 12px;color: #999;line-height: 18px;}
.post-main .post-con .p-g-go { line-height: 28px;position: absolute;right: 15px;bottom: 15px; width: 70%; display: block;}
.post-main .post-con .p-g-shop { font-size: 14px;max-width: 50%;}
.post-main .post-con .p-g-buy { background-color: #f04848;color: #fff;float: right;width: 106px;height: 32px;margin-left: 10px;border-radius: 3px;line-height: 32px;text-align: center;font-size: 15px;text-indent: 0;margin-top: -5px;}
.post-main .post-con .p-g-buy:hover { background-color: #ee3030;}
.post-main .post-con .p-g-buy i { font-style: normal}
.post-main .post-con .p-g.good-view { max-width: 400px;padding: 10px;width: auto;text-align: center;border: none;margin-bottom: 10px;}
.post-main .post-con .p-gs { display: block;clear: both;width: 80%;margin: 1px auto}
.post-main .post-con .p-gs:after { content: "";clear: both;display: table}
.post-main .post-con .p-gs .p-g.good-view { display: block;width: 50%;float: left}
.post-main .post-con .p-gs .p-g.good-view:nth-child(2n) { display: block;width: 50%;float: right}
.post-main .post-con .p-g.good-view:hover { }
.post-main .post-con .p-g.good-view .p-g-image { display: block;width: auto;float: none;padding: 0;margin: 0; }
.post-main .post-con .p-g.good-view .p-g-image img { width: 100%;display: inline;}
.post-main .post-con .p-g.good-view .p-g-desc { display: block;float: none;text-align: left;width: auto }
.post-main .post-con .p-g.good-view .p-g-name { }
.post-main .post-con .p-g.good-view .p-g-info { display: none}
.post-main .post-con .p-g.good-view .p-g-go { position: relative;right: unset;left: unset;bottom: unset;width: 100%;margin-top: 10px;text-align: left;}
.post-main .post-con .p-g.good-view .p-g-shop { color: #aaaaaa}
.post-zan { padding: 10px;font-size: 20px;width: 40%;margin: 10px auto;text-align: center}
.post-zan button { display: inline-block;height: 43px;line-height: 38px;padding: 0 18px;white-space: nowrap;text-align: center;font-size: 16px;border: none;border-radius: 2px;cursor: pointer;background-color: #eee;color: #666;}
.post-zan button.active { background-color: #f27d74;color: #fff;}
.post-copyright { font-size: 11px;color: #999999;text-align: center}
.post-navi { margin-bottom: 20px;margin-top: 20px;overflow: hidden;padding: 20px;line-height: 30px;}
.post-navi .prev {float: left;font-size: 15px;width: 320px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.post-navi .next {float: right; font-size: 15px;width: 320px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.post-navi a {color: #4c4c4c;}
.post-navi a:hover {color: #3ca5f6;}
.post-main article { }
.post-cmt-text textarea {display: block;width: 100%; min-height: 100px;height: auto;padding: 6px 10px;resize: vertical;border-width: 1px;border-style: solid;background-color: #fff;border-radius: 2px;}
.post-cmt-submit button {display: inline-block;height: 38px;line-height: 38px;padding: 0 18px;background-color: #f27d74;color: #fff;white-space: nowrap;text-align: center;font-size: 16px;border: none;border-radius: 2px;cursor: pointer;margin-top: 10px;}
.post-cmt-list { padding: 0;line-height: 25px;}
.post-cmt-list li {list-style-type: none;position: relative;flex-shrink: 0;font-size: 15px;border-bottom: 1px solid #f6f6f6;margin-bottom: 10px;}
.post-cmt-list .post-cmt-meta {position: relative;height: 40px;padding-right: 3px;padding-left: 1px;margin-bottom: 2px;line-height: 40px;}
.post-cmt-list .user-avatar { float: left;width: 40px;height: 40px;border-radius: 50%;}
.post-cmt-list .post-cmt-name { float: left;font-weight: 500;color: #313131;padding-left: 10px;color: #666666}
.post-cmt-list .post-cmt-date {float: right;font-size: 14px;color: #8590a6;}
.post-cmt-list .post-cmt-text { padding: 5px 0 }
.post-cmt-list .post-cmt-reply {padding: 5px 0 5px 23px;position: relative;border-top: 1px solid #f6f6f6; border-left: 6px solid #eee;}
.post-cmt-list .post-cmt-con {margin-left: 50px;}
.post-cmt-list .post-cmt-foot {font-size: 14px;line-height: 32px;color: #8590a6;text-align: right}
.page-footer a, .page-footer span {padding: 0 6px;font-weight: 300;color: #333;font-size: 12px;}
.page-footer {overflow: hidden;line-height: 25px;background: #ffffff}
.footer-copyright {font-size: 12px;color: #666;}
.card-tag {overflow: hidden;padding: 0}
.card-tag li {background-color: #f7f7f7;-webkit-border-radius: 3px;border-radius: 3px;float: left;display: block;padding: 2px 6px;margin: 10px 10px 0 0;-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;transition: .3s;line-height: 0;}
.card-tag li:hover {background-color: #f1f1f1;}
.card-tag li.active {background-color: #ffa200;color: #fff;}
.card-tag li.active a {color: #fff;}
.card-tag li a {line-height: 1.6;font-size: 14px;color: #646567;}
.post-list-pic li { list-style: none}
.post-list-pic li {padding: 5px 0 15px 90px;border-bottom: solid 1px #eee;overflow: hidden;position: relative;display: block;font-size: 14px;}
.post-list-pic .thumbnail {float: left;margin-left: -90px;margin-top: 10px;}
.post-list-pic .thumbnail img {max-width: 100px;max-height: 64px;display: block;margin: 0 auto;}
.post-list-pic .text {line-height: 25px;overflow: hidden;margin: 5px 0 0 20px;display: block;height: 50px;color: #313131;}
.post-list-pic .muted {padding-left: 10px;color: #999;}
.post-list-text { }
.post-list-text li { list-style: none }
.post-list-text li:before { content: "\e6a3"; font-family: "iconfont" !important;color: #aaaaaa}
.post-list-text li a {line-height: 30px;color: #313131;font-size: 14px;}
.question-main .answers-num {position: relative;font-size: 18px;color: #7a8f9a;line-height: 18px;margin: 15px 0;text-align: center}
.question-main .answers-num-tit { background: #ffffff;position: relative; padding: 0 10px;z-index: 99;}
.question-main .author-desc { padding: 0px 10px;}
.question-main .author .author-desc { padding: 0px}
.question-main .answers-line {position: absolute;top: 9px;left: 0;width: 100%;height: 1px;z-index: 10;background: #e8ecee;}
.question-main .answer-tit {font-size: 14px;color: #34b458;line-height: 21px; text-indent: 0;padding-left: 10px;}
.question-main .answer-tit .m_icon { font-size: 26px;}
.question-main .author { padding: 0;padding-left: 10px;border-bottom: none}
.question-main .post-title { padding-bottom: 0px;}
.answers-list .card-title { font-size: 14px;font-weight: 500}
.laypage-main { text-align: center;margin-bottom: 10px;}
.laypage-main a { background: #ffffff;line-height: 26px;font-size: 16px;padding: 6px 10px;margin: 3px; color: #333333;line-height: 40px;}
.laypage-main a.hover { background: none;cursor: pointer}
.ename-gen-box { border: dashed 1px #fb5a3d;background: #ffffff; }
.ename-gen-box h2 { font-size: 16px;padding: 5px 0;margin: 0}
.ename-gen-box .xing, .ename-gen-box .ming {font-size: 16px;background: #fff;outline: none;border: 1px solid #ddd;-webkit-appearance: none;padding: 5px 10px; width: 120px;max-width: 35%;line-height: 32px;}
.ename-gen-box .card-row { line-height: 42px;text-align: center}
.ename-gen-box .card-row label { font-weight: 600;min-width: 50px;display: inline-block;margin: 0 10px;}
.ename-gen-box .card-row label:first-child { min-width: 50px;}
.ename-gen-box .card-row { margin-right: 10px; }
.ename-gen-box button { border: none;background: #fb5a3d;color: #ffffff;font-size: 16px;cursor: pointer;line-height: 20px;padding: 10px; float: right }
.ename-gen-box button:hover { background: #fc846f}
.row-right .ename-gen-box .card-row { text-align: left }
.row-right .ename-gen-box .card-row label:first-child { width: 20%;min-width: 50px;text-align: left }
.row-right .ename-gen-box .card-row label.label-sex { min-width: auto}
.row-right .ename-gen-box .xing, .ename-gen-box .ming { width: 220px;max-width: 55%;line-height: 25px;}
.alphabet-list { max-width: 960px;margin: 0 auto; }
.post-main .tt { display: inline-block;min-width: 80px;color: #fc846f;font-weight: 400;text-decoration: none}
.alphabet-list a {color: #373737;font-size: 1.3em;background: rgba(242, 242, 242, 0.6);width: 6.49%;box-sizing: border-box;border-radius: 4px;display: inline-block;*display: inline;*zoom: 1;font-size: 1.1em;line-height: 1;text-align: center;font-weight: 500;padding: 12px;margin: 0.6%;}
.alphabet-list.tag_list a { width: auto!important;display: inline-block}
.card-right { display: block;width: 36%;float: right;margin: 10px;background: #ffffff}
.post-main .post-con .card-right > img { width: 100%!important;}
.card-right img, .card-right audio { max-width: 100% !important;display: block;margin: 1px auto}
.alphabet-list a:hover {color: #333333; background-color: #eeeeee;}
.row-right .alphabet-list a { width: 15%; }
.ranking_hotstar {margin: 0 auto;}
.star_hotstar {width: 105px;display: inline-block;vertical-align: bottom;margin-right: 2.8%;text-align: center;overflow: hidden;margin-top: 10px;}
.i_head_hotstar {width: 100%;border-radius: 50%;}
.name_hotstar {margin: 5px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;color: #0d0d0d;}
.ename_hotstar {width: 100%;margin: 5px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;color: #fc846f;}
.cnname-bt { display: inline-block; background: #ffffff;border: 1px solid #ffefec;margin: 5px;line-height: 30px;border-radius: 5px;min-width: 100px;text-align: center}
.cnname-bt:hover { background: #ffefec;}
.index-h1 { background: #ffffff;}
h1.card-title { color: #f95743;border-bottom: none;text-align: center}
.main-top { margin-top: 0.8em}
.pay-box {border-radius: 10px;background: #eeeeee;width: 60%;padding: 30px;margin: 10px auto;border: 1px solid #efefef}
.pay-box span { font-size: 18px; margin: 10px;display: block;text-align: center;}
.pay-button { display: block;width: 200px;margin: 10px auto; background-color: #3cbd70;
  border-color: #36aa65;color: #ffffff;padding: 5px;border-radius: 5px;cursor: pointer;font-size: 14px;line-height: 35px;}
.enname_box .p-g-buy#submit_bt {background: #53b03b;cursor: pointer;}
.enname_box .p-g-buy#submit_bt2 {background: #00aff0;cursor: pointer;}
.enname_box .p-g-go { line-height: 28px;position: absolute;right: 15px;bottom: 15px; width: 70%; display: block;}
.enname_box .p-g-shop { font-size: 14px;max-width: 50%;}
.enname_box .p-g-buy { background-color: #f04848;color: #fff;float: right;width: 106px;height: 32px;margin-left: 10px;border-radius: 3px;line-height: 32px;text-align: center;font-size: 15px;text-indent: 0;margin-top: -5px;}
.enname_box .p-g-buy:hover { background-color: #ee3030;}
.enname_box .p-g-buy i { font-style: normal}
/*低于992 (手机端)*/
@media only screen and (max-width: 992px) {
  .container {width: 100%}
  table.responsive-table {width: 100%;border-collapse: collapse;border-spacing: 0;display: block;position: relative;overflow: hidden}
  table.responsive-table td:empty:before {content: '\00a0'}
  /*table.responsive-table th, table.responsive-table td {margin: 0;vertical-align: top}*/
  table.responsive-table th {text-align: left}
  /*table.responsive-table thead {display: block;float: left}*/
  /*table.responsive-table thead tr {display: block;padding: 0 10px 0 0}*/
  /*table.responsive-table thead tr th::before {content: "\00a0"}*/
  /*table.responsive-table tbody {display: block;width: auto;position: relative;overflow-x: auto;white-space: nowrap}*/
  /*table.responsive-table tbody tr {display: inline-block;vertical-align: top}*/
  /*table.responsive-table th {display: block;text-align: right}*/
  /*table.responsive-table td {display: block;min-height: 1.25em;text-align: left}*/
  /*table.responsive-table tr {border-bottom: none;padding: 0 10px}*/
  /*table.responsive-table thead {border: 0;border-right: 1px solid rgba(0, 0, 0, 0.12)}*/
   table.responsive-table td, table.responsive-table th { padding: 1px; white-space: nowrap;overflow: hidden;
     text-overflow: ellipsis;}
   table.responsive-table tr>td:nth-child(6), table.responsive-table tr > th:nth-child(6) { display: none}
   table.responsive-table tr>td:nth-child(4), table.responsive-table tr > th:nth-child(4) { display: none}
   table.responsive-table tr>td:nth-child(1), table.responsive-table tr > th:nth-child(1) { min-width: 80px}
  nav .brand-logo {left: 50%;-webkit-transform: translatex(-50%);transform: translatex(-50%)}
  .tabs {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex}
  .tabs .tab {-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1}
  .tabs .tab a {padding: 0 12px}
  .row-left {width: 100%; }
  .row-right {width: 100%;}
  .card { margin: 0.5rem 0}
  .breadcrumb { background: #ffffff;display: block;width: 100%;overflow: hidden;word-break: break-all; white-space: nowrap;
    text-overflow: ellipsis;opacity: 0.7;}
  .breadcrumb a, .breadcrumb span {}
  .post-list.card, .post-main.card { margin-top: 0}
  .post-list li .post-title { font-size: 1em;line-height: 23px;font-weight: bold}
  .post-list li .post-list-image { width: 120px; height: 80px;}
  .post-list li .post-des { word-break: break-all; overflow: hidden; text-overflow: ellipsis; padding: 2px 5px; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;}
  .post-list li .post-foot {display: none}
  .post-main .author-desc * { font-size: 14px;}
  .post-main .post-title, .post-main .author { padding-left: 10px;}
  .post-main .post-title h1 { font-size: 18px; line-height: 25px;}
  .post-main .author .author-desc .source { display: block}
  .post-main .post-con { font-size: 15px;line-height: 25px;padding: 10px;}
  .post-main .post-con h2 { font-size: 17px;}
  .post-main .post-con a { padding: 0 5px !important;}
  .post-main .post-con img { max-width: 100%;}
  .post-main .post-con > p > img { max-width: 100% !important;}
  .post-main .post-con .p-g { width: 100%;}
  .post-main .post-con .p-g-image { width: 33.33333%;text-align: center;padding: 0;margin: 0;overflow: hidden}
  .post-main .post-con .p-g-image img { display: inline;width: 90%;}
  .post-main .post-con .p-g-desc { width: 66.66666%;padding: 0;margin: 0;overflow: hidden}
  .post-main .post-con .p-g-info {height: auto;margin: 0;}
  .post-main .post-con .p-g-shop {display: none}
  .post-main .post-con a.p-g-name { padding: 0 !important;font-size: 16px;}
  .post-main .post-con .p-gs { width: 100%;}
  .post-main .post-con .p-gs .p-g.good-view { float: none;width: 100% !important;}
  .post-main .post-con .p-gs .p-g.good-view:nth-child(2n) { float: none;width: 100% !important;}
  .post-main .post-con .p-gs .p-g.good-view:nth-child(2n 1) { float: none;width: 100% !important;}
  .post-main .post-con .p-g.good-view { border: 1px solid #efefef;}
  .post-main .post-con .p-g.good-view .p-g-image { width: 100%;float: none;padding: 0 !important;margin: 0; }
  .post-main .post-con .p-g.good-view .p-g-shop {display: inline }
  .post-zan { width: 60%;}
  .post-navi .prev {float: none;font-size: 15px;width: 320px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
  .post-navi .next {float: none;font-size: 15px;width: 320px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
  header nav { height: auto}
  nav .brand-logo { position: relative;left: 0;text-align: center;transform: none;display: block;margin: 0px auto;}
  header nav.nav-extended ul { display: block;float: none;width: 100%;}
  header nav.nav-extended ul li { display: block;width: 50%;text-align: center;background: #ffffff}
  header nav.nav-extended ul a { line-height: 30px; color: #333333;margin: 5px;background: #aaaaaa;border-radius: 2px;overflow: hidden;background: linear-gradient(#f4f4f4, #ededed);border: 1px #d7d7d7 solid;box-shadow: 0 2px 1px rgba(100, 100, 100, .1);margin-left: 10px;margin-bottom: 10px;font-size: 15px;text-decoration: none;position: relative;text-align: center;}
  nav .nav-more { font-size: 20px;display: block}
  .question-main .author .author-desc .source { display: inline}
  .post-main .post-con {text-indent: 0}
  .post-list-text li a { font-size: 16px;line-height: 30px;}
  #nav-menu { display: none;}
  .row-left .alphabet-list a { width: 15%; }
  .ename-gen-box .card-row { text-align: left; }
  .ename-gen-box .card-row label, .ename-gen-box .card-row input{ display: block;float: left;line-height: 25px; margin: 10px;}
  .ename-gen-box .card-row .label-m { width: 30%; }
  .ename-gen-box .card-row>input { width:60%!important;max-width: 55%;clear: right; }
  .ename-gen-box .card-row .label-sex { width: auto;text-align: center }
  .ename-gen-box button { display:block;width: 60%;margin: 3px auto; float: none; }
  .pay-box { width: 80%}
  table.responsive-table tr>td:nth-child(4), table.responsive-table tr > th:nth-child(4) {
    display: none;
  }
  table.responsive-table tr>td:nth-child(5), table.responsive-table tr > th:nth-child(5) {
    /*display: none;*/
  }
  .enname_box_img  { display: none}
  .enname_box_list .enname_scores li { width: 80%;float: left;}
  .enname_box_list .enname_score {right:30px;top:115px;height: 100px;width: 100px;}
  .enname_box_list .enname_scores { width: 100%}
  .enname_box_list .enname_scores li {width: 55%;float: left;padding: 5px;}
  .enname_box_list .enname_unit {min-height: 280px;}
}
/*高于600(pad端)*/
@media only screen and (min-width: 601px) {
  nav.nav-sub .nav-wrapper {min-height: 64px}
  nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {line-height: 34px}
  .navbar-fixed {}
  nav ul li {width: 12.5%}
}
/*高于990(pc端)*/
@media only screen and (min-width: 993px) {
  .container {width: 80%;min-width: 1100px;}
  nav ul li {width: 20%}
}
@media only screen and (min-width: 1200px) {
  nav ul li {width: 12.25%}
}
.post-main .post-con .p-g-buy#submit_bt {
  background: #53b03b;
}
.post-main .post-con .p-g-buy#submit_bt2 {
  background: #00aff0;
}
.enname_p {
  border: 1px dashed #00aaee;
  line-height: 40px;
  padding: 10px;
}
.post-main .post-con > p > img {
  max-width: 90%!important;
}
.enname_p img {
  width: 90%;
}
.enname_p audio {
  display: inline-block;
}

.enname_box {}
.enname_box .catebox { display: block;border-radius: 20px; }
.enname_box .enname_box_info { width: 40%;float: left;}
.enname_box .enname_box_info li { line-height: 50px}
.enname_box .enname_head { width: 40%;float: left;text-align: center}
.enname_box_sort a {color: #ffffff;display: inline-block;line-height: 30px;text-align: center;padding: 5px;}
.enname_unit { padding: 5px 10px}
.enname_box_list .enname_unit { background: #efefef;border-radius:4px; margin: 5px;}
.enname_box_list h3 {padding: 10px;}
.enname_box_list p { padding: 10px;}
.enname_box_list .enname_unit .enname_base { position: relative }
.enname_box_list .enname_unit .enname_base i { font-size: 20px;color: #c773cb;cursor: pointer}
.enname_box_list .enname_unit h4 { margin-top: 10px;line-height: 30px;margin-bottom:10px }
.enname_box_list .enname_unit h4 span:first-child { font-size: 30px;text-transform: capitalize;font-weight: 700;}
.enname_box_list .enname_unit h4 span:nth-child(2) { line-height: 30px;font-size: 20px;color: #999999;padding-left: 10px;}
.enname_box_list .enname_unit h4 span:nth-child(3) {border-radius: 20px;margin-left: 20px;display: inline-block;width: 40px;height: 40px;line-height: 45px;text-align: center;background: #c773cb;color: #fff;}
.enname_box_list .enname_score { position: absolute;right: 20px;top:14px;height: 100px;width: 100px;}
.enname_box_list .enname_score span:first-child {display: block;font-size: 60px;color: #5333a7;line-height: 60px;}
.enname_box_list .enname_score span {display: block;text-align: center}
.enname_box_list .enname_scores { width: 70%;margin-bottom: 10px;}
.enname_box_list .enname_scores li { width: 33%;float: left;list-style: none}
.enname_box_list .enname_scores progress {
  border-radius: 3px;
  height: 12px;
  display: block;
}
.enname_box_list .enname_scores  progress::-webkit-progress-bar {
  background-color: #dddddd;
  border-radius: 7px;
}
.enname_box_list .enname_scores li:nth-child(1) progress::-webkit-progress-value {background-color: #bcc686;}
.enname_box_list .enname_scores li:nth-child(2) progress::-webkit-progress-value {background-color: #8fbf82;}
.enname_box_list .enname_scores li:nth-child(3) progress::-webkit-progress-value {background-color: #81bdb4;}
.enname_box_list .enname_scores li:nth-child(4) progress::-webkit-progress-value {background-color: #8181bd;}
.enname_box_list .enname_scores li:nth-child(5) progress::-webkit-progress-value {background-color: #be82b1;}
.enname_box_list .enname_unit p { clear: both;padding: 0;line-height: 26px;margin-block-end: 0px;}