html,
body {
    background: #F1F1F1;
    font-family: PingFangSC Helvetica;
}

/* 覆盖 */

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body,
div,
dl,
dt,
dd,
ul,
li,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

td,
th,
caption {
    font-size: 14px
}

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

a {
    color: inherit;
    text-decoration: none
}

a:hover {
    text-decoration: none
}

img {
    border: none
}

ul,
ul li {
    list-style: none;
    padding: 0;
    margin: 0
}

input,
textarea,
select,
button {
    font: 14px Helvetica, Arial, sans-serif;
    border: none;
    outline: none
}

table {
    border-collapse: collapse
}

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

.clearfix {
    *zoom: 1
}

.r_text {
    float: right
}

.color_999 {
    color: #999;
}

.color_444 {
    color: #444;
}

.color_333 {
    color: #333;
}

.color_777 {
    color: #777;
}

.num_color {
    color: #FF3B30;
}

.size_12 {
    font-size: 12px;
}

.size_13 {
    font-size: 13px;
}

.size_15 {
    font-size: 15px;
}

.size_26 {
    font-size: 26px;
}

.disabled_btn_1 {
    background: #CCCCCC;
    color: #FFFFFF;
}

.main_btn_1 {
    background: #007AFF;
    color: #FFF;
}

.noScrollBar::-webkit-scrollBar {
    display: none;
}

.noScrollBar::-ms-scrollBar {
    display: none;
}

.noScrollBar:-ms-scrollBar {
    display: none;
}

.noScrollBar::-o-scrollBar {
    display: none;
}

.noScrollBar::scrollBar {
    display: none;
}

.noScrollBar:scrollBar {
    display: none;
}

/* 卡片列表 --垂直卡片（包括body,actions区域） */

.hx-card .hx-card-body {
    width: 100%;
    padding-top: 56.25%;
    position: relative;
    background-color: rgba(0, 0, 0, 0.2);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border-radius: 2px;
}

.hx-card .hx-card-body .card_hover_container {
    z-index: 1;
    position: absolute;
    top: 0;
    left: -1px;
    right: -1px;
    height: 0;
    overflow: hidden;
    text-align: center;
    background: #FFFFFF;
    border-radius: 2px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.hx-card .hx-card-body .card_hover_container .introduce-text {
    text-align: left;
    font-size: 12px;
    color: #777777;
    line-height: 1.8;
    padding: 0 20px 0 20px;
}

.hx-card .hx-card-body .card_hover_container .introduce-text .quotation-icon {
    font-size: 30px;
    color: #007AFF;
    display: block;
    width: calc(100% + 20px);
    height: 30px;
    position: relative;
    left: -10px;
}

.hx-card .hx-card-body .card_hover_container .introduce-text .quotation-icon:last-child {
    text-align: right;
    line-height: 30px;
}

.hx-card .hx-card-actions {
    width: 100%;
    height: 64px;
    background-color: #FFF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.hx-card .hx-card-actions .actions-item {
    cursor: pointer;
    border-left: 1px solid #E3E4E5;
    font-size: 14px;
    display: inline-block;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.hx-card .hx-card-actions .actions-item:hover {
    opacity: 0.8;
}

.hx-card .hx-card-actions .actions-item .icon {
    color: #007AFF;
    margin-right: 10px;
    font-size: inherit;
}

.hx-card .hx-card-actions .actions-item:first-child {
    border-left: none;
}

/* 标准列表 hx-basic-card (水平分布) */

.hx-list {
    line-height: 1.5;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.hx-list .hx-list-item {
    display: block;
    background-color: #FFF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.hx-list .hx-list-item-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
}

.hx-list .hx-list-item .hx-list-item-meta .hx-list-item-meta-img {
    background-color: rgba(0, 0, 0, 0.5);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.hx-list .hx-list-item .hx-list-item-meta .hx-list-item-meta-img .list-item-label {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 12px;
    padding: 0 6px;
}

.active-label {
    background: #419BF9;
    color: #FFF;
}

.disable-label {
    background: #999;
    color: #FFF;
}

.hx-list .hx-list-item .hx-list-item-meta .hx-list-item-meta-content {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/* 弹框样式 */

.dialog-container {
    position: absolute;
    top: 10%;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    background: #FFFFFF;
    -webkit-box-shadow: 0 2px 34px 0 rgba(39, 52, 125, 0.25);
    box-shadow: 0 2px 34px 0 rgba(39, 52, 125, 0.25);
    border-radius: 20px 20px 0 0;
    overflow-x: hidden;
    overflow-y: hidden;
}

.dialog-container .dialog-body {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: #FFF;
}

.dialog-container .dialog-body .dialog-head {
    height: 50px;
    line-height: 50px;
    text-align: left;
    padding-left: 15px;
    border-bottom: 1px #F1F1F1 solid;
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #333333;
    letter-spacing: 0;
}

.dialog-container .dialog-head .icon {
    float: right;
    padding-right: 16px;
    color: #000;
    font-size: 14px;
    font-weight: bold;
}

.dialog-container .dialog-head .icon:hover {
    color: #F35F41;
}

.dialog-container .dialog-body .dialog-content {
    height: calc(100% - 50px);
    overflow: auto;
    font-size: 14px;
    padding: 20px;
}

.dialog-container .dialog-body .dialog-content-with-footer {
    height: calc(100% - 120px);
    overflow: auto;
    font-size: 14px;
    padding: 20px;
    border-bottom: 1px #F1F2F4 solid;
}

.dialog-container .dialog-body .dialog-footer {
    zoom: 1;
    height: 70px;
    background: #FFF;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.dialog-container .dialog-body .main-btn {
    background: #007AFF;
    border-radius: 100px;
    font-size: 18px;
    color: #FFFFFF;
    outline: none;
}

.dialog-container .dialog-body .lg-btn {
    width: 90%;
    height: 48px;
}

.dialog-container .dialog-body .dafault-btn {
    min-width: 80px;
    height: 32px;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    border-radius: 4px;
    margin-left: 10px;
    outline: none;
}

/* tab切换-单行 ，超出滑动 */

.tab-area-scroll {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 0 16px;
    min-height: 62px;
    line-height: 62px;
    background-color: #FFF;
    white-space: nowrap;
    overflow-x: scroll;
}

.tab-area-scroll .tab-item {
    display: inline-block;
    padding: 0;
    margin-right: 24px;
    font-size: 14px;
    color: #666666;
    vertical-align: middle;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

.tab-area-scroll .tab-item:last-child {
    padding-right: 16px;
}

.tab-area-scroll .tab-item-active {
    font-size: 22px;
    color: #000000;
    font-weight: bold;
}

/* 轮播 */

.am-slider-a1 .am-control-nav li {
    position: relative;
}

.am-slider-a1 .am-control-nav li a {
    background: #bcbcbc;
    opacity: .5;
}

.am-slider-a1 .am-control-nav li a:hover {}

.am-slider-a1 .am-control-nav li a.am-active {
    background: #bcbcbc;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1;
}

.am-slider-a1 .am-control-nav {
    bottom: 18px;
    z-index: 2;
}

.pet_slider_shadow {
    position: absolute;
    /*background: url(../img/flshadow.png) bottom no-repeat;*/
    background-size: 100%;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.pet_slider_font {
    position: absolute;
    bottom: 35px;
    left: 20px;
    z-index: 8;
    color: #fff;
}

.pet_slider_emoji {
    display: block;
    font-size: 12px;
}

/* 外挂图形文字 */

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

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

@keyframes more_list {
    /* from {
        left: 0;
        bottom: -900px;
    }
    to {
        left: 0;
        bottom: 0;
    } */
}

@-webkit-keyframes more_list {
    /* from {
        left: 0;
        bottom: -900px;
    }
    to {
        left: 0;
        bottom: 0;
    } */
}

/* 主体 */

.mobile-outer-container {
    max-width: 820px;
    height: 100vh;
    max-height: 820px;
    margin: 0 auto;
    background: #ececec;
    position: relative;
}

.pet_mian {
    max-width: 640px;
    margin: 0 auto;
    background: #ececec;
    position: relative;
}

.pet_content_main {
    max-width: 100%;
    background: #fff;
    padding: 10px 20px;
    -webkit-box-shadow: 0 0 3px rgba(100, 100, 100, .1);
    box-shadow: 0 0 3px rgba(100, 100, 100, .1);
    margin-bottom: 50px
}

/* 圆形按钮 */

.pet_circle_nav {
    padding: 25px 10px 5px;
    max-width: 100%;
}

.pet_circle_nav_list {
    max-width: 100%;
    overflow: hidden;
}

.pet_circle_nav_list li {
    width: 25%;
    float: left;
    margin-bottom: 15px;
}

.pet_circle_nav_list a {
    border-radius: 50%;
    width: 55px;
    height: 55px;
    display: block;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    line-height: 55px;
    font-size: 35px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.pet_circle_nav_list a:hover {
    -webkit-box-shadow: inset 0 0 40px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 40px rgba(0, 0, 0, .3);
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.pet_circle_nav_list span {
    display: block;
    width: 100%;
    text-align: center;
    padding-top: 5px;
    font-size: 14px;
}

.pet_nav_xinxianshi {
    background: #fe9700;
}

.pet_nav_zhangzhishi {
    background: #f26765;
}

.pet_nav_kantuya {
    background: #6f68df;
}

.pet_nav_mengzhuanti {
    background: #7f2d00;
}

.pet_nav_meirong {
    background: #fd7a49;
}

.pet_nav_gengduo {
    background: #7fd02b;
}

.pet_nav_yiyuan {
    background: #19cf8a;
}

.pet_nav_dianpu {
    background: #4493f7;
}

.pet_nav_bk {
    background: #6f67e0;
}

.pet_nav_wd {
    background: #fd7949;
}

.pet_nav_sy {
    background: #ff9702;
}

.pet_nav_xx {
    background: #00c2ea;
}

.pet_nav_sz {
    background: #3296ee;
}

.pet_nav_ms {
    background: #7fd02b;
}

.pet_nav_qs {
    background: #19ce8b;
}

.pet_nav_qt {
    background: #fe618e;
}

/* 文章列表 */

.am-list-news-default {
    margin-top: 0;
}

.pet_content_main .am-list>li {
    margin-bottom: 0;
    border: none;
    border-bottom: 1px solid #f1f1f1;
}

.am-list-news-default .am-list .am-list-item-desced .am-list-item-text {
    margin: 0;
}

.pet_content_main .am-list,
.am-topbar {
    margin-bottom: 0;
}

.pet_content_main .am-list-news-default {
    margin: 0;
}

.pet_content_main .am-list-item-hd a {
    color: #222;
    font-weight: bold;
}

.pet_content_main .am-list-news-default .pet_list_one_bt {
    margin-top: -4px;
    line-height: 22px;
}

.pet_content_main .am-list-news-default .pet_list_one_nr {}

.pet_content_main .am-list-news-default .pet_list_one_info {
    width: 100%;
    clear: both;
    height: 30px;
    margin-bottom: 10px;
}

.pet_content_main .am-list-news-default .pet_list_one_info_l {
    float: left;
}

.pet_content_main .am-list-news-default .pet_list_one_info_ico {
    width: 26px;
    height: 26px;
    float: left;
}

.am-list-news-default .am-list .pet_list_one_block {
    padding-bottom: 20px;
    margin-bottom: 7px;
}

.pet_content_main .am-list-news-default .pet_list_one_info_ico img {
    width: 100%;
    border-radius: 50%;
}

.pet_content_main .am-list-news-default .pet_list_one_info_name {
    color: #757575;
    float: left;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    text-indent: .5em;
}

.pet_content_main .am-list-news-default .pet_list_one_info_r {
    float: right;
}

.am-list-news-default .am-list .am-list-item-desced .pet_list_two_text {
    margin-top: 5px;
}

.pet_list_one_info_tytj {
    float: left;
    font-size: 16px;
    color: #222;
    font-weight: bold;
}

.pet_list_one_list {
    padding: 8px 0;
}

.pet_list_one_list li {
    padding: 0;
}

.pet_list_one_list li:nth-of-type(1) {
    padding-right: 6px;
}

.pet_list_one_list li:nth-of-type(2) {
    padding: 0 3px;
}

.pet_list_one_list li:nth-of-type(3) {
    padding-left: 6px;
}

.pet_list_one_list li:nth-of-type(4) {
    padding-right: 6px;
    padding-top: 6px;
}

.pet_list_one_list li:nth-of-type(5) {
    padding: 0 3px;
    padding-top: 6px;
}

.pet_list_one_list li:nth-of-type(6) {
    padding-left: 6px;
    padding-top: 6px;
}

.pet_list_tag {
    height: 20px;
    line-height: 20px;
    padding-right: 8px;
    margin: 3px 0;
    font-size: 12px;
}

.pet_list_tag_xxs {
    border-right: 3px solid #fe9700;
    color: #fe9700;
}

.pet_list_tag_zzs {
    border-right: 3px solid #f26765;
    color: #f26765;
}

.pet_list_tag_stj {
    border-right: 3px solid #764f9c;
    color: #764f9c;
}

.pet_list_tag_kty {
    border-right: 3px solid #6f68df;
    color: #6f68df;
}

.pet_list_tag_mzt {
    border-right: 3px solid #7f2d00;
    color: #7f2d00;
}

.pet_content_main .am-list-news-default .pet_list_one_text {
    position: absolute;
    left: 0px;
    bottom: 0px;
    /*-webkit-line-clamp: 1;*/
}

.pet_content_main .am-list-news-default .pet_list_zt_img {
    width: 100%;
    padding: 8px 0;
}

.pet_content_main .am-list-news-default .pet_list_zt_img img {
    width: 100%;
}

.pet_list_one_tytj {
    padding: 0px
}

/* 弹出更多列表 */

.pet_more_list,
.pet_more_list_1 {
    width: 100%;
    left: 0;
    height: 80%;
    background: rgba(48, 52, 53, .9);
    position: fixed;
    bottom: -9900px;
    z-index: 9;
    -webkit-transition: all .5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.pet_more_list_block {
    max-width: 640px;
    margin: 0 auto;
    /* color: #fff; */
}

.pet_more_close {
    text-align: right;
    height: 35px;
    width: 100%;
    line-height: 45px;
    padding-right: 15px;
    font-size: 30px;
    color: #cbc8d9;
}

.pet_more_list_show {
    bottom: 0;
    left: 0;
    animation: more_list 0.5s;
    -webkit-animation: more_list 0.5s;
}

.pet_more_list_block {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.pet_more_list_block_name_title {
    color: #ddd;
    font-size: 15px;
    padding-bottom: 10px;
    clear: both;
}

.pet_more_list_block_name_ico {
    font-size: 18px;
}

.pet_more_list_block_line {
    cursor: pointer;
    color: #fff;
    height: 30px;
    line-height: 30px;
    width: 90px;
    margin: 5px;
    margin-left: 0px;
    display: inline-block;
    background: #303435;
    border-radius: 5px;
}

.pet_more_list_block_line:hover {
    color: #fff;
}

.pet_more_list_block_line_height {
    padding-top: 10px;
}

.pet_more_list_block_line_ico {
    margin: 5px 0 0 5px;
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    line-height: 20px;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.pet_more_list_block_line_font {
    display: block;
    float: left;
    height: 25px;
    line-height: 22px;
    padding-left: 8px;
    padding-top: 4px;
    font-size: 14px;
}

.pet_list_tytj_ico {
    margin: 0;
    margin-top: 2px;
    margin-right: 5px;
}

/* 内页头部 */

.pet_head {
    position: fixed;
    height: 49px;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 999;
}

.pet_head_block {
    background: #303435;
    max-width: 640px;
    margin: 0 auto;
    line-height: 53px;
}

.pet_head_jt_ico {
    font-size: 25px;
    border-right: 1px solid #4c4a4b;
}

.pet_head_gd_ico {
    font-size: 27px;
}

.pet_head_block .am-header-nav>a {
    color: #918f90;
    height: 30px;
    line-height: 30px;
    min-width: 48px;
}

/* 内页文章 */

.pet_content {
    width: 100%;
    background: #ececec;
    padding-top: 49px;
}

.am-paragraph-default a {
    color: #ff5656;
}

.pet_content_block {
    width: 100%;
    background: #fff;
    margin: 0 auto;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pet_content_block .am-paragraph-default img {
    border: none;
    padding: 0;
    margin: 0 auto;
    max-width: 100%;
}

.pet_content_block .am-paragraph-default p {
    font-size: 17px;
    line-height: 1.8;
}

.pet_content_article {
    padding: 20px 8px 0;
}

.pet_content_article img {
    border-radius: 5px;
}

.pet_content_article blockquote p {
    margin-top: 0;
}

.pet_content_article embed {
    width: 100%;
}

/* 原创文章 */

.pet_article_user_block {
    width: 100%;
}

.pet_article_user_img {
    width: 100%;
    position: relative;
}

.pet_article_user_img img {
    width: 100%;
    display: block;
}

.pet_article_user_title {
    left: 0;
    bottom: 5px;
    position: absolute;
    width: 100%;
    text-indent: 85px;
    z-index: 6;
    color: #fff;
}

.pet_article_user_info {
    width: 100%;
    height: 50px;
    line-height: 35px;
    position: relative;
    padding-left: 85px;
    font-size: 14px;
}

.pet_article_user_info_ico {
    width: 62px;
    height: 62px;
    top: -31px;
    left: 10px;
    position: absolute;
    border-radius: 50%;
    overflow: hidden;
}

.pet_article_user_info_ico img {
    width: 100%;
}

.pet_article_user_shadow {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: .7;
    bottom: 0;
    left: 0;
    background: url(../img/flshadow.png) bottom no-repeat;
}

.pet_article_user_nr {
    width: 100%;
    margin-top: 5px;
    color: #757575;
}

/* 视频*/

.pet_video_tag {
    border-right: 3px solid #19cf8a;
    color: #19cf8a;
}

.pet_video_info {
    position: relative;
}

.pet_video_info_tag {
    position: absolute;
    font-size: 14px;
    bottom: 5px;
    right: 5px;
    padding: 0 10px;
    display: inline-block;
    text-align: center;
    height: 20px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    line-height: 22px;
    color: #fff;
}

.pet_video_info_tag i {
    font-size: 15px;
    float: left;
    margin-right: 3px;
}

/*  喜欢 分享*/

.like_share_block {
    width: 100%;
    padding: 25px 15px 10px;
    overflow: hidden;
    margin-top: 15px;
}

.like_share_block li {
    width: 33.33%;
    padding: 0 5px;
    float: left;
}

.link_share_button i {
    display: inline-block;
    margin-right: 5px;
}

.link_share_button {
    color: #979797;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    display: block;
    border-radius: 20px;
    border: 1px solid #dcdcdc;
}

.link_share_button:hover {
    color: #e86060;
}

.link_share_button .share_ico_link {
    color: #e86060;
}

.link_share_button .share_ico_wx {
    color: #6dc35e;
}

.link_share_button .share_ico_pyq {
    color: #6959f0;
}

.pet_content_list {
    padding-top: 29px;
}

/* 评论 */

.pet_comment_list {
    width: 100%;
    padding-top: 20px;
}

.pet_comment_list_wap {
    background: #fff;
    padding: 18px;
    position: relative;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pet_comment_list_title {
    position: relative;
    font-weight: bold;
    color: #222;
    font-size: 16px;
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 15px;
    margin-bottom: 5px;
}

.pet_comment_list_wap .am-tabs-default .am-tabs-nav {
    padding: 0 10px;
    background: none;
    border-radius: 20px;
    width: 140px;
    height: 30px;
    border: 1px solid #f1f1f1;
}

.pet_comment_list_wap .am-tabs-default .am-tabs-nav li {
    padding-top: 6px;
}

.pet_comment_list_wap .am-tabs-default .am-tabs-nav>.am-active a {
    padding: 0 5px;
    background: none;
    color: #979797;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
}

.pet_comment_list_wap .am-tabs-default .am-tabs-nav a {
    padding: 0 5px;
    border-right: 1px solid #f1f1f1;
    background: none;
    color: #cacaca;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
}

.pet_comment_list_title_tab {
    position: absolute;
    display: inline-block;
    float: right;
    right: 18px;
    top: 16px;
}

.pet_comment_list_wap .am-tabs-default .am-tabs-nav li:last-child a {
    border: none;
}

.pet_comment_list_tab {
    margin: 0;
}

.pet_comment_list_tab .am-tabs-bd {
    border: none;
}

.pet_comment_list_tab .am-tab-panel {
    padding: 0;
}

.pet_comment_list_block {
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #f1f1f1;
    overflow: hidden;
}

.pet_comment_list_block_l {
    width: 50px;
    height: 50px;
    float: left;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
}

.pet_comment_list_block_l img {
    width: 100%;
}

.pet_comment_list_block_r {
    position: relative;
    margin-left: 65px;
}

.pet_comment_list_block_r_info {
    color: #222;
    font-size: 18px;
}

.pet_comment_list_block_r_text {
    color: #222;
    font-size: 14px;
}

.pet_comment_list_block_r_text span {
    color: #ff5656;
    padding-right: 5px;
}

.pet_comment_list_block_r_bottom {
    font-size: 14px;
    color: #757575;
    padding-top: 5px;
}

.pet_comment_list_bottom_info_l {
    position: relative;
    float: left;
}

.pet_comment_list_bottom_info_r {
    position: relative;
    text-align: right;
}

.pet_comment_list_bottom_info_r span {
    display: inline-block;
    padding-right: 8px;
    padding-left: 3px;
}

.pet_pl_list .pet_comment_list_block:last-child {
    border: none;
}

/* 文章作者 */

.pet_article_title {
    font-weight: bold;
    margin: 0;
}

.pet_head_block .pet_article_user {
    margin: 0;
    margin-left: 65px;
    position: relative;
    overflow: visible;
}

.pet_article_user_info_tab {
    text-align: left;
    position: absolute;
    background: #fff;
    top: -50px;
    left: -30px;
    border: 1px solid rgba(0, 0, 0, 0.01);
    width: 160px;
    height: 38px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
}

.pet_article_user_info_tab_show {
    top: 45px;
    left: -30px;
    animation: pet_article_user_info 0.5s;
    -webkit-animation: pet_article_user_info 0.5s;
}

.pet_article_user_info_tab_cloes {
    top: -50px;
    left: -30px;
    animation: pet_article_user_info_over 0.5s;
    -webkit-animation: pet_article_user_info_over 0.5s;
}

.pet_article_user_info_tab_font {
    font-size: 12px;
    color: #222;
    position: relative;
    padding: 10px;
}

.pet_article_user_info_tab_font_center {
    width: 100%;
    height: 18px;
    line-height: 15px;
}

.pet_article_user_info_tab_font_center i {
    font-style: normal;
    display: block;
    float: left;
    font-size: 10px;
    text-align: center;
    border: 1px solid #b9b8b8;
    color: #b9b8b8;
    border-radius: 8px;
    width: 35px;
    line-height: 15px;
    height: 15px;
}

.pet_article_user_info_tab_font_center span {
    display: block;
    margin-left: 40px;
    line-height: 16px;
    height: 15px;
}

.pet_article_user_info_tab_font_center_line {
    border-bottom: 1px solid #f7f7f7;
    padding-top: 3px;
}

.pet_head .pet_article_user_info_tab_font_center a {
    color: #b9b8b8;
    display: block;
    width: 100%;
    padding-top: 5px;
}

.pet_article_user_info_tab_font_triangle {
    position: absolute;
    top: -9px;
    left: 69px;
    height: 0;
    width: 0;
    border-bottom: solid 8px #fff;
    border-left: solid 8px #303435;
    border-right: solid 8px #303435;
}

.pet_article_user_info_tab_ico {}

.pet_article_user_ico {
    width: 26px;
    height: 50px;
    display: block;
    float: left;
}

.pet_article_user_ico img {
    width: 100%;
    border-radius: 50%;
}

.pet_head_block .pet_article_user_name {
    font-size: 16px;
    line-height: 50px;
    margin-left: 35px;
    text-align: left;
    height: 50px;
    color: #918f90;
    display: block;
}

.pet_article_user_time {
    color: #aaaaaa;
    font-size: 14px;
    margin-bottom: 10px;
}

.pet_article_dowload {
    border-top: 1px solid #f2f2f2;
    width: 100%;
    margin: 15px 0 0;
    overflow: hidden;
    padding-top: 15px;
}

.pet_article_dowload_ico {
    width: 35px;
    height: 35px;
    position: relative;
    float: left;
}

.pet_article_dowload_ico img {
    width: 100%;
}

.pet_article_dowload_title {
    width: 100%;
    font-size: 15px;
    color: #b2b2b2;
    padding: 0 16px 15px;
}

.pet_article_dowload_content {
    width: 100%;
    position: relative;
    background: #fafafa;
    padding: 23px 16px;
}

.pet_article_dowload_triangle {
    position: absolute;
    top: -41px;
    left: 13px;
    margin: 30px;
    height: 0;
    width: 0;
    border-bottom: solid 11px #f7f7f7;
    border-left: solid 11px #fff;
    border-right: solid 11px #fff;
}

.pet_article_dowload_content_font {
    color: #b2b2b2;
    font-size: 12px;
    position: relative;
    margin-left: 45px;
    margin-top: -2px;
}

.pet_article_dowload_all {
    width: 100%;
    text-align: right;
    font-size: 13px;
    padding-top: 10px;
}

.pet_article_dowload_Az {
    display: inline-block;
    text-align: center;
    border: 1px solid #b9b8b8;
    color: #b9b8b8;
    border-radius: 10px;
    width: 85px;
    line-height: 19px;
    height: 21px;
}

.pet_article_dowload_Pg {
    display: inline-block;
    text-align: center;
    border: 1px solid #b9b8b8;
    color: #b9b8b8;
    border-radius: 10px;
    width: 85px;
    height: 21px;
    line-height: 19px;
}

.pet_article_dowload_Az:hover {
    border: 1px solid #ff5656;
    color: #ff5656;
}

.pet_article_dowload_Pg:hover {
    border: 1px solid #54d669;
    color: #54d669;
}

.pet_article_footer_info {
    text-align: center;
    font-size: 12px;
    color: #b9b8b8;
    height: 30px;
    line-height: 30px;
    margin: 17px;
}

.pet_article_like {
    width: 100%;
    background: #fff;
    margin: 0 auto;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    margin-top: 20px;
    padding: 18px;
}

.pet_article_like_delete {
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.pet_article_like_title {
    font-weight: bold;
    color: #222;
    font-size: 16px;
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 15px;
    margin-bottom: 5px;
}

/* 百科 */

.pet_wiki {
    width: 100%;
    background: #fff;
    padding-top: 50px;
}

.pet_wiki_head {
    max-width: 640px;
    background: url(../img/wikibg.png) no-repeat;
    background-size: 100%;
    padding-bottom: 9%;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.pet_wiki_head_info {
    max-width: 640px;
}

.pet_wiki_head_info_ico {
    width: 38%;
    margin: 0 auto;
    padding-top: 7%;
}

.pet_wiki_head_info_ico img {
    width: 100%;
    border-radius: 50%;
}

.pet_wiki_head_info_title {
    width: 100%;
    font-size: 28px;
    color: #222;
    text-align: center;
    line-height: 35px;
    padding-top: 10px;
}

.pet_wiki_head_info_title span {
    display: block;
    font-size: 11px;
    line-height: 18px;
}

.pet_wiki_tab {
    margin: 0;
    width: 93%;
    margin: 0 auto;
}

.pet_wiki_tab .pet_wiki_tab_content {
    display: block;
    background: #fff;
}

.pet_wiki_tab .pet_wiki_tab_block {
    border: none;
}

.pet_wiki_tab .am-tabs-nav li {
    width: 100px;
    float: left;
    height: auto;
    background: #fff;
    font-size: 18px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin-right: 20px;
    position: relative;
    padding: 8px 0;
}

.pet_wiki_tab .am-tabs-nav>.am-active {
    background: #fff;
    border-bottom: 1px solid #0ba4ea;
}

.pet_wiki_tab .am-tabs-nav>.am-active a {
    color: #222;
    background: #fff;
}

.pet_wiki_tab .am-tabs-nav>.am-active:after {
    display: none;
}

.pet_wiki_text_line {
    width: 100%;
    border-bottom: 1px solid #f6f6f6;
    font-size: 13px;
    height: 60px;
    line-height: 60px;
    clear: both;
}

.pet_wiki_text_line_l {
    display: inline-block;
    color: #afafaf;
    width: 20%;
}

.pet_wiki_text_line_c {
    display: inline-block;
}

.pet_wiki_text_line_r {
    display: inline-block;
    float: right;
}

.pet_wiki_text_line_r i {
    font-size: 25px;
    color: #afafaf;
    border-left: 1px solid #f6f6f6;
    padding: 0 10px;
}

.pet_wiki_tab .pet_wiki_tab_block_content {
    padding: 0;
}

.pet_dowload_more_top_off {
    border: none;
}

.pet_dowload_more_top_san {
    border-bottom: solid 11px #fff;
    border-left: solid 11px #ececec;
    border-right: solid 11px #ececec;
}

.pet_dowload_more_top_bg {
    background: #fff;
}

.pet_wiki_more_info {
    width: 100%;
    padding-top: 15px;
}

.pet_wiki_more_info_title {
    font-size: 18px;
    line-height: 20px;
    padding-bottom: 7px;
    color: #222;
    border-bottom: 1px solid #f6f6f6;
    clear: both;
}

.pet_wiki_more_info_title i {
    color: #fff;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    font-size: 20px;
    display: block;
    float: left;
    margin-top: 3px;
    margin-right: 5px;
}

.pet_wiki_more_info_text {
    font-size: 16px;
    clear: #222;
    padding: 8px 0;
}

.pet_wiki_more_info_title_font {
    display: block;
    padding-top: 2px;
}

.pet_wiki_more_info_title_font span {
    display: block;
    color: #b1b1b1;
    font-size: 11px;
    margin-top: -3px;
}

@keyframes pet_article_user_info {
    from {
        left: -30px;
        top: 20px;
        opacity: 0;
    }
    to {
        left: -30px;
        top: 45px;
        opacity: 1;
    }
}

@-webkit-keyframes pet_article_user_info {
    from {
        left: -30px;
        top: 20px;
        opacity: 0;
    }
    to {
        left: -30px;
        top: 45px;
        opacity: 1;
    }
}

@keyframes pet_article_user_info_over {
    from {
        left: -30px;
        top: 45px;
        opacity: 1;
    }
    to {
        left: -30px;
        top: 20px;
        opacity: 0;
    }
}

@-webkit-keyframes pet_article_user_info_over {
    from {
        left: -30px;
        top: 45px;
        opacity: 1;
    }
    to {
        left: -30px;
        top: 20px;
        opacity: 0;
    }
}

/*视频*/

.pet_topci {
    width: 100%;
}

.pet_content_main .am-list .pet_topci_list {
    width: 100%;
    border: none;
}

.pet_topci .pet_article_like {
    padding: 10px;
}

.pet_topci_block {
    width: 100%;
    position: relative;
    display: block;
}

.pet_topci_block img {
    width: 100%;
}

.pet_topci_video {
    color: #fff;
    text-align: center;
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    height: 18px;
    line-height: 20px;
    font-size: 12px;
    width: 55px;
}

.pet_topci_shadow {
    position: absolute;
    background: url(../img/flshadow.png) bottom no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity: .8;
}

.pet_topci_shadow_font {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    position: absolute;
    padding: 10px;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.pet_news_list_tag_name {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 49px;
    color: #fff;
}

/*活动*/

.pet_hd {
    width: 100%;
}

.pet_hd_list {
    width: 100%;
}

.pet_hd_block {
    width: 100%;
    display: block;
    color: #222;
}

.pet_hd_block:hover {
    color: #222;
}

.pet_hd_block_title {
    width: 100%;
    font-size: 20px;
}

.pet_hd_block_map {
    margin: 5px 0 10px;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    height: 20px;
}

.pet_hd_block_map i {
    padding-right: 5px;
}

.pet_hd_block_tag {
    width: 100%;
    font-size: 14px;
}

.pet_hd_block_tag span {
    display: inline-block;
    text-align: center;
    background: #f28d00;
    border-radius: 4px;
    width: 70px;
    height: 22px;
    line-height: 22px;
    color: #fff;
}

.pet_hd_block_tag span.hd_tag_jh {
    background: #00a0e9;
}

.pet_hd_block_tag span.hd_tag_js {
    background: #999999;
}

/*活动内页*/

.pet_hd_con {
    width: 100%;
}

.pet_hd_con_head {
    width: 100%;
}

.pet_hd_con_head img {
    width: 100%;
}

.pet_hd_con_time {
    font-size: 14px;
    margin: 0;
    margin-top: 5px;
}

.pet_hd_con_time i {
    padding-right: 8px;
}

.pet_hd_con_map {
    font-size: 14px;
    margin: 0;
    margin-top: 3px;
    margin-bottom: 3px;
}

.pet_hd_con_map i {
    padding-right: 8px;
}

.pet_hd_con_gp {
    width: 100%;
    padding-top: 10px;
}

.pet_hd_con_gp_title {
    font-size: 18px;
}

.pet_hd_con_gp_list {
    width: 100%;
    padding-top: 10px
}

.pet_hd_con_gp_list span i {
    font-style: normal;
    display: block;
    font-size: 16px;
    color: #222;
}

.pet_hd_con_gp_list span:hover {
    background: #ff5656;
    border: 1px solid #ff5656;
    color: #fff;
}

.pet_hd_con_gp_list span:hover i {
    color: #fff;
}

.pet_hd_con_gp_list span {
    position: relative;
    color: #a1a1a1;
    font-size: 12px;
    border: 1px solid #aaa;
    border-radius: 5px;
    display: inline-block;
    width: 25%;
    padding: 5px 10px;
    line-height: 18px;
    color: #222;
}

.pet_hd_con_gp_list .pet_hd_con_gp_list_on {
    background: #ff5656;
    border: 1px solid #ff5656;
    color: #fff;
}

.pet_hd_con_gp_list .pet_hd_con_gp_list_on i {
    color: #fff;
}

.pet_hd_con_gp_list_sm {
    width: 100%;
    font-size: 12px;
    color: #222;
    padding: 10px 0;
}

.pet_hd_con_gp_list_sm i {
    font-style: normal;
    color: #ff5656;
    font-weight: bold;
}

.pet_hd_con_gp_list_xl {
    width: 100%;
    font-size: 12px;
    line-height: 30px;
    padding-bottom: 15px;
}

.pet_hd_con_gp_list_xl select {
    font-size: 14px;
    width: 70px;
    height: 30px;
    margin-top: -2px;
}

.pet_hd_con_gp_list_xl_m {
    border: none;
    color: #fff;
    background: #ffa125;
    font-size: 14px;
    width: 116px;
    text-align: center;
    height: 40px;
}

.pet_hd_con_gp_list_xl_m:hover {
    background: #f3900d;
}

.pet_hd_con_gp_list_nr {
    width: 100%;
    padding-top: 20px;
}

.pet_hd_con_gp_list_nr_title {
    font-size: 18px;
    line-height: 40px;
    line-height: 40px;
    margin-bottom: 15px;
    border-bottom: 1px solid #f1f1f1;
}

.pet_hd_con_gp_list_nr_tag {
    color: #ff5656;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 2px solid #ff5656;
}

.pet_zlnr {
    width: 100%;
    background: #fff;
}

.pet_zlnr_user {
    width: 40px;
    width: 100%;
    padding: 40px 20px 0;
    overflow: hidden;
}

.pet_zlnr_user_l {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    float: left;
    position: relative;
}

.pet_zlnr_user_l img {
    width: 100%;
}

.pet_zlnr_user_r {
    position: relative;
    margin-left: 50px;
}

.pet_zlnr_user_r_name {
    display: block;
    font-size: 16px;
    line-height: 22px;
    color: #ff5656;
}

.pet_zlnr_user_r_map {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #a1a1a1;
}

.pet_zlnr_nr {
    width: 100%;
    padding: 20px 20px 0;
    overflow: hidden;
}

.pet_zlnr_nr img {
    width: 100%;
}

.pet_zlnr_nr p {
    color: #a1a1a1;
}

.pet_zlnr_nr .am-paragraph-default {
    margin: 0;
}

.pet_zlnr_nr .am-paragraph-default img {
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
}

.pet_zlnr_user_list {
    width: 100%;
    padding: 10px 0 25px;
    border-bottom: 1px solid #f1f1f1;
    overflow: hidden;
}

.pet_zlnr_user_list_l {
    position: relative;
    float: left;
}

.pet_zlnr_user_list_l img {
    display: inline-block;
    float: left;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 10px;
}

.pet_zlnr_user_list_l_num {
    float: left;
    height: 25px;
    width: 50px;
    border-radius: 15px;
    background: #ff5656;
    line-height: 25px;
    text-align: center;
    color: #fff;
}

.pet_zlnr_user_list_l_num_font {
    line-height: 25px;
    margin-left: 10px;
    font-size: 14px;
    height: 25px;
    color: #222;
    float: left;
}

.pet_zlnr_user_list_r {
    float: right;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    color: #222;
}

.pet_zlnr_pl {
    width: 100%;
}

.pet_zlnr_pl_block {
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #f1f1f1;
}

.pet_zlnr_pl_block_l {
    float: left;
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
}

.pet_zlnr_pl_block_l img {
    width: 40px;
    height: 40px;
}

.pet_zlnr_pl_block_r {
    position: relative;
    margin-left: 50px;
    font-size: 16px;
    color: #222;
}

.pet_zlnr_pl_block_r span {
    display: block;
    font-size: 14px;
    padding-top: 5px;
    color: #a1a1a1;
}

.pet_sixin {
    width: 100%;
    background: #fff;
}

.pet_sixin_nr {
    width: 100%;
    padding: 40px 20px 0;
    overflow: hidden;
}

.pet_sixin_shijian {
    width: 100%;
    line-height: 40px;
    text-align: center;
    height: 40px;
    font-size: 12px;
    color: #a1a1a1;
}

.pet_sixin_to {
    width: 100%;
    padding: 15px 0;
}

.pet_sixin_to:before {
    content: " ";
    display: table;
}

.pet_sixin_to:after {
    content: " ";
    display: table;
    clear: both;
}

.pet_sixin_to_l {
    width: 40px;
    height: 40px;
    position: relative;
    float: left;
    border-radius: 50%;
    overflow: hidden;
}

.pet_sixin_to_l img {
    width: 100%;
}

.pet_sixin_to_r {
    position: relative;
}

.pet_sixin_to_r_nr {
    position: relative;
    margin-left: 58px;
    color: #818181;
    background: #f0f0f0;
    font-size: 14px;
    border-radius: 10px;
    padding: 15px
}

.pet_sixin_to_r_nr img {
    width: 100%;
    border-radius: 10px;
}

.pet_sixin_to_r_nr_sj {
    position: absolute;
    background: #f0f0f0;
    width: 17px;
    height: 17px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 14px;
    left: -8px;
    border-radius: 2px;
}

.pet_sixin_form {
    width: 100%;
    padding: 15px 0;
}

.pet_sixin_form:before {
    content: " ";
    display: table;
}

.pet_sixin_form:after {
    content: " ";
    display: table;
    clear: both;
}

.pet_sixin_form_l {
    width: 40px;
    height: 40px;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    float: right;
}

.pet_sixin_form_l img {
    width: 100%;
    overflow: hidden;
}

.pet_sixin_form_r {
    position: relative;
    padding-right: 58px;
}

.pet_sixin_form_r_nr {
    position: relative;
    color: #818181;
    background: #f0f0f0;
    font-size: 14px;
    border-radius: 10px;
    padding: 15px
}

.pet_sixin_form_r_nr img {
    width: 100%;
    border-radius: 10px;
}

.pet_sixin_form_r_nr_sj {
    position: absolute;
    background: #f0f0f0;
    width: 17px;
    height: 17px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 14px;
    right: -8px;
    border-radius: 2px;
}

.pet_grzx {
    width: 100%;
    background: #fff;
    padding-top: 20px;
}

.pet_grzx_nr {
    width: 100%;
    padding: 40px 20px 0;
    overflow: hidden;
}

.pet_grzx_ico {
    margin: 0 auto;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    overflow: hidden;
}

.pet_grzx_ico img {
    width: 100%;
}

.pet_grzx_name {
    width: 100%;
    font-size: 20px;
    padding: 15px 0 0;
    text-align: center;
    color: #222;
}

.pet_grzx_map {
    font-size: 14px;
    width: 100%;
    text-align: center;
    color: #a1a1a1;
}

.pet_grzx_num_font {
    padding-top: 20px;
    width: 90%;
    color: #a1a1a1;
    margin: 0 auto;
    font-size: 14px;
    text-align: center;
}

.pet_grzx_num {
    padding-bottom: 25px;
    overflow: hidden;
    width: 100%;
    padding-top: 25px;
}

.pet_grzx_num i {
    font-size: 12px;
    font-style: normal;
    color: #a1a1a1;
    display: block;
}

.pet_grzx_num span {
    text-align: center;
    width: 33.3333%;
    display: block;
    float: left;
    color: #222;
}

.pet_grzx_list {
    width: 100%;
    border-top: 1px solid #f0f0f0;
    padding: 20px 10px;
    overflow: hidden;
}

.pet_grzx_list_block {
    width: 100%;
}

.pet_grzx_list_block_l {
    width: 140px;
    float: left;
    position: relative;
}

.pet_grzx_list_block_l img {
    width: 100%;
}

.pet_grzx_list_block_r {
    position: relative;
    margin-left: 160px;
}

.pet_grzx_list_block_title {
    font-size: 16px;
    line-height: 25px;
    color: #222;
}

.pet_grzx_list_block_info {
    font-size: 12px;
    color: #a1a1a1;
}

.pet_kjdt {
    width: 100%;
    background: #fff;
    padding-top: 15px;
}

.pet_kjdt_nr {
    width: 100%;
    padding: 30px 20px 0;
    overflow: hidden;
}

.pet_kjdt_block {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 25px;
}

.pet_kjdt_user {
    width: 100%;
    height: 50px;
}

.pet_kjdt_user_l {
    position: relative;
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
}

.pet_kjdt_user_l img {
    width: 100%;
}

.pet_kjdt_user_r {
    position: relative;
    margin-left: 60px;
}

.pet_kjdt_user_time {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
    font-size: 14px;
    color: #a1a1a1;
}

.pet_kjdt_user_time .iconfont {
    font-size: 13px;
}

.pet_kjdt_user_r_title {
    font-size: 18px;
    color: #ff5656;
    line-height: 20px;
}

.pet_kjdt_user_r_info {
    font-size: 14px;
    color: #a1a1a1;
}

.pet_kjdt_user_r_font {
    width: 100%;
    font-size: 14px;
}

.pet_kjdt_user_r_like {
    width: 100%;
    color: #a1a1a1;
    font-size: 14px;
}

.pet_kjdt_user_pl {
    width: 100%;
    padding-top: 20px;
}

.pet_kjdt_user_pl_block {
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.pet_kjdt_user_pl_block_l {
    width: 30px;
    height: 30px;
    position: relative;
    float: left;
    border-radius: 50%;
    overflow: hidden;
}

.pet_kjdt_user_pl_block_l img {
    width: 100%;
}

.pet_kjdt_user_pl_block_name {
    font-size: 15px;
}

.pet_kjdt_user_pl_block_info {
    font-size: 12px;
    color: #a1a1a1;
}

.pet_kjdt_user_pl_block_r {
    position: relative;
    margin-left: 40px;
}

.pet_kjdt_user_r_like .am-icon-heart {
    color: #ff5656;
}

.pet_kjdt_user_r_font_img {
    width: 100%;
}

.pet_kjdt_user_r_font_img .am-figure-default {
    margin: 0px;
}

.pet_kjdt_user_r_font_img .am-figure-default img {
    border: none;
}

/* IP5 */

@media only screen and (max-width:340px) {
    .pet_content_main .am-list-news-default .pet_list_one_text {
        -webkit-line-clamp: 1;
    }
    .pet_wiki_head_info_title {
        font-size: 23px;
        line-height: 25px;
        padding-top: 10px;
    }
    .pet_wiki_head_info_title span {
        font-size: 10px;
        line-height: 15px;
    }
    .pet_wiki_text_line_r {
        display: none;
    }
}

/* bottom_box */

.bottom-fxied>footer p {
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 9pt;
    line-height: 19px;
}

.bottom-fxied>footer span {
    color: #333
}

.bottom-fxied>footer a {
    display: block;
}

.bottom-fxied {
    padding-top: 0;
    height: 60px;
    position: fixed;
    z-index: 2;
}

.bottom-fxied>footer {
    border-top: 1px solid #E7E7E7;
    font-size: 14px;
    padding-top: 0px;
    width: 100%;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -moz-box-align: justify;
    -ms-flex-align: center;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #F7F7FA;
}

.bottom-fxied>footer .home {
    text-align: center;
    width: 25%;
    background: url(../img/xwt/home_ico1.png) no-repeat center 0px;
    background-size: 22px;
    color: #777
}

.bottom-fxied>footer .xwt {
    text-align: center;
    width: 25%;
    background: url(../img/xwt/xwt_ico1.png) no-repeat center 0px;
    background-size: 22px;
    color: #777
}

.bottom-fxied>footer .shipin {
    text-align: center;
    width: 25%;
    background: url(../img/xwt/shipin_ico1.png) no-repeat center 2px;
    background-size: 24px;
    color: #777
}

.bottom-fxied>footer .cart {
    text-align: center;
    width: 25%;
    background: url(../img/xwt/shop_ico1.png) no-repeat center 0px;
    background-size: 22px;
    color: #777
}

.bottom-fxied>footer .my {
    text-align: center;
    width: 25%;
    background: url(../img/xwt/user_ico1.png) no-repeat center 0px;
    background-size: 22px;
    color: #777
}

.bottom-fxied>footer .home:hover {
    text-align: center;
    width: 25%;
    background: url(../img/xwt/home_ico2.png) no-repeat center 0px;
    background-size: 22px;
    color: #007AFF
}

.bottom-fxied>footer .xwt:hover {
    text-align: center;
    width: 25%;
    background: url(../img/xwt/xwt_ico2.png) no-repeat center 0px;
    background-size: 22px;
    color: #007AFF
}

.bottom-fxied>footer .shipin:hover {
    text-align: center;
    width: 25%;
    background: url(../img/xwt/shipin_ico2.png) no-repeat center 2px;
    background-size: 24px;
    color: #007AFF
}

.bottom-fxied>footer .cart:hover {
    text-align: center;
    width: 25%;
    background: url(../img/xwt/shop_ico2.png) no-repeat center 0px;
    background-size: 22px;
    color: #007AFF
}

.bottom-fxied>footer .my:hover {
    text-align: center;
    width: 25%;
    background: url(../img/xwt/user_ico2.png) no-repeat center 0px;
    background-size: 22px;
    color: #007AFF
}

.bottom-fxied>footer .home_hover {
    text-align: center;
    width: 25%;
    background: url(../img/xwt/home_ico2.png) no-repeat center 0px;
    background-size: 22px;
    color: #007AFF
}

.bottom-fxied>footer .xwt_hover {
    text-align: center;
    width: 25%;
    background: url(../img/xwt/xwt_ico2.png) no-repeat center 0px;
    background-size: 22px;
    color: #007AFF
}

.bottom-fxied>footer .shipin_hover {
    text-align: center;
    width: 25%;
    background: url(../img/xwt/shipin_ico2.png) no-repeat center 2px;
    background-size: 24px;
    color: #007AFF
}

.bottom-fxied>footer .cart_hover {
    text-align: center;
    width: 25%;
    background: url(../img/xwt/shop_ico2.png) no-repeat center 0px;
    background-size: 22px;
    color: #007AFF
}

.bottom-fxied>footer .my_hover {
    text-align: center;
    width: 25%;
    background: url(../img/xwt/user_ico2.png) no-repeat center 0px;
    background-size: 22px;
    color: #007AFF
}

.bottom-fxied>footer .daan_btn {
    text-align: center;
    width: 42.7%;
    font-size: 15px;
    background: #007AFF;
    color: #F7F7FA;
    line-height: 52px;
    font-size: 18px;
    margin-top: 0;
}

.bottom-fxied>footer .jsk_ico1 {
    margin-left: 10%;
    text-align: center;
    font-size: 16px;
    background: url(../img/xwt/jsk_ico1.png) no-repeat center 4px;
    background-size: 18px;
    color: #777
}

.bottom-fxied>footer .ttk_ico1 {
    text-align: center;
    font-size: 16px;
    background: url(../img/xwt/ttk_ico1.png) no-repeat center 4px;
    background-size: 18px;
    color: #777
}

.bottom-fxied>footer .jsk_ico2 {
    margin-left: 10%;
    text-align: center;
    font-size: 16px;
    background: url(../img/xwt/jsk_ico2.png) no-repeat center 4px;
    background-size: 18px;
    color: #777
}

.bottom-fxied>footer .ttk_ico2 {
    text-align: center;
    font-size: 16px;
    background: url(../img/xwt/ttk_ico2.png) no-repeat center 4px;
    background-size: 18px;
    color: #777
}

/* 灰色*/

.bottom-fxied>footer .jtk_ico1 {
    margin-left: 10px;
    text-align: center;
    width: 15%;
    font-size: 16px;
    background: url(../img/xwt/jtk_ico1.png) no-repeat center 4px;
    background-size: 18px;
    color: #777
}

/* 浅蓝色*/

.bottom-fxied>footer .jtk_ico2 {
    margin-left: 10px;
    text-align: center;
    width: 15%;
    font-size: 16px;
    background: url(../img/xwt/jtk_ico2.png) no-repeat center 4px;
    background-size: 18px;
    color: #777
}

.bottom-fxied>footer .jcuo_ico {
    text-align: center;
    width: 15%;
    font-size: 16px;
    background: url(../img/xwt/error_ico.png) no-repeat center 4px;
    background-size: 18px;
    color: #777
}

.bottom-fxied>footer .xinde_ico {
    text-align: center;
    width: 15%;
    font-size: 16px;
    background: url(../img/xwt/think_ico.png) no-repeat center 4px;
    background-size: 18px;
    color: #777
}

.bottom-fxied .bottom_nav_vline {
    display: block;
    width: 1px;
    height: 16px;
    background: #e5e5e5;
}

.content_main {
    margin-bottom: 80px;
}

.content_main .xwt_load_box {
    background: url(../img/xwt/top_bg2.png) no-repeat;
    background-size: 100%;
    height: 50px;
    margin-top: 8%
}

.content_main .xwt_load_text {
    text-align: center;
    position: relative;
    background: #FFFFFF;
}

.content_main .xwt_load_text p {
    margin-top: -0.2rem;
    font-size: 14px
}

.content_main .xwt_load_text .yuan_box {
    text-align: center;
    background: #fff url(../img/xwt/load_bg2.png) center top no-repeat;
    background-size: 50%;
    text-align: center;
    font-size: 12px;
    color: #999999;
    padding-bottom: 21%
}

.content_main .xwt_load_text .yuan_box2 {
    background: #FFFFFF;
    padding: 1px;
    height: 140px;
    font-size: 24px;
    font-weight: bold;
    width: 140px;
    margin: 0 auto
}

.content_main .xwt_load_text .zg_box {
    height: 46px;
    border-top: #F2F2F2 solid 1px;
    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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 46px;
    font-size: 15px;
    background: #FFFFFF;
    margin-top: 30px;
}

.content_main .cg_btn {
    width: 90%;
    margin: 8% auto;
    background: #007AFF;
    border-radius: 100px;
    color: #FFFFFF;
    line-height: 35px;
    font-size: 18px;
    display: block;
    padding: 6px 0px;
    text-align: center;
}

.content_main .xwt_load_text .zg_box .a_sty {
    padding: 0px 15px;
    color: #333333;
    font-size: 14px
}

.zg_box img {
    width: 12px;
    height: 12px;
}

.content_main .xwt_load_text .yuan_box .f_24 {
    font-size: 24px;
    font-weight: bold;
    color: #000000;
    padding-top: 16%
}

.content_main .top_hd {
    background: url(../img/xwt/top_bg.png) no-repeat;
    background-size: 100%;
}

.content_main .top_hd img {
    margin: 15% 5% 1% 5%;
    width: 90%
}

.content_main .top_hd .tips_text {
    opacity: 0.4;
    background: #FFFFFF;
    border-radius: 39px;
    text-align: center;
    font-size: 12px;
    color: #000;
    margin: 3% 6% 10% 6%;
    line-height: 25px;
}

.content_main .top_hd2 {
    background: url(../img/xwt/top_bg.png) no-repeat;
    background-size: 100% 100%;
    background-color: #FFF;
}

.content_main .top_hd3 {
    background: url(../img/xwt/top_bg3.png) no-repeat;
    background-size: 100%;
    height: 50px;
    margin-top: 10px;
}

/*进度条*/

.load_wrap,
.circle,
.percent {
    position: absolute;
    width: 140px;
    height: 140px;
    border-radius: 50%;
}

.load_wrap {
    background-color: #eee;
}

.circle {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 20px solid #eee;
    clip: rect(0, 140px, 140px, 70px);
}

.clip-auto {
    clip: rect(auto, auto, auto, auto);
}

.percent {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: -20px;
    left: -20px;
}

.left {
    -webkit-transition: -webkit-transform ease;
    transition: -webkit-transform ease;
    -o-transition: transform ease;
    transition: transform ease;
    transition: transform ease, -webkit-transform ease;
    transition: transform ease, -webkit-transform ease;
    transition: transform ease, -webkit-transform ease;
    transition: transform ease, -webkit-transform ease;
    transition: transform ease, -webkit-transform ease;
    border: 20px solid #007AFF;
    clip: rect(0, 70px, 140px, 0);
}

.right {
    border: 20px solid #007AFF;
    clip: rect(0, 140px, 140px, 70px);
}

.wth0 {
    width: 0;
}

.num {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 120px;
    height: 120px;
    text-align: center;
    font-weight: 100;
    font-size: 22px;
    padding-top: 30px;
    left: 10px;
    top: 10px;
    border-radius: 50%;
    background-color: #fff;
    z-index: 1;
}

.num p {
    font-size: 14px;
    line-height: 20px;
    padding: 0;
    margin: 0;
    color: #999999
}

.my_list {
    background: #FFFFFF;
}

.my_list .w100_ul {
    display: inline-block;
    width: 32%;
    margin: 10px auto;
    text-align: center
}

.my_list .f12 {
    font-size: 12px;
    color: #999
}

.my_list .f20 {
    font-size: 20px;
    color: #333333
}

.my_list .f12_btn {
    background: #F1F0F7;
    color: #007AFF;
    font-size: 12px;
    padding: 5px 18px
}

.my_list .zg_box {
    border-top: #F2F2F2 solid 1px;
    line-height: 35px;
    font-size: 15px;
    background: #FFFFFF;
    padding: 10px 0px;
    text-align: center;
    margin-top: 20px
}

.my_list .zg_box .a_sty {
    color: #333333;
    padding: 0px 10px;
    font-size: 14px;
}

.my_School .school_title {
    display: block;
    margin-bottom: 20px;
}

.my_School {
    background: #FFFFFF;
    margin-top: 13px;
    padding: 10px 20px;
    margin-bottom: 60px
}

.my_School .no_School {
    font-size: 14px;
    color: #777777;
    line-height: 35px;
    text-align: center;
    margin-top: -10px;
}

.my_School .School_name {
    font-size: 14px;
    color: #444444;
    text-align: center;
    background: #FBFAFA;
    border: 1px solid #F1F1F1;
    line-height: 35px;
    margin-top: 0;
}

.my_School .cg_btn {
    margin: 5px auto;
    background: #007AFF;
    border-radius: 100px;
    color: #FFFFFF;
    line-height: 25px;
    font-size: 15px;
    display: block;
    padding: 5px 0px;
    text-align: center;
    width: 150px;
}

.yuan_box3 {
    height: 200px;
    width: 250px;
    padding-top: 15px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.load_bg {
    z-index: 1;
    position: relative;
    height: 198.5px;
    background-image: url(../img/xwt/load_bg3.png);
    background-size: 250px 250px;
    margin: 0 auto;
    text-align: center;
    color: #FFFFFF;
    -o-text-overflow: hidden;
    text-overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
}

.circle_progress_top {
    z-index: -10;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    clip: rect(0px, 125px, 125px, 0px);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.load_bg_top {
    z-index: -10;
    width: 20px;
    overflow-x: visible;
}

.load_bg .lw_btn {
    z-index: 1000;
    text-align: center;
    display: inline-block;
    background: #F7F9FD;
    border-radius: 100px;
    font-size: 17px;
    color: #00A9FA;
    width: 150px;
    padding: 8px 0px;
}

.load_bg p {
    padding: 0;
    margin: 0;
}

.load_bg .t_13 {
    font-size: 13px;
    color: #FFFFFF;
    padding-top: 30px;
    height: 32px;
}

.load_bg .t_46 {
    font-size: 46px;
    color: #FFFFFF;
    height: 65px;
}

.load_bg .t_12 {
    font-size: 12px;
    color: #FFFFFF;
    height: 29px;
}

/*半圆进度条*/

.yuan_box {
    width: 250px;
    margin: 0 auto;
    height: 200px;
    padding-top: 50px;
}

.wbhz {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 10px dotted #eee;
    border-top-left-radius: 125px;
    border-top-right-radius: 125px;
    width: 250px;
    height: 125px;
    border-bottom: none;
    /*background:url(../img/xwt/load_bg3.png) no-repeat;background-size:100%*/
}

.d1 {
    position: relative;
    top: -125px;
    z-index: 10;
    height: 125px;
    width: 250px;
    border: 10px dotted #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top-left-radius: 125px;
    border-top-right-radius: 125px;
    border-bottom: none;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.whz {
    width: 250px;
    height: 125px;
    overflow: hidden;
    position: relative;
}

.fzsj {
    height: 250px;
    text-align: center;
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
}

.fzsj p {
    padding: 0;
    margin: 0;
}

.fzsj .t_13 {
    font-size: 13px;
    color: #FFFFFF;
    height: 32px;
    padding-top: 20px
}

.fzsj .t_46 {
    font-size: 46px;
    color: #FFFFFF;
    height: 58px;
    margin: 0px
}

.fzsj .t_12 {
    font-size: 12px;
    color: #FFFFFF;
    height: 29px;
}

.top_hd2 .btn_box {
    width: 150px;
    display: block;
    text-align: center;
    margin: 0 auto
}

.top_hd2 .lw_btn2 {
    text-align: center;
    display: inline-block;
    background: #F7F9FD;
    border-radius: 100px;
    font-size: 17px;
    color: #00A9FA;
    width: 150px;
    padding: 8px 0px;
}

.dwy {
    width: 16px;
    height: 16px;
    border-radius: 125%;
    background: #fff;
    position: absolute;
    right: -13px;
    bottom: -3px;
}

/* 商城-道具区域 */

.daoju_list {
    background: #FFFFFF;
    margin-bottom: 60px;
}

.daoju_list .daoju_hd {
    background: #FFFFFF;
    border-bottom: #EAEAEA solid 1px;
    line-height: 35px;
    padding: 15px 15px
}

.daoju_list .daoju {
    border-bottom: #EAEAEA solid 1px;
    padding: 15px 15px
}

.daoju_list .daoju .shop_btn {
    padding: 3px 20px;
    float: right;
    margin: 0px 5px;
    position: relative;
    top: 12px;
    display: inline-block;
    text-align: center;
    background: #F1F0F7;
    border-radius: 20px;
    font-size: 14px;
    color: #007AFF;
}

.daoju_list .daoju .dj_ico01 {
    background: url(../img/xwt/jtk_ico.png) no-repeat;
    background-size: 100%;
    background-position: center center;
    display: inline-block;
    width: 40px;
    height: 60px;
    float: left;
    margin-top: -3px;
}

.daoju_list .daoju .dj_ico02 {
    background: url(../img/xwt/ttk_ico.png) no-repeat;
    background-size: 100%;
    background-position: center center;
    display: inline-block;
    width: 40px;
    height: 60px;
    float: left;
    margin-top: -3px;
}

.daoju_list .daoju .dj_ico03 {
    background: url(../img/xwt/jsk1.png) no-repeat;
    background-size: 100%;
    background-position: center center;
    display: inline-block;
    width: 40px;
    height: 60px;
    float: left;
    margin-top: -3px;
}

.daoju_list .daoju .dj_ico04 {
    background: url(../img/xwt/ztk_ico.png) no-repeat;
    background-size: 100%;
    background-position: center center;
    display: inline-block;
    width: 40px;
    height: 60px;
    float: left;
    margin-top: -3px;
}

.daoju_list .daoju .dj_text {
    font-size: 14px;
    display: inline-block;
}

.daoju_list .daoju .dj_text p {
    display: block;
    margin: 2px;
    padding: 0;
    font-size: 12px;
    color: #999999;
}

.daoju_list .daoju .dj_text p strong {
    font-size: 17px;
    color: #333333;
    font-weight: normal
}

.content_main .top_hd4 {
    height: 180px;
    margin-bottom: -30px;
    background: rgba(0, 0, 0, 0.8);
}

.content_main .top_hd4 .top_ico_box {
    text-align: right;
    height: 35px;
    padding-top: 10px
}

.content_main .top_hd4 .user_hd .t_46 {
    padding: 2px;
    font-size: 18px;
    color: #FFFFFF
}

.content_main .top_hd4 .user_hd .t_13 {
    padding: 2px;
    font-size: 13px;
    color: #FFFFFF
}

.content_main .top_hd4 .user_hd .icon-right {
    padding-left: 12px;
}

.content_main .top_hd4 .user_hd {
    padding: 10px 20px 20px 20px;
}

.content_main .top_hd4 .user_hd .uset_img {
    width: 68px;
    height: 68px;
    border-radius: 68px;
    float: left;
    margin-right: 20px;
    margin-left: 20px;
    margin-top: -10px;
    border: #CCCCCC solid 2px
}

.content_main .top_hd4 .yuan_box4 {
    height: 187px;
    background: rgba(0, 0, 0, 0.2);
}

.content_main .top_hd4 .yuan_box4 .system_ico {
    background: url(../img/xwt/xt_ico.png) no-repeat;
    background-size: 100%;
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 5px 8px
}

.content_main .top_hd4 .yuan_box4 .msg {
    background: url(../img/xwt/smg.png) no-repeat;
    background-size: 100%;
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 5px 16px;
    position: relative
}

.content_main .top_hd4 .yuan_box4 .msg .red_dian {
    background: #FF0000;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    position: absolute;
    top: -3px;
    right: 1px;
}

.content_main .top_hd5 {
    background: url(../img/xwt/top_bg3.png) no-repeat;
    background-size: 100%;
    height: 50px;
    margin-top: 13px
}

.my_list .win_50ul {
    display: inline-block;
    width: 23%;
    margin: 10px auto;
    text-align: center;
    font-size: 14px;
    padding: 10px 0px
}

.my_list .win_50ul a {
    font-size: 13px;
    color: #555555;
}

.my_list .win_50ul img {
    margin: 8px;
}

.my_list .win_ul100 {
    display: inline-block;
    width: 32%;
    margin: 10px auto;
    text-align: center;
    font-size: 14px;
    border-right: #F2F2F2 solid 1px;
    color: #999999
}

.my_list .win_ul100 strong {
    font-size: 22px;
    color: #333333;
}

.my_list .my_zc {
    padding: 20px 20px 20px 20px;
    border-bottom: #F2F2F2 solid 1px;
}

.my_list .my_zc .xwt-right {
    float: right;
}

.my_list .my_zc .xwt-right:after {
    content: '';
    clear: both;
}

.icon-right {
    display: inline-block;
}

.my_wallet,
.my_jifen {
    padding-left: 20px;
}

.h20 {
    height: 10px;
    overflow: hidden;
    background: #f1f1f1;
}

/*手机端练习*/

.hd_text {
    font-size: 13px;
    color: #E8541E;
    line-height: 36px;
    padding: 5px 10px;
    background: #FFF4F0;
}

.lwg_box {
    -webkit-box-shadow: 0 2px 10px 20px rgba(39, 52, 125, 0.05);
    box-shadow: 0 2px 10px 20px rgba(39, 52, 125, 0.05);
    border-radius: 25px 25px 0px 0px;
    background: #FFFFFF;
    margin-top: 20px;
    padding-bottom: 70px;
}

.lwg_box .loading {
    padding: 20px 20px;
    color: #09BB07;
    height: 80px;
    position: relative;
}

.lwg_box .loading .r_t {
    display: inline-block;
    float: right;
    color: #ddd;
    padding-top: 13px
}

.lwg_box .loading .r_t strong {
    color: #333333
}

.lwg_box .dati_box {
    padding: 1px 23px;
    background: #FFFFFF;
}

.lwg_box .dati_box .tg_text {
    font-size: 18px;
    color: #262530;
    padding: 22px 0px;
    font-weight: bold
}

.lwg_box .dati_box .xz_box {
    padding: 5px 0px
}

.lwg_box .dati_box .xz_box .pdx_btn {
    background: #F1F0F0;
    border-radius: 100px;
    display: block;
    margin: 0px 0px 15px 0px;
    padding: 10px 20px;
    color: #333333;
    font-size: 18px
}

.lwg_box .dati_box .xz_box .pdx_btn .dx_t {
    padding: 0px 10px;
    color: #333333;
    font-weight: bold;
    font-size: 18px;
    float: left;
    display: inline-block
}

.lwg_box .dati_box .xz_box .pdx_btn_hover {
    background: #D9ECFF;
    border: 1px solid #6CB2FF;
    border-radius: 100px;
    display: block;
    margin: 0px 0px 15px 0px;
    padding: 10px 20px;
    color: #333333;
    font-size: 18px
}

.lwg_box .dati_box .xz_box .pdx_btn_hover .dx_t {
    padding: 0px 10px;
    color: #333333;
    font-weight: bold;
    font-size: 18px;
    float: left;
    display: inline-block
}

.lwg_box .dati_box .xz_box .dx_btn {
    background: #F1F0F0;
    border-radius: 100px;
    display: block;
    margin: 0px 0px 15px 0px;
    padding: 10px 20px;
    color: #333333;
    font-size: 14px
}

.lwg_box .dati_box .xz_box .dx_btn .dx_t {
    position: relative;
    top: -5px;
    padding: 0px 10px;
    color: #333333;
    font-weight: bold;
    font-size: 22px;
    float: left;
    display: inline-block
}

.lwg_box .dati_box .xz_box .dx_btn_hover {
    background: #D9ECFF;
    border: 1px solid #6CB2FF;
    border-radius: 100px;
    display: block;
    margin: 0px 0px 15px 0px;
    padding: 10px 20px;
    color: #333333;
    font-size: 14px
}

.lwg_box .dati_box .xz_box .dx_btn_hover .dx_t {
    position: relative;
    top: -5px;
    padding: 0px 10px;
    color: #333333;
    font-weight: bold;
    font-size: 22px;
    float: left;
    display: inline-block
}

.lwg_box .dati_box .xz_box .ddx_btn {
    background: #F1F0F0;
    border-radius: 5px;
    display: block;
    margin: 0px 0px 15px 0px;
    padding: 10px 20px;
    color: #333333;
    font-size: 14px
}

.lwg_box .dati_box .xz_box .ddx_btn .dx_t {
    position: relative;
    top: -5px;
    display: inline-block;
    padding: 0px 10px;
    color: #333333;
    font-weight: bold;
    font-size: 22px;
    float: left;
    display: inline-block;
}

.lwg_box .dati_box .xz_box .ddx_btn_hover {
    background: #D9ECFF;
    border: 1px solid #6CB2FF;
    border-radius: 5px;
    display: block;
    margin: 0px 0px 15px 0px;
    padding: 10px 20px;
    color: #333333;
    font-size: 14px
}

.lwg_box .dati_box .xz_box .ddx_btn_hover .dx_t {
    position: relative;
    top: -5px;
    padding: 0px 10px;
    color: #333333;
    font-weight: bold;
    font-size: 22px;
    float: left;
    display: inline-block
}

.lwg_box .tips_text {
    font-size: 12px;
    color: #999999;
    padding: 12px 0px;
    margin: 10px 0px
}

.lwg_box .correct {
    font-size: 18px;
    color: #09BB07;
    display: inline-block
}

.lwg_box .correct img {
    width: 50%
}

.lwg_box .error {
    font-size: 18px;
    color: #F76260;
    display: inline-block
}

.lwg_box .error img {
    width: 20px;
    height: 20px;
}

.lwg_box .dati_jg {
    text-align: center;
    padding: 28px 20px 0px 20px
}


.lwg_box .dati_jg .r_t {
    display: block;
    color: #ddd;
    padding-top: 13px;
    float: right;
    position: absolute;
    right: 15px
}

.lwg_box .dati_jg .r_t strong {
    color: #333333
}

.lwg_box .daan_box {
    padding: 20px;
    border-bottom: #F1F1F1 solid 1px;
    margin-bottom: 1px
}

.lwg_box .daan_box .error {
    font-size: 15px;
    color: #007AFF;
}

.lwg_box .daan_box .correct {
    font-size: 15px;
    color: #007AFF;
}

.lwg_box .daan_box .my_daan {
    font-size: 15px;
    color: #777777;
    margin-left: 30px
}

.lwg_box .dati_box .jiexi_btn {
    margin: 10px 0px 30px 0px
}

.lwg_box .dati_box .jiexi_btn .jiexi_on {
    background: #F1F1F1;
    border-radius: 1px;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    color: #333333;
    display: block;
    margin: 5px 0px;
    border-radius: 2px;
}

.lwg_box .dati_box .jiexi_btn .jiexi_off {
    background: #F1F1F1;
    border-radius: 1px;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    color: #333333;
    display: block;
    margin: 5px 0px;
    border-radius: 2px;
}

.lwg_box .dati_box .jiexi_text {
    padding: 20px 0px;
    font-size: 14px;
    color: #777777;
}

.lwg_box .dati_box .jiexi_btn img {
    width: 18px;
    height: 18px;
}

/*小进度条 绿色*/

.load50_wrap,
.circle50,
.percent50 {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.load50_wrap {
    background-color: #eee;
}

.circle50 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 20px solid #eee;
    clip: rect(0, 50px, 50px, 25px);
}

.clip-auto50 {
    clip: rect(auto, auto, auto, auto);
}

.percent50 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: -20px;
    left: -20px;
}

.left50 {
    -webkit-transition: -webkit-transform ease;
    transition: -webkit-transform ease;
    -o-transition: transform ease;
    transition: transform ease;
    transition: transform ease, -webkit-transform ease;
    transition: transform ease, -webkit-transform ease;
    transition: transform ease, -webkit-transform ease;
    transition: transform ease, -webkit-transform ease;
    transition: transform ease, -webkit-transform ease;
    border: 20px solid #09BB07;
    clip: rect(0, 25px, 50px, 0);
}

.right50 {
    border: 10px solid #09BB07;
    clip: rect(0, 50px, 50px, 25px);
}

.right50_red {
    border: 10px solid #000;
    clip: rect(0, 50px, 50px, 25px);
}

.wth050 {
    width: 0;
}

.num50 {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    padding-top: 0px;
    left: 5px;
    top: 5px;
    border-radius: 50%;
    background-color: #fff;
    z-index: 1;
}

.num50 span {
    font-size: 14px;
    line-height: 20px;
    padding: 0;
    padding-top: 10px;
    margin: 0;
    color: #999999
}

.loading .yuan_box50 {
    width: 60px;
    margin: 0 auto
}

.f_r {
    float: right
}

.f_l {
    float: left
}

.mor_btn {
    background: #F1F1F1;
    padding: 15px 20px;
    display: block;
    color: #666666;
    margin: 10px 0px;
    font-size: 14px;
    border-radius: 2px;
}

.f12 {
    font-size: 12px;
    color: #999;
}

.news_box {
    padding: 20px;
    background: #FFFFFF;
    padding-bottom: 0;
}

.news_box .f20 {
    font-size: 18px;
    padding: 10px 0px
}

.news_box .f16 {
    font-size: 16px;
}

.news_box .f14 {
    font-size: 14px;
    color: #777777;
    padding: 10px 0px;
}

.news_box .f14 p {
    text-indent: 2em;
    line-height: 28px;
}

.news_box .jfgz_table {
    background: #F1F1F1;
    border-radius: 1px;
    padding: 10px;
    font-size: 14px;
    color: #333333;
    line-height: 28px;
}

.content_main .top_hd6 {
    width: 100%;
    background: #FFFFFF;
    position: relative;
}

.content_main .top_hd6 img {
    width: 100%
}

.content_main .my_jf_card {
    position: absolute;
    bottom: 20%;
    left: 52px;
}

.content_main .my_jf_card .f14 {
    font-size: 14px;
    color: #F6F5F5;
}

.content_main .my_jf_card .f46 {
    font-size: 46px;
    color: #FFFFFF;
}

.content_main .jf_list_box {
    background: #FFFFFF;
    padding: 10px 20px
}

.content_main .jf_hd .hd_bg {
    background: #F1F0F0;
    line-height: 35px;
    padding: 5px 20px
}

.content_main .jf_hd .date_ico {
    width: 30px;
    height: 30px;
    float: right;
    display: inline-block;
}

.content_main .jf_hd .date_ico img {
    width: 70%
}

.content_main .jf_hd .date_text {
    font-size: 22px;
    color: #333333;
}

.content_main .jf_list_box .left_t {
    display: inline-block;
    line-height: 30px
}

.content_main .jf_list_box .right_t {
    display: inline-block;
    float: right;
    text-align: right;
    line-height: 30px
}

.content_main .jf_list_box .left_t .f_15 {
    display: block;
    font-size: 15px;
    color: #313234;
}

.content_main .jf_list_box .left_t .f_12 {
    display: block;
    font-size: 12px;
    color: #999999;
}

.content_main .jf_list_box .right_t .f_15 {
    display: block;
    font-size: 15px;
    color: #313234;
}

.content_main .jf_list_box .right_t .f_12 {
    display: block;
    font-size: 12px;
    color: #999999;
}

.content_main .jf_list_box .tips_text {
    font-size: 12px;
    color: #777777;
    border-top: #F1F1F1 solid 1px;
    padding: 10px 0px;
    margin-top: 10px
}

.content_main .jf_list_box .no_pic {
    width: 120px;
    margin: 0px auto
}

.content_main .jf_list_box .no_pic img {
    width: 100%
}

.content_main .jf_list_box .no_text {
    text-align: center;
    font-size: 14px;
    color: #777777;
    padding: 20px
}

.tips_box {
    height: 100%;
    width: 100%;
    margin: 0 auto;
}

.tips_box .show_bg {
    background: #000000;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.tips_box .win_250 {
    text-align: center;
    border-radius: 5px;
    width: 280px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: #F1F1F1 solid 1px;
    background: #FFFFFF
}

.tips_box .win_250 li {
    text-align: center;
    padding: 5px 20px
}

.tips_box .win_250 .f20 {
    font-size: 20px;
    padding-top: 20px;
    color: #333333
}

.tips_box .win_250 .f15 {
    font-size: 15px;
    color: #777777
}

.tips_box .win_250 .a_btn {
    width: 50%;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    border: #F1F1F1 solid 1px;
    border-bottom: none;
    border-left: none;
    padding: 10px 20px;
    margin-top: 10px;
}

.tips_box .win_250 .a_btn_1 {
    color: #666666
}

.input_textfield {
    padding: 10px 10px;
    border: none;
    border-bottom: #CCCCCC solid 1px;
    width: 100%;
    margin: 10px 0px;
    color: #999999
}

.xwt-home-alert {
    z-index: 999;
    width: 100%;
    height: 48px;
    line-height: 48px;
    border-top: 1px #ddd solid;
    color: #007AFF;
    margin-top: 5px;
}

/* 首页-申请加入学校-弹窗 */

.xwt-dialog2 {
    position: absolute;
    top: 10%;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    background: #FFFFFF;
    -webkit-box-shadow: 0 2px 34px 0 rgba(39, 52, 125, 0.25);
    box-shadow: 0 2px 34px 0 rgba(39, 52, 125, 0.25);
    border-radius: 20px 20px 0 0;
    overflow-x: hidden;
    overflow-y: hidden;
}

.xwt-dialog2-title {
    margin-top: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: left;
    padding: 5px 10px;
    /* border: solid 1px red; */
    border-bottom: 1px #F1F1F1 solid;
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #333333;
    letter-spacing: 0;
}
.xwt-dialog2-title .xwt_load_text .yuan_box2 .jindu{
    height: 70px;
    position: absolute;
    border: solid 1px red;
}
.xwt-dialog2-title .page{
    margin-top:10px;
    position: absolute;
    display: inline-block;
}
.xwt-dialog2-title .page :nth-child(2){
    color:#ccc;
}

.xwt-dialog2-title i {
    float: right;
    /* padding-right: 30px; */
    color: #000;
    font-size: 14px;
 
    font-weight: bold;
 
    /* border: solid 1px red; */
}

.xwt-dialog2-body {
    bottom: 80px;
    width: 90%;
    max-height: calc(100% - 50px);
    margin: 0 auto;
    text-align: left;
    overflow-y: scroll;
    padding-bottom: 100px;
}

.xwt-dialog2-body .xwt-card-pay-list li {
    margin-top: -20px;
}

.xwt-dialog2-body .xwt-card-pay-list li {
    display: block;
    border-bottom: 1px #F1F1F1 solid;
    margin-bottom: 20px;
    height: 64px;
    line-height: 64px;
}

.xwt-dialog2-body .xwt-card-pay-list label {
    display: inline-block;
    width: 30%;
    font-size: 17px;
    color: #333333;
    font-weight: normal;
    position: relative;
    top: 2px;
}

.xwt-dialog2-body .xwt-card-pay-list input,
.xwt-dialog2-body .xwt-card-pay-list .selector {
    display: inline-block;
    width: 55%;
    border: none;
    outline: none;
    font-family: PingFangSC-Regular;
    font-size: 17px;
    color: #CCCCCC;
}

.xwt-dialog2-footer {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 10px;
}

.xwt-dialog2-btn-end {
    display: inline-block;
    margin: 0 auto;
    margin-top: 40px;
    width: 90%;
    height: 48px;
    line-height: 48px;
    background: #007AFF;
    border-radius: 100px;
    font-family: PingFangSC-Regular;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 0;
    outline: none;
}

/* 商城-道具购买-弹窗 */

.xwt-dialog1 {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    top: 5%;
    background: #FFFFFF;
    -webkit-box-shadow: 0 2px 34px 0 rgba(39, 52, 125, 0.25);
    box-shadow: 0 2px 34px 0 rgba(39, 52, 125, 0.25);
    border-radius: 20px 20px 0 0;
    overflow-x: hidden;
}

.xwt-dialog1::-webkit-scrollbar {
    display: none
}

.xwt-dialog1-title {
    margin-top: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: left;
    padding-left: 15px;
    border-bottom: 1px #F1F1F1 solid;
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #333333;
    letter-spacing: 0;
}

.xwt-dialog1-title i {
    float: right;
    padding-right: 30px;
    color: #000;
    font-size: 20px;
    font-weight: bold;
}

.xwt-mall-buy-body {
    width: 100%;
    padding: 20px;
    height: calc(100% - 50px);
    margin: 0 auto;
}

.xwt-dialog1-body {
    width: 90%;
    height: calc(100% - 50px);
    margin: 0 auto;
}

.xwt-dialog1-body::-webkit-scrollbar {
    display: none
}

.xwt-mall-buy-body>dl {
    margin: 20px auto;
    margin-top: 0;
}

.xwt-mall-buy-body>dl dd {
    font-family: PingFangSC-Regular;
    font-size: 15px;
    font-weight: normal;
    color: #333333;
    margin-bottom: 10px;
}

.xwt-mall-buy-body>dl dt {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    font-weight: normal;
    color: #777777;
    margin-top: 0;
}

.xwt-mall-buy-btn-item {
    min-width: 120px;
    height: 40px;
    background: #FBFAFA;
    border: 1px solid #F1F1F1;
    border-radius: 5px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #555555;
    letter-spacing: 0;
    margin-right: 10px;
    opacity: 0.8;
}

.xwt-mall-buy-btn-item:last-child {
    margin-right: 0;
}

.xwt-mall-buy-btn-item:hover,
.xwt-mall-buy-btn-item:focus,
.xwt-mall-buy-btn-item:active {
    background: #FFFFFF;
    border: 1px solid #007AFF;
    border-radius: 5px;
    font-size: 14px;
    color: #007AFF;
    letter-spacing: 0;
}

.xwt-mall-buy-btn-item-active {
    background: #FFFFFF;
    border: 1px solid #007AFF;
    border-radius: 5px;
    font-size: 14px;
    color: #007AFF;
    letter-spacing: 0;
}

.xwt-mall-buy-body .wxt-mall-buy-tips {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #999999;
    margin: 20px 0;
}

.xwt-mall-buy-body .wxt-mall-buy-tips span {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #FF7700;
}

.xwt-mall-buy-body .xwt-mall-buy-btn-next {
    opacity: 0.6;
}

.xwt-dialog1-footer {
    z-index: 1;
    position: fixed;
    bottom: 25px;
    left: 0;
    width: 100%;
    text-align: center;
    background: transparent;
}

.xwt-dialog1-btn-end {
    margin: 0 auto;
    width: 90%;
    height: 48px;
    background: #007AFF;
    border-radius: 100px;
    font-family: PingFangSC-Regular;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 0;
}

.xwt-mall-buy-number {
    font-family: PingFangSC-Regular;
    font-size: 15px;
    color: #333333;
}

.xwt-mall-buy-number>span {
    float: right;
}

.xwt-mall-number {
    display: inline-block;
}

.xwt-mall-number i {
    background: #FBFAFA;
    border: 1px solid #F1F1F1;
    border-radius: 1px;
    width: 32px;
    height: 26px;
    color: #333;
    padding: 5px;
    font-size: 12px;
    margin: auto 5px;
}

.xwt-mall-number input {
    display: inline-block;
    width: 30px;
    border: none;
    outline: none;
    font-family: PingFangSC-Regular;
    font-size: 15px;
    color: #333333;
    text-align: center;
}

/* 准考证明细弹框 */

.xwt-admission-body {
    overflow-y: scroll;
}

.xwt-admission-body .xwt-admission-info {
    border-bottom: 1px #F1F1F1 solid;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0 auto;
}

.xwt-admission-body .xwt-admission-info>dd {
    width: 30%;
    display: inline-block;
    margin: 0 auto;
    font-family: PingFangSC-Regular;
    font-size: 17px;
    color: #333333;
    text-align: justify;
}

.xwt-admission-body .xwt-admission-info>dt {
    display: inline-block;
    margin: 0 auto;
    font-family: PingFangSC-Regular;
    font-size: 17px;
    color: #777777;
}

.xwt-admission-ticket-tips {
    width: 90%;
    margin: 10px auto;
    margin-bottom: -10px;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #999999;
    letter-spacing: -0.2px;
    text-align: justify;
    padding-bottom: 20px;
}

/* 缴纳纸质证书费用 */

.xwt-paper-card-pay-body {
    overflow-y: scroll;
    padding-bottom: 20px !important;
    padding-top: 20px;
    position: absolute;
    left: 5%;
    top: 50px;
}

.xwt-paper-card-num {
    text-align: center;
    font-family: PingFangSC-Regular;
    font-size: 15px;
    color: #999999;
    letter-spacing: 0;
}

.xwt-paper-card-num>span {
    font-family: Helvetica-Bold;
    font-size: 46px;
    color: #333333;
    letter-spacing: 0;
}

.xwt-paper-card-pay-body .xwt-card-pay-list input {
    color: #777;
}

.xwt-paper-card-pay-body .xwt-card-pay-list a {
    color: #777;
    width: 62%;
    float: right;
    position: relative;
    right: 20px;
    -o-text-overflow: hidden;
    text-overflow: hidden;
    overflow-x: hidden;
    white-space: nowrap;
}

.xwt-card-pay-list input::-webkit-input-placeholder {
    color: #bbb;
}

.xwt-card-pay-list input::-moz-placeholder {
    color: #bbb;
}

.xwt-card-pay-list input::-ms-input-placeholder {
    color: #bbb;
}

.xwt-card-pay-list>li input {
    min-width: 190px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.xwt-card-pay-list li {
    position: relative;
}

.xwt-card-pay-list .selector:empty::before {
    color: #bbb;
    content: attr(placeholder);
}

.xwt-card-pay-list .icon-right {
    position: absolute;
    font-size: 20px;
    color: #777;
    right: 0;
}

.xwt-card-pay-list .selector:hover {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.2);
    border-color: rgba(0, 0, 0, 0.3);
}

.xwt-pay-tips {
    width: 100%;
    margin: 0 auto;
    margin-top: -20px;
    margin-bottom: 20px;
    height: 38px;
    line-height: 38px;
    font-family: PingFangSC-Regular;
    font-size: 13px;
    color: #F43530;
    letter-spacing: 0;
    text-align: center;
    background: #FFF;
}

.xwt-pay-tips>img {
    width: 14px;
    height: 14px;
    position: relative;
    top: -2px;
    margin-right: 5px;
}

.xwt-pay-tips>span a {
    border-bottom: 1px blue solid;
    color: blue;
    margin-left: 10px;
}

/* 习武堂-登录页面（及绑定登录页面） */

.xwt-login-type1 {
    background: #FFF;
    overflow-y: hidden;
    padding-left: 20px;
    padding-right: 20px;
}

.xwt-login-logo {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
    text-align: center;
}

.xwt-login-logo>img {
    width: 100px;
}

.xwt-login-form {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.xwt-login-form>input {
    width: 100%;
    height: 19px;
    padding-left: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    background: #F5F5F5;
    border-radius: 5px;
    border: none;
    outline: none;
    font-family: PingFangSC-Regular;
    font-size: 17px;
    color: #999999;
    letter-spacing: 1px;
}

.xwt-login-form>button {
    width: 100%;
    height: 48px;
    line-height: 48px;
    margin-top: 5px;
    margin-bottom: 20px;
    opacity: 0.6;
    background: #007AFF;
    border-radius: 100px;
    font-family: PingFangSC-Regular;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 0;
    border: none;
    outline: none;
}

.xwt-login-function-module {
    width: 100%;
    margin: 0 auto;
    background: #FFF;
}

.xwt-login-function-module>span {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #777777;
    text-align: center;
}

.xwt-login-footer {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

.xwt-login-divider {
    height: 1px;
    margin-top: 50px;
    text-align: center;
    background-color: #eee;
}

.xwt-login-divider-text {
    position: relative;
    top: -12px;
    background: #fff;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #DDDDDD;
    letter-spacing: 0;
}

.xwt-login-footer .xwt-login-wechat-logo {
    width: 10%;
    margin-top: 30px;
}

/* 我的道具 */

.daoju>li {
    display: inline-block;
}

.daoju .toBuyContinue {
    float: right;
    margin-top: 15px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #007AFF;
    letter-spacing: 0;
}

.daoju .toBuyContinue span:first-child {
    border-right: 1px solid #ddd;
    padding-right: 5px;
}

.dj_text {
    margin-left: 10px;
}

.dj_text>p>span {
    font-family: PingFangSC-Regular;
    font-size: 17px;
    color: #FF7700;
    letter-spacing: 0;
}

/* 习武堂信息完善弹框 */

.xwt-complete-info {
    margin: 0 auto;
}

.xwt-text-tips {
    width: 86%;
    margin: 20px auto;
    text-align: left;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #999999;
}

/* 习武堂-用户中心 */

.xwt-top-alert {
    width: 100%;
    margin: 0 auto;
    height: 38px;
    line-height: 38px;
    font-family: PingFangSC-Regular;
    font-size: 13px;
    color: #F76260;
    letter-spacing: 0;
    text-align: center;
    background: #FFF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.xwt-top-alert>img {
    width: 14px;
    height: 14px;
    margin-right: 5px;
}

.xwt-top-alert>span {
    padding-bottom: 0;
    text-decoration: underline;
}

/* prompt弹窗 */

.xwt-prompt-tips-title {
    font-family: PingFangSC-Regular;
    font-size: 18px;
    color: #333333;
    text-align: center;
}

.xwt-prompt-tips-title .icon {
    position: absolute;
    top: 0px;
    right: 10px;
    font-size: 20px;
    color: #ccc;
}

.xwt-prompt-tips-title .icon:hover {
    color: #F35F41 !important;
}

.xwt-prompt-tips-text {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #777777;
    text-align: center;
    line-height: 24px;
}

.xwt-tips-f12 {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #999999;
    letter-spacing: 0;
    line-height: 20px;
    margin: 10px auto;
}

.xwt-tips-f12>p {
    width: 90%;
    margin: 0 auto;
}

/* 习武堂 - 钱包充值页面 */

.xwt-recharge-title {
    font-family: PingFangSC-Regular;
    font-size: 18px;
    color: #333333;
    letter-spacing: 0;
    width: 90%;
    margin: 0 auto;
    margin-top: 20px;
}

.recharge-num-select {
    width: 90%;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.recharge-num-select>li {
    border-radius: 5px;
    width: 45%;
    height: 60px;
    margin: 10px 2%;
    line-height: 60px;
    font-family: PingFangSC-Regular;
    font-size: 18px;
    letter-spacing: 0;
    text-align: center;
    position: relative;
}

.recharge-num-select>li>input {
    border-radius: 5px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    outline: none;
    border: none;
    width: 90%;
}

.recharge-num-select>li>input:hover {
    text-align: left;
    padding-left: 10px;
    outline: none;
    border: none;
    background: #FFF;
}

.recharge-num-noselect {
    background: #FBFAFA;
    border: 1px solid #F1F1F1;
    color: #333333;
    position: relative;
}

.recharge-num-noselect input {
    background: transparent;
    text-align: center;
}

.recharge-num-selected {
    background: #FFFFFF;
    border: 1px solid #007AFF;
    color: #007AFF;
}

.recharge-num-selected input {
    text-align: left;
    padding-left: 10px;
    outline: none;
    border: none;
    background: #FFF;
}

.xwt-tips-f13 {
    width: 90%;
    margin: 10px auto;
    font-family: PingFangSC-Regular;
    font-size: 13px;
    color: #777777;
    letter-spacing: 0;
}

.xwt-tips-f13>span {
    font-family: PingFangSC-Regular;
    font-size: 13px;
    color: #FF7700;
    letter-spacing: 0;
    line-height: 18px;
}

.xwt-recharge-footer {
    width: 100%;
    text-align: center;
}

.xwt-recharge-btn {
    margin: 0 auto;
    margin-top: 20px;
    width: 90%;
    height: 48px;
    background: #007AFF;
    border-radius: 100px;
    font-family: PingFangSC-Regular;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 0;
    outline: none;
    opacity: 0.8;
}

.xwt-recharge-num {
    font-family: Helvetica-Bold;
    font-size: 46px;
    color: #333333;
    letter-spacing: 0;
    text-align: center;
    margin-bottom: -10px;
}

.xwt-recharge-num>sup {
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #333333;
    letter-spacing: 0;
}

.xwt-recharge-tips-f15 {
    font-family: PingFangSC-Regular;
    font-size: 15px;
    color: #999999;
    letter-spacing: 0;
    text-align: center;
}

.xwt-recharge-choose {
    width: 90%;
    margin: 30px auto;
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.xwt-recharge-choose>span {
    font-family: PingFangSC-Regular;
    font-size: 15px;
    color: #333333;
}

.xwt-recharge-choose img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

/* 我的资料 --- hy */

.content_main .myfile_box {
    width: 100%;
    margin: 0 auto;
}

.content_main .myfile_box .file_list {
    width: 100%;
    margin: 10px auto;
    overflow-x: hidden;
    overflow-y: hidden;
}

.file_list>.file-list-item:first-child {
    height: 80px;
}

.file_list>.file-list-item img {
    position: relative;
    top: 10px;
    right: 0;
    width: 42px;
    height: 42px;
    border-radius: 100%;
}

.file-list-item {
    background: #FFF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 48px;
    line-height: 48px;
    margin: 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px #F1f1f1 solid;
}

.file-list-item>dd {
    /* width: 80px; */
    padding-left: 16px;
    font-family: PingFangSC-Regular;
    font-size: 15px;
    font-weight: normal;
    color: #333333;
}
.file-list-item>dd .a_stsk{
    color: #FC5A53;
}
.myfile_box .sbtnfo{
    width: 95%;
    height: 40pt;
    line-height: 40pt;
    text-align: center;
    color:white;
    cursor: pointer;
    margin: 20px auto;
    background: #007AFF;
    border-radius: 4px;
}
.file-list-item>dt {
    position: relative;
    font-family: PingFangSC-Regular;
    font-size: 15px;
    font-weight: normal;
    color: #777777;
    text-align: right;
    overflow-x: visible;
    padding-right: 16px;
}

.file-list-item>dt .icon-right {
    color: #C7C7CC;
    font-size: 20px;
    position: relative;
    margin-left: 0;
}

#logoDiv .icon-right {
    position: relative;
    top: 10px;
}

.file-list-item #userSex {
    position: relative;
    left: 10px;
}

.file-list-item>dt input,
.file-list-item>dt a {
    min-width: 230px;
    text-align: right;
}

.file-list-item>dt input:hover {
    outline: none;
    text-align: right;
}

.file-list-item .selector {
    color: #777;
    padding-right: 10px;
}

.file-list-item .selector:empty::before {
    content: attr(placeholder);
}

.xwt-select-file {
    width: 100%;
    position: absolute;
    bottom: 10px;
    left: 0;
}

.xwt-select-body {
    background: #FFF;
    width: 90%;
    border-radius: 13px;
    margin: 10px auto;
}

.xwt-select-body:first-child {
    background: rgba(248, 248, 248, 0.82);
}

.xwt-select-body li {
    height: 56px;
    line-height: 56px;
}

.xwt-select-body li:first-child {
    font-family: PingFangSC-Regular;
    font-size: 20px;
    color: #007AFF;
    letter-spacing: 0.38px;
    text-align: center;
}

.xwt-select-body li:nth-child(2) {
    font-family: PingFangSC-Regular;
    font-size: 20px;
    color: #FF3B30;
    letter-spacing: 0.38px;
    text-align: center;
}

/* 习武堂-手机端-弹框提示*/

/*  默认样式区  */

.xwt-default-toast-bg {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: transparent;
    display: none;
    z-index: 10;
}

.xwt-default-toast-text {
    position: fixed;
    width: 50%;
    left: 25%;
    right: 25%;
    z-index: 999;
    animation: move 1s ease;
    -webkit-animation: move 1s ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    text-align: center;
    padding: 10px;
    opacity: 0.85;
    background: #111111;
    border-radius: 5px;
    font-family: PingFangSC-Regular;
    font-size: 15px;
    color: #FFFFFF;
    text-align: center;
}

@-webkit-keyframes move {
    from {
        top: 100%
    }
    to {
        top: 40%
    }
}

/*  自定义样式区  */

.xwt-zt-toast-text {
    position: fixed;
    top: 40%;
    width: 280px;
    text-align: left !important;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
    line-height: 22px;
}

/* 习武堂-申请加入学校 */

.xwt-join-school {
    background: #FFF;
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 20px;
}

.xwt-join-school-title {
    margin-top: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: left;
    padding-left: 15px;
    border-bottom: 1px #F1F1F1 solid;
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #333333;
    letter-spacing: 0;
}

.xwt-join-school-body {
    bottom: 80px;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 20px;
    text-align: left;
}

.xwt-join-school-body>ul>li {
    margin-top: 0;
}

.xwt-join-school-body>ul>li {
    display: block;
    border-bottom: 1px #F1F1F1 solid;
    margin-bottom: 0;
    height: 64px;
    line-height: 64px;
}

.xwt-join-school-body>ul label {
    display: inline-block;
    width: 30%;
    font-family: PingFangSC-Regular;
    font-size: 17px;
    color: #333333;
    font-weight: normal;
    position: relative;
    top: 2px;
}

.xwt-join-school-body>ul input::-webkit-input-placeholder {
    color: #bbb;
}

.xwt-join-school-body>ul input::-moz-placeholder {
    color: #bbb;
}

.xwt-join-school-body>ul input::-ms-input-placeholder {
    color: #bbb;
}

.xwt-join-school-body>ul input,
.xwt-join-school-body>ul a {
    display: inline-block;
    width: 55%;
    border: none;
    outline: none;
    font-family: PingFangSC-Regular;
    font-size: 17px;
    color: #777;
}

.xwt-join-school-btn {
    text-align: center;
    width: 80%;
    margin: 20px auto;
    height: 48px;
    background: #007AFF;
    border-radius: 100px;
    font-family: PingFangSC-Regular;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 0;
    outline: none;
    opacity: 0.8;
}

/* 选择学校 */

.xwt-school-select {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    text-align: center;
}

.xwt-school-content {
    width: 100%;
    margin: 10px auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.xwt-school-input {
    width: 80%;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    font-family: PingFangSC-Regular;
    font-size: 17px;
    color: #333333;
    letter-spacing: 1px;
}

.xwt-school-content>a {
    font-family: PingFangSC-Regular;
    font-size: 15px;
    color: #007AFF;
    letter-spacing: 0;
}

.xwt-school-match-list {
    background: #FFFFFF;
    border-top: 1px #E0E0E0 solid;
    border-bottom: 1px #E0E0E0 solid;
}

.xwt-school-match-list>ul {
    overflow-y: scroll;
}

.xwt-school-match-list li {
    width: 90%;
    margin-left: 10%;
    height: 48px;
    line-height: 48px;
    font-family: PingFangSC-Regular;
    font-size: 15px;
    color: #333333;
    border-bottom: 1px #F1F1F1 solid;
    text-align: left;
}

.xwt-school-match-list span {
    opacity: 0.5;
    font-family: PingFangSC-Regular;
    font-size: 15px;
    color: #007AFF;
}

.xwt-join-school .selector {
    position: relative;
}

.xwt-join-school .selector:empty::before {
    color: #bbb;
    content: attr(placeholder);
}

.xwt-join-school .selector:hover {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.2);
    border-color: rgba(0, 0, 0, 0.3);
}

/*  做题页面 - 纠错 */

.pet_more_list_block {
    height: 100%;
    overflow-y: scroll;
}

.pet_more_list_block::-webkit-scrollbar {
    display: none;
}

.xwt-correct-dialog {
    overflow-x: hidden;
}

.xwt-error-type {
    width: 100%;
}

.xwt-error-type .xwt-error-type-title,
.xwt-error-content .xwt-error-content-title,
.xwt-think-content .xwt-think-content-title {
    height: 48px;
    line-height: 48px;
    background: #F1F1F1;
    font-family: PingFangSC-Regular;
    font-size: 15px;
    color: #777777;
    letter-spacing: 0;
    padding-left: 16px;
    padding-right: 16px;
    text-align: left;
}

.xwt-error-type .xwt-error-type-title .xwt-guanbi,
.xwt-think-content .xwt-think-content-title .xwt-guanbi {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 48px;
    font-size: 20px;
    float: right;
    position: relative;
    right: 10px;
    color: red;
}

.xwt-error-type .xwt-error-type-body {
    background: #FFF;
    padding-left: 2%;
    padding-right: 2%;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.xwt-error-type .xwt-error-type-body .xwt-error-type-btn {
    background: #FBFAFA;
    border: 1px solid #F1F1F1;
    border-radius: 5px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0;
    padding: 10px 18px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 1px;
    margin-right: 1px;
}

.xwt-error-type .xwt-error-type-body .xwt-error-type-btn-selected {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #007AFF;
    letter-spacing: 0;
    background: #FFFFFF;
    border: 1px solid #007AFF;
}

.xwt-error-content-body {
    -webkit-appearance: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    width: 100%;
    padding: 8px;
    padding-top: 0;
    margin: 0 auto;
}

.xwt-error-content-body textarea {
    -webkit-appearance: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    -webkit-appearance: none;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    color: #777;
    height: 150px;
    border: 1px #eee solid;
}

.xwt-error-content-body textarea:hover {
    border: 1px #ccc solid;
}

.xwt-error-content-body textarea::-webkit-input-placeholder {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #CCCCCC;
    letter-spacing: 0;
}

.xwt-error-content-body textarea::-moz-placeholder {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #CCCCCC;
    letter-spacing: 0;
}

.xwt-error-content-body textarea::-ms-input-placeholder {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #CCCCCC;
    letter-spacing: 0;
}

.xwt-error-submit,
.xwt-think-submit {
    width: 100%;
    margin: 20px auto;
    text-align: center;
}

.xwt-error-submit button,
.xwt-think-submit button {
    width: 80%;
    height: 48px;
    line-height: 48px;
    background: #007AFF;
    border-radius: 100px;
    font-family: PingFangSC-Regular;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 0;
}

.xwt-think-content-body {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    -webkit-appearance: none;
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
    margin: 0 auto;
}

.xwt-think-content-body textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    -webkit-appearance: none;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    color: #777;
    height: 150px;
    border: 1px #eee solid;
}

.xwt-think-content-body textarea:hover {
    border: 1px #ccc solid;
}

.xwt-think-content-body p {
    text-align: left;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #999999;
    margin-top: 5px;
    padding-left: 10px;
}

.xwt-think-content-body p span {
    color: rgb(236, 82, 70);
}

.xwt-think-content-body textarea::-webkit-input-placeholder {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #CCCCCC;
    letter-spacing: 0;
}

.xwt-think-content-body textarea::-moz-placeholder {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #CCCCCC;
    letter-spacing: 0;
}

.xwt-think-content-body textarea::-ms-input-placeholder {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #CCCCCC;
    letter-spacing: 0;
}

/*我的证书 dgh 2018-4-13*/

.top_tips {
    font-size: 13px;
    color: #FF7700;
    padding: 10px 20px;
    height: 30px;
    overflow: hidden
}

.mycertificate_box {
    background: #FFFFFF;
    -webkit-box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.10);
    box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.10);
    border-radius: 14px;
    margin: 15px;
}

.certificate_list {
    padding: 15px;
}

.certificate_list .certificate_img {
    width: 140px;
    display: inline-block;
    float: left;
}

.certificate_list .certificate_img img {
    width: 100%;
}

.certificate_list .certificate_text {
    margin-left: 150px;
    margin: 15px;
}

.certificate_list .certificate_text .f_18 {
    font-size: 18px;
    color: #000000;
}

.certificate_list .certificate_text .f_15 {
    font-size: 12px;
    color: #555555;
    background: #F1F1F1;
    border-radius: 100px;
    padding: 5px 20px;
    display: inline-block;
    margin: 10px 0px 20px 0px
}

.certificate_list .certificate_text .f_12 {
    font-size: 12px;
    color: #999999;
}

.certificate_list .certificate_btn {
    clear: both;
    border-top: #F1F1F1 solid 1px;
    padding: 15px 0px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.certificate_list_content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

.certificate_list .certificate_btn .btn_01 {
    background: #FFFFFF;
    border: 1px solid #007AFF;
    border-radius: 100px;
    font-size: 15px;
    color: #007AFF;
    display: inline-block;
    width: 42%;
    text-align: center;
    padding: 10px;
    margin: 10px
}

.certificate_list .certificate_btn .btn_02 {
    border: 1px solid #007AFF;
    border-radius: 100px;
    background: #007AFF;
    border-radius: 100px;
    font-size: 15px;
    color: #FFFFFF;
    display: inline-block;
    width: 42%;
    text-align: center;
    padding: 10px;
    margin: 10px;
}

.certificate_list .certificate_btn .btn_03 {
    border: 1px solid #007AFF;
    border-radius: 100px;
    background: #007AFF;
    border-radius: 100px;
    font-size: 15px;
    color: #FFFFFF;
    display: inline-block;
    width: 95%;
    text-align: center;
    padding: 10px;
    margin: 10px
}

.pet_close_1 {
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 9999;
}

.pet_close_1 .a_btn {
    background: #fff url(../img/xwt/pet_close_1.png) no-repeat 8px 7px;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    background-size: 50%;
    display: inline-block;
    z-index: 99999;
}

.userInfoSlide {
    position: relative;
}

@media screen and (min-width:376px) {
    .pet_slider_font_1 {
        width: 100%;
        position: absolute;
        width: 12%;
        height: 24%;
        top: 17.5%;
        left: 26.5%;
        background: #00BFFF;
    }
    .pet_slider_font_1 .user_img {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }
    .user_text {
        width: 30%;
        position: absolute;
        top: 45%;
        left: 19%;
        text-align: left;
        color: #000;
    }
    .user_text p {
        width: 95%;
        font-size: 10px;
        font-size: 0.7rem !important;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .cj_text {
        position: absolute;
        top: 10%;
        left: 53%;
        text-align: left;
        font-size: 0.7rem !important;
        font-size: 1pt;
        color: #000;
        width: 35%;
    }
    .cj_text dl,
    .cj_text dl dd,
    .cj_text dl dt {
        font-size: 0.7rem !important;
        margin: 0;
        padding: 0;
    }
    .cj_text dl dd {
        width: 65%;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .cj_text dl dd,
    .cj_text dl dt {
        display: inline-block;
        margin: 1px 2px;
    }
    .my_certificate_pre .swiper-slide>img {
        width: 75%;
        /*height: 90%;*/
    }
}

@media screen and (max-width:375px) {
    .my_certificate_pre .swiper-slide>img {
        width: 75%;
        /*height: 90%;*/
    }
    .pet_slider_font_1 {
        width: 100%;
        position: absolute;
        width: 12%;
        height: 24%;
        top: 17.5%;
        left: 26.5%;
        background: #00BFFF;
    }
    .pet_slider_font_1 .user_img {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }
    .user_text {
        width: 30%;
        position: absolute;
        top: 45%;
        left: 19%;
        text-align: left;
        color: #000;
    }
    .user_text p {
        font-size: 10px;
        font-size: 0.7rem !important;
        width: 95%;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .cj_text {
        width: 33%;
        position: absolute;
        top: 10%;
        left: 52%;
        text-align: left;
        font-size: 0.7rem !important;
        font-size: 1pt;
        color: #000;
    }
    .cj_text dl dd {
        width: 65%;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .cj_text dl,
    .cj_text dl dd,
    .cj_text dl dt {
        font-size: 0.7rem !important;
        margin: 0;
        padding: 0;
    }
    .cj_text dl dd,
    .cj_text dl dt {
        display: inline-block;
        margin: 1px 2px;
    }
    .a_dvisor_nav ul .ad_left{
        float:left;	
        font-size: 12pt !important;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: bold;
        color: #333333;
    }
}

.red_dian {
    color: red;
}

.am-gotop-fixed {
    bottom: 100px;
    opacity: 1;
}

.return_btn {
    float: right;
    position: relative;
    top: 6px;
    background: #007AFF;
    line-height: 20px;
    border-radius: 1px;
    padding: 2px 10px;
    display: inline-block;
    color: #FFF;
    margin: 0px;
    font-size: 14px;
    border-radius: 2px;
}

.error_alert {
    color: #F76260 !important;
}

.error_alert::-webkit-input-placeholder {
    color: #F76260 !important;
}

.error_alert::-moz-placeholder {
    color: #F76260 !important;
}

.error_alert::-ms-input-placeholder {
    color: #F76260 !important;
}

.error_alert:empty::before {
    color: #F76260 !important;
}

/* 设置 */

.setInfo {
    padding-top: 20px;
    max-width: 640px;
    min-height: 100vh;
    background: #F5F5F5;
    width: 100%;
    margin: 0 auto;
}

.set_list {
    padding-left: 16px;
    padding-right: 16px;
    background: #FFF;
}

.set_list .set_item {
    height: 48px;
    line-height: 48px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px #f1f1f1 solid;
}

.setInfo .set_list .set_item:last-child {
    border-bottom: none;
}

.setInfo .set_list .set_item_label {
    font-size: 15px;
    color: #333333;
}

.setInfo .set_list .set_item_icon {
    color: #C7C7CC;
    font-size: 12px;
}

.setInfo .set_btn {
    margin-top: 20px;
    width: 100%;
    height: 48px;
    line-height: 48px;
}

.setInfo .set_btn .set_btn_item {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 18px;
    color: #F76260;
    letter-spacing: 0;
    background: #FFF;
    border: none;
}

.changePassword {
    padding-top: 20px;
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
}

.changePassword .set_list .set_item input::-webkit-input-placeholder {
    font-size: 15px;
    color: #CCCCCC;
    font-weight: lighter;
}

.changePassword .set_list .set_item input::-moz-placeholder {
    font-size: 15px;
    color: #CCCCCC;
    font-weight: lighter;
}

.changePassword .set_list .set_item input::-ms-input-placeholder {
    font-size: 15px;
    color: #CCCCCC;
    font-weight: lighter;
}

.changePassword .set_btn {
    margin: 30px auto;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    font-weight: lighter;
}

.changePassword .submit_main_btn {
    width: 100%;
    height: 48px;
    opacity: 0.6;
    background: #007AFF;
    border-radius: 100px;
    font-family: PingFangSC-Regular;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 0;
}

.forget_password {
    display: inline-block;
    margin-top: 20px;
    text-align: center;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #777777;
    text-align: center;
}

/* 关于我们 */

.about_us {
    width: 100%;
    margin: 0 auto;
    max-width: 640px;
}

.about_us .set_logo {
    width: 100%;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

.about_us .set_logo .cmac_logo {
    width: 32.5%;
    max-width: 125px;
    max-height: 125%;
}

.about_us .set_list .set_item_label {
    font-family: PingFangSC-Regular;
    font-size: 15px;
    color: #333333;
}

.about_us .set_list .set_item_curvalue {
    font-family: PingFangSC-Regular;
    font-size: 15px;
    color: #777777;
    text-align: right;
}

.about_us .set_list {
    padding-left: 16px;
    padding-right: 16px;
    background: #FFF;
}

.about_us .set_list .set_item_curvalue .icon-right {
    display: inline-block;
    margin-left: 16px;
    margin-right: 16px;
}

.my_list .win_50ul li>img {
    width: 30px;
}

.my_list .zg_box {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-flow: wrap nowrap !important;
    -ms-flex-flow: wrap nowrap !important;
    flex-flow: wrap nowrap !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.pet_close {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.dialog_main_btn {
    padding: 0 12px;
    border: 1px #ddd solid;
    height: 35px;
    line-height: 35px;
    background: #007AFF;
    color: #FFF;
    margin: 0 5px;
    border-radius: 6px;
    font-size: 14px;
}

.dialog_sub_btn {
    border: 1px solid #007AFF;
    padding: 0 12px;
    height: 35px;
    line-height: 35px;
    color: #007AFF;
    margin: 0 5px;
    border-radius: 6px;
    font-size: 14px;
}

.num_zero {
    opacity: 0.5;
}

/* 习武堂-注册页面 */

.xwt-register {
    overflow-x: hidden;
    max-width: 640px;
    margin: 0 auto;
    min-height: 100vh;
    background: #FFF;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*overflow-y: auto;*/
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

.xwt-register .xwt-register-logo {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.xwt-register .xwt-register-logo>img {
    width: 100px;
}

.xwt-register .xwt-register-form {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.xwt-register .xwt-register-form .form-item {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.xwt-register .xwt-register-form .register-input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    padding-left: 10px;
    margin-bottom: 24px;
    background: #F5F5F5;
    border-radius: 5px;
    border: none;
    outline: none;
    font-size: 17px;
    color: #999999;
    letter-spacing: 1px;
}

.xwt-register .xwt-register-form .form_item_input_error {
    background: #FCF5F4;
    border: 1px solid #F35F39;
    outline: none;
    -webkit-box-shadow: 0 0 0 3px rgba(243, 95, 57, 0.15);
    box-shadow: 0 0 0 3px rgba(243, 95, 57, 0.15);
    border-radius: 4px;
}

.xwt-register .xwt-register-form .error_tips {
    display: none;
    font-size: 14px;
    color: #F35F39;
    text-align: left;
    padding-left: 13px;
    padding-top: 0;
    top: 44px;
    position: absolute;
}

.xwt-register .xwt-register-form>button {
    width: 100%;
    height: 48px;
    line-height: 48px;
    margin-top: 5px;
    opacity: 0.6;
    background: #007AFF;
    border-radius: 100px;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 0;
    border: none;
    outline: none;
}

.xwt-register .xwt-register-function-module {
    width: 100%;
    margin: 0 auto;
    background: #FFF;
}

.xwt-register .xwt-register-function-module>span {
    font-size: 14px;
    color: #777777;
    text-align: center;
}

.xwt-register .xwt-register-footer {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

.xwt-register .xwt-register-divider {
    height: 1px;
    margin-top: 20px;
    text-align: center;
    background-color: #eee;
}

.xwt-register .xwt-register-divider-text {
    position: relative;
    top: -12px;
    background: #fff;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    color: #DDDDDD;
    letter-spacing: 0;
}

.xwt-register .xwt-register-footer .xwt-register-wechat-logo {
    width: 10%;
    margin: 20px auto;
}

.xwt-register .register-confirm-code {
    position: relative;
}

.xwt-register .register-confirm-code .get_confirm_code {
    position: absolute;
    top: 5px;
    right: 0px;
    background: #FFF;
    border-radius: 2px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #007AFF;
    cursor: pointer;
    padding: 0 5px;
}

.xwt-register .confirm_code_countdown {
    display: none;
    position: absolute;
    top: 5px;
    right: 5px;
    border-radius: 1px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 17px;
    color: #999999;
    letter-spacing: 1px;
}

.xwt-register .login_in_gate {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 16px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 13px;
}

.xwt-register .login_in_gate .login_in_gate_label {
    font-size: 14px;
    color: #777777;
    float: left;
}

.xwt-register .login_in_gate .link_color {
    font-size: 14px;
    color: #007AFF;
    float: right;
}

.user_agreement {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: normal;
    font-size: 13px;
    color: #444;
    margin-bottom: 8px;
}

.user_agreement_check {
    float: left;
    cursor: pointer;
    float: left;
    color: #444;
}

.link_color {
    color: #007AFF;
    float: right;
    cursor: pointer;
}

.xwt-checkbox_checked {
    color: #007AFF;
}

.user_agreement_dialog {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(133, 133, 133, 0.8);
}

.user_agreement_dialog .dialog_body {
    width: 90%;
    max-width: 400px;
    margin: 0 auto;
    background: #FFF;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.6);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.6);
    border-radius: 4px;
}

.user_agreement_dialog .dialog_body .dialog_head {
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    background: #F4F4F4;
    border-radius: 2px 2px 0 0;
    font-size: 14px;
    color: #444444;
    letter-spacing: 0;
}

.user_agreement_dialog .dialog_head .icon {
    font-size: 17px;
    color: #ccc;
    float: right;
    padding-right: 16px;
}

.user_agreement_dialog .dialog_content {
    padding: 26px 20px 20px 20px;
    max-height: 50vh;
    overflow-y: auto;
}

.user_agreement_dialog .dialog_content p {
    font-weight: 400;
    font-size: 13px;
    color: #000000;
    letter-spacing: 0;
    text-align: justify;
    line-height: 26px;
}

.user_agreement_dialog .dialog_content ul {
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.5em;
    margin: 0;
    padding: 0;
    padding-left: 0px;
    padding-left: 20px;
    text-align: justify;
    line-height: 26px;
}

.user_agreement_dialog .dialog_btn {
    width: 100%;
    height: 64px;
    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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px #F4F4F4 solid;
}

.user_agreement_dialog .dialog_btn_item {
    width: 140px;
    height: 40px;
    background: #007AFF;
    border-radius: 4px;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
}

/*我的分享dgh2018-6-27*/

.fx_box {
    padding: 0px 0px;
    color: #666666
}

.fx_box .bg_img {
    background: url(../img/xwt/fx_logo_ico.png) no-repeat;
    width: 121px;
    height: 132px;
    display: inline-block;
}

.fx_box .ico_01 {
    background-position: 0px 0px
}

.fx_box .ico_02 {
    background-position: -123px 0px
}

.fx_box .ico_03 {
    background-position: -245px 0px
}

.fx_box .ico_04 {
    background-position: -369px 0px
}

.fx_box .ico_05 {
    background-position: -492px 0px
}

.fx_box .ico_06 {
    background-position: -613px 0px
}

.fx_box .myma {
    margin: 10px 20px;
}

.fx_ad {
    text-align: center;
    line-height: 38px;
}

.fx_ad .f25 {
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0px 0px 0px;
    color: #494c4e
}

.fx_ad .f26 {
    font-size: 20px;
    padding: 0px 5px;
    color: #e60138
}

.fx_ad .f15 {
    font-size: 12px;
    padding: 15px 0px;
    color: #333;
    text-decoration: underline
}

.fx_box .myurl {
    border: #CCCCCC solid 1px;
    padding: 10px;
    margin-top: 20px
}

.fxpage_box {
    background: #FFFFFF;
}

.yaoqing_box {
    padding: 30px 20px 20px 20px;
    text-align: center;
    line-height: 35px;
    background: #fff;
}

.yaoqing_box a {
    margin: 15px 0px
}

.yaoqing_box .yq_btn {
    display: block;
    padding: 8px 10px;
    text-align: center;
    color: #FFFFFF;
    font-size: 22px;
    background: #0099FF;
    margin: 15px 0px;
    border-radius: 6px;
}

.yaoqing_box .yq_btn a {
    color: #FFFFFF;
}

.top_text {
    text-align: center;
    line-height: 39px;
    padding: 20px 20px;
    background: #1672ed;
    color: #fff
}

.top_text .f26 {
    font-size: 24px;
    font-weight: bold;
    color: #feda44
}

.guizhe_text {
    text-align: left;
    font-size: 12px;
    line-height: 25px;
    padding: 20px;
    color: #666666
}

.top_hd_fx {
    background: #CCCCCC;
    padding: 10px
}

/* 个人中心--签到图标  */

.sign_in_gate {
    width: 70px;
    font-size: 14px;
    position: fixed;
    color: #fff;
    right: 0;
    top: 85px;
    z-index: 1;
    height: 28px;
    line-height: 28px;
    background-image: -webkit-linear-gradient(10deg, #39B9FF 0%, #4080E8 100%);
    background-image: -o-linear-gradient(10deg, #39B9FF 0%, #4080E8 100%);
    background-image: linear-gradient(80deg, #39B9FF 0%, #4080E8 100%);
    border-radius: 15px 0 0 15px;
    padding-left: 12px;
}

.sign_in_gate.disabled {
    background: #aaa;
}

/* 我的签到 */

.my_sign_in {
    background: #f1f1f1;
    min-height: 100vh;
    max-width: 640px;
    margin: 0 auto;
}

.my_sign_in .sign_in_state {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 24px 16px;
    background: #FFF;
}

.my_sign_in .sign_in_state .user_avatar {
    width: 60px;
    height: 60px;
    border-radius: 100%;
}

.my_sign_in .sign_in_state .sign_in_num {
    margin-left: 4%;
    font-size: 14px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.my_sign_in .sign_in_state .sign_in_num .jifen_num {
    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;
}

.my_sign_in .sign_in_state .sign_in_num .jifen_num span {
    padding: 0;
    margin-left: 8px;
}

.my_sign_in .sign_in_state .sign_in_btn {
    /*margin-left: 8%;*/
    font-size: 14px;
    width: 110px;
    height: 36px;
    border-radius: 66px;
    font-size: 17px;
    font-weight: 500;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.my_sign_in .collapse_card {
    background: #fff;
    padding: 0 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.my_sign_in .collapse_card .sign_main_container {
    width: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.my_sign_in .sign_main_container .sign_succ_calendar_title {
    text-align: center;
    position: relative;
}

.my_sign_in .sign_main_container .sign_succ_calendar_title .prevMonth:before {
    content: "\e728";
}

.my_sign_in .sign_main_container .sign_succ_calendar_title .prevMonth {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
}

.my_sign_in .sign_main_container .sign_succ_calendar_title .nextMonth:before {
    content: "\e727";
}

.my_sign_in .sign_main_container .sign_succ_calendar_title .nextMonth {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    content: '\e62d';
    width: 40px;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
}

.my_sign_in .sign_main_container .sign_main {
    border-top: 1px solid #e3e3e3;
    display: block;
    padding-top: 16px;
}

.my_sign_in .sign_main_container .calendar_month_span {
    display: inline;
    font-size: 19px;
    color: #333333;
    letter-spacing: 0;
    text-align: center;
}

.my_sign_in .sign_main_container .sign_equal {
    display: table;
    border-collapse: collapse;
    width: 100%;
    margin-top: 0;
}

.my_sign_in .sign_main_container .sign_row {
    display: table-row;
}

.my_sign_in .sign_main_container .sign_row:first-child div {
    border-bottom: 1px #F1F1F1 solid;
}

.my_sign_in .sign_main_container .sign_row:nth-child(2) div {
    padding-top: 16px;
}

.my_sign_in .sign_main_container .sign_row div {
    padding: 4px 0;
    display: table-cell;
    font-size: 14px;
    width: 14.3%;
    height: 36px;
    text-align: center;
    vertical-align: middle;
    /*line-height: 36px;*/
}

.my_sign_in .sign_main_container .sign_row .th_1,
.my_sign_in .sign_main_container .sign_row .th_7 {
    color: #FF7700;
}

.my_sign_in .sign_main_container .sign_row .bold {
    font-weight: 600;
}

.my_sign_in .sign_main_container .sign_equal .sign_row:nth-child(2) .on:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 5px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.my_sign_in .sign_main_container .sign_equal .on:before {
    content: '';
    z-index: -1;
    position: absolute;
    bottom: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    background: #4CBFF4;
    -webkit-box-shadow: 0 2px 4px 0 rgba(76, 191, 244, 0.26);
    -webkit-box-shadow: 0 2px 4px 0 rgba(76, 191, 244, 0.26);
    box-shadow: 0 2px 4px 0 rgba(76, 191, 244, 0.26);
    width: 36px;
    height: 36px;
    border-radius: 100%;
}

.my_sign_in .sign_main_container .sign_equal .on {
    position: relative;
    z-index: 0;
    color: #FFF;
    /*background: url('../../../images/cmacedu/sign_have.gif') no-repeat center;*/
}

.my_sign_in .sign_main_container .sign_equal .currentDay {
    color: #FF7700 !important;
}

.my_sign_in .sign_main_container .sign_contener,
.my_sign_in .sign_contener:visited {
    line-height: 30px;
    background: #00a0e9;
    border: none;
    color: white;
    border-radius: 30px;
    padding: 0 10px;
    font-size: 16px;
}

.my_sign_in .sign_main_container .sign_contener:hover {
    background-color: red;
}

.my_sign_in .sign_main_container .sign_footer {
    text-align: center;
    padding: 10px;
}

.my_sign_in .sign_main_container .sign_footer .sign_tip {
    display: inline-block;
    text-align: center;
}

.my_sign_in .collapse_card .togglt_detail {
    width: 100%;
    height: 45px;
    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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 4px;
    border-top: 1px #F1F1F1 solid;
    font-size: 14px;
    color: #333333;
    font-weight: 400;
    letter-spacing: 0.15px;
    text-align: center;
}

.my_sign_in .collapse_card .togglt_detail .toggle_down {
    width: 10px;
    height: 10px;
    margin-left: 10px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.my_sign_in .collapse_card .togglt_detail .toggle_up {
    width: 10px;
    height: 10px;
    margin-left: 10px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.my_sign_in .sign_in_gift {
    margin-top: 24px;
    padding: 0 16px;
    padding-bottom: 30px;
}

.my_sign_in .sign_in_gift .title {
    font-size: 18px;
}

.my_sign_in .sign_in_gift .gift_list .gift_item {
    background: #FFFFFF;
    -webkit-box-shadow: -5px 20px 100px 0 #F1F1F1;
    box-shadow: -5px 20px 100px 0 #F1F1F1;
    border-radius: 2px;
    margin-top: 10px;
    padding: 0 16px;
    height: 64px;
    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;
    -webkit-box-pack: start;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.my_sign_in .sign_in_gift .gift_list .gift_item .gift_img {
    max-height: 50px;
}

.my_sign_in .sign_in_gift .gift_list .gift_item .gift_info {
    display: inline-block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: 20px;
}

.my_sign_in .sign_in_gift .gift_list .gift_item .gift_info .gift_condition {
    font-size: 12px;
    color: #999;
}

.my_sign_in .sign_in_gift .gift_list .gift_item .gift_state {
    width: 72px;
    height: 26px;
    border: 1px solid #F1F1F1;
    border-radius: 100px;
    line-height: 26px;
    text-align: center;
}

.my_sign_in .sign_in_gift .gift_list .gift_item .gift_left,
.my_sign_in .area_left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.my_sign_in .sign_in_gift .gift_list .no_received .received_btn {
    display: none;
}

.my_sign_in .sign_in_gift .gift_list .has_received {
    opacity: 0.7;
}

.my_sign_in .sign_in_gift .gift_list .has_received .received_btn {
    display: inline-block;
    font-size: 14px;
    color: #999999;
}

.my_sign_in .sign_in_gift .gift_list .has_received .no_btn {
    display: none;
}

.my_sign_in .sign_in_gift .gift_list .no_received .no_btn {
    display: inline-block;
    font-size: 14px;
    color: #999999;
}

/* 动画学堂 */

.studyVideoHome {
    height: calc(100vh - 60px);
    overflow: auto;
}

.studyVideoHome .banner-area {
    background-color: #FFF;
    padding: 6px 0;
    width: 100%;
}

.studyVideoHome .swiper-wrapper {
    padding: 10px 0;
}

.studyVideoHome .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 88%;
    padding-top: 56%;
    border-radius: 8px;
    -webkit-box-shadow: 1px 6px 24px 0 rgba(0, 122, 255, 0.1);
    box-shadow: 1px 6px 24px 0 rgba(0, 122, 255, 0.1);
}

.studyVideoHome .swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
}

.studyVideoHome .swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(rgba(0, 0, 0, .8)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
}

.studyVideoHome .swiper-pagination-bullet-active {
    background-color: #FFF;
    opacity: 0.8;
}

.studyVideoHome .course-list-container {
    width: 100%;
    padding: 10px 16px 16px 16px;
}

.studyVideoHome .course-list-container .module-title {
    font-size: 18px;
    font-weight: bold;
}

.studyVideoHome .course-list-container .course-list {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.studyVideoHome .course-list-container .course-list .course-list-item {
    width: calc(50% - 7.5px);
    margin: 8px 0;
}

.studyVideoHome .course-list-container .course-list .course-list-item .hx-card .hx-card-body {
    width: 100%;
    padding-top: 56.25%;
}

.studyVideoHome .course-list-container .course-list .course-list-item .course-title {
    width: 100%;
    font-size: 15px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.courseOutlineDialog .dialog-content {
    padding: 10px 16px !important;
}

.courseOutlineDialog .course-outline-list li {
    list-style: none;
    font-size: 15px;
    color: #444444;
    letter-spacing: 0;
    text-align: left;
    line-height: 34px;
}

.courseOutlineDialog .course-outline-list .course-outline-chapter {
    font-weight: bold;
}

.courseOutlineDialog .course-outline-list .course-outline-section {
    padding-left: 1em;
}

/* 动画学堂-视频列表 */

.studyVideoList {}

.studyVideoList .video-list-container {
    height: calc(100vh - 62px);
}

.studyVideoList .swiper-container .swiper-slide {
    overflow: auto;
}

.studyVideoList .video-list-container .swiper-pagination-progress {
    height: 2px;
}

.video-list-container .hx-list {
    background-color: #FFF;
    padding: 0 16px 12px 16px;
}

.video-list-container .hx-list .hx-list-item {
    width: 100%;
}

.video-list-container .hx-list .hx-list-item:first-child {
    border-top: 1px #F1F1F1 solid;
    padding-top: 12px;
}

.video-list-container .hx-list .hx-list-item:last-child {
    margin-bottom: 0;
}

.video-list-container .hx-list .hx-list-item .hx-list-item-meta {
    padding: 12px 0;
}

.video-list-container .hx-list .hx-list-item .hx-list-item-meta .hx-list-item-meta-img {
    width: 45%;
    margin-right: 16px;
}

.video-list-container .hx-list .hx-list-item .hx-list-item-meta-content {
    width: calc(55% - 16px);
}

.video-list-container .hx-list-item-meta-content .align-top {}

.video-list-container .hx-list-item-meta-content .align-top .content-title {
    font-size: 15px;
    color: #333333;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 6px;
    width: 100%;
    max-width: 400px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.video-list-container .hx-list-item-meta-content .align-top .sub-title {
    font-size: 12px;
    color: #999999;
    width: 100%;
    max-width: 400px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.video-list-container .hx-list-item-meta-content .align-bottom {}

.video-list-container .hx-list-item-meta-content .align-bottom .number {
    font-size: 15px;
    color: #FF7700;
    line-height: 1;
    margin-top: 4px;
}

.video-list-container .hx-list-item-meta-content .align-bottom .old-price {
    font-size: 12px;
    color: #999999;
}

.video-list-container .hx-list .round-label {
    display: inline-block;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #63C8A9;
    padding: 1px 2px;
    border-radius: 7px;
    font-size: 0.5em;
    color: #63C8A9;
    line-height: 1;
}

.video-list-container .hx-list .square-label {
    display: inline-block;
    text-align: center;
    padding: 1px 2px;
    background: #FFFFFF;
    border: 1px solid #5CC89C;
    border-radius: 1px;
    font-size: 11px;
    line-height: 1;
    color: #5CC89C;
    letter-spacing: 0;
    margin-left: 0.5em;
    vertical-align: middle;
}

.bottom-action-container {
    z-index: 9;
    background: rgba(255, 255, 255, 0.90);
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.15);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.bottom-action-container .action-item {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    border-right: 1px #E5E5E5 solid;
    font-size: 15px;
    color: #666666;
}

.bottom-action-container .action-item:last-child {
    border: none;
}

.studyVideoPlayer {
    height: calc(100vh - 50px);
    overflow: auto;
}

.studyVideoPlayer .video-player-container {
    position: relative;
    width: 100%;
    max-height: 100vh;
}

.studyVideoPlayer .video-player-container .player-box {
    width: 100%;
    padding-top: 56.25%;
    position: relative;
    background-color: #000;
}

.studyVideoPlayer .video-player-container .player-box .player {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #000;
}

.studyVideoPlayer .video-player-container .player-box .player canvas {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
}

.studyVideoPlayer .video-player-container .video-player-container-mask .video-play-btn,
.studyVideoPlayer .video-player-container .video-player-container-mask .purchase-btn {
    display: none;
}

.no-resource-tips {
    z-index: 9;
    color: #FFF;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.studyVideoPlayer .waitPlay .video-player-container-mask {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.studyVideoPlayer .waitPlay .video-player-container-mask .video-play-btn {
    display: block;
}

.studyVideoPlayer .waitPlay .video-player-container-mask .purchase-btn {
    display: none;
}

.studyVideoPlayer .notPurchased .video-player-container-mask {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.studyVideoPlayer .notPurchased .video-player-container-mask .purchase-btn {
    display: block;
}

.studyVideoPlayer .notPurchased .video-player-container-mask .video-play-btn {
    display: none;
}

.studyVideoPlayer .video-player-container-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.6);
    display: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.btn-with-icon {
    min-width: 124px;
    height: 48px;
    border-radius: 24.5px;
    color: #FFF;
}

.btn-with-icon .icon {
    margin-right: 10px;
}

.studyVideoPlayer .video-player-container .video-player-container-mask button {
    background: rgba(0, 0, 0, 0.70);
    border: 1px solid rgba(255, 255, 255, 0.90);
    font-size: 18px;
    color: #FFFFFF;
}

.purshaseVideoDialog .pay-type .xwt-mall-buy-btn-item {
    width: 100%;
    padding: 0 10px 0 16px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.purshaseVideoDialog .error_alert {
    margin-top: -10px;
}

/* 我的-消息 */

.messageBox {
    background-color: #FFF;
}

.messageBox .tabs {
    width: 100%;
    height: 50px;
    border-bottom: 1px #F1f1f1 solid;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.messageBox .tabs a {
    position: relative;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    color: #333333;
    letter-spacing: 0;
    text-align: center;
    text-decoration: none;
}

.messageBox .tabs a:after {
    opacity: 0;
    content: '';
    position: absolute;
    bottom: -3px;
    width: 24px;
    height: 2px;
    left: 50%;
    margin-left: -12px;
    background-color: #007AFF;
    border-radius: 1px;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

.messageBox .tabs a.active:after {
    opacity: 1;
}

.messageBox .tabs-container {
    height: calc(100vh - 100px);
    overflow: hidden;
}

.messageBox .tabs-container .swiper-slide {
    overflow: auto;
}

.messageBox .news-list {
    padding: 0 16px;
    position: relative;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.messageBox .news-list .new-item {
    position: relative;
    border-bottom: 1px solid #F1F1F1;
    padding: 20px 0;
}

.messageBox .news-list .new-item:last-child {
    border-bottom: none;
}

.messageBox .news-list .new-item .check-state {
    display: none;
}

.messageBox .news-list.edit-state {}

.messageBox .news-list.edit-state .new-item {
    width: calc(100% - 30px);
    float: right;
}

.messageBox .news-list.edit-state .new-item .check-state {
    display: inline-block;
    position: absolute;
    left: -36px;
    top: 14px;
    font-size: 24px;
}

.messageBox .news-list.edit-state .new-item .xwt-weixuanze {
    color: #dedede;
}

.messageBox .news-list.edit-state .new-item .xwt-gouxuan {
    color: #007AFF;
}

.messageBox .news-list .new-item .new-head .new-title {
    font-size: 14px;
    color: #333333;
    font-weight: bold;
    max-width: calc(100% - 80px);
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.messageBox .news-list .new-item.unreadMessage .new-title:before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #007AFF;
    display: inline-block;
    position: static;
    margin-right: 4px;
}

.messageBox .news-list .new-item .new-head .new-time {
    font-size: 12px;
    color: #999999;
    float: right;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.messageBox .news-list .new-item .new-head .new-time .icon {
    margin-left: 10px;
    font-size: 12px;
    color: #ccc;
}

.messageBox .news-list .new-item .new-head:after {
    clear: both;
    zoom: 1;
}

.messageBox .news-list .new-item .new-content {
    font-size: 12px;
    color: #999;
}

.get_confirm_code {
    position: absolute;
    padding: 0 5px;
    bottom: 15px;
    right: 5px;
    background: #F1F1F1;
    border-radius: 1px;
    height: 30px;
    line-height: 30px;
    font-size: 17px;
    color: #007AFF;
    cursor: pointer;
}

.confirm_code_countdown {
    display: none;
    position: absolute;
    bottom: 15px;
    right: 5px;
    border-radius: 1px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 17px;
    color: #F35F39;
}

.form_item_input_error {
    background: #FCF5F4;
    border: 1px solid #F35F39;
    outline: none;
    -webkit-box-shadow: 0 0 0 3px rgba(243, 95, 57, 0.15);
    box-shadow: 0 0 0 3px rgba(243, 95, 57, 0.15);
    border-radius: 4px;
}

.mobile-outer-container img {
    max-width: 100%;
}

/* 首页-改版-20190501 */

.index-page {
    min-height: calc(100vh - 60px);
    margin: 0;
    padding-bottom: 0px;
    background-color: #FEFEFE;
}

.index-page .banner-area {
    background-color: #FFF;
    padding: 0;
    padding-left: 16px;
    width: 100%;
}

.index-page .swiper-container {
    padding-bottom: 36px;
    padding-top: 24px;
}

.index-page .swiper-wrapper {
    padding: 0;
}

.index-page .swiper-slide {
    background-color: rgba(0, 0, 0, 0.25);
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 90%;
    padding-top: 47.5%;
    border-radius: 8px;
    -webkit-box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.25);
}

.index-page .swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
}

.index-page .swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(rgba(0, 0, 0, .8)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
}

.index-page .swiper-pagination-bullet {
    cursor: pointer;
    background: #999999;
    width: 4px;
    height: 3px;
    border-radius: 0;
}

.index-page .swiper-pagination-bullet-active {
    background: #3F84E9;
    width: 12px;
    height: 3px;
    border-radius: 0;
}

.index-page .swiper-container-horizontal>.swiper-pagination-bullets,
.index-page .swiper-pagination-custom,
.index-page .swiper-pagination-fraction {}

.index-page .get-vip-area {
    background-image: -webkit-gradient(linear, left top, right top, from(#FFF7EF), to(#FFE7D3));
    background-image: -webkit-linear-gradient(left, #FFF7EF 0%, #FFE7D3 100%);
    background-image: -o-linear-gradient(left, #FFF7EF 0%, #FFE7D3 100%);
    background-image: linear-gradient(90deg, #FFF7EF 0%, #FFE7D3 100%);
    border-radius: 4px;
    height: 80px;
    margin: 10px 16px;
}

.index-page .get-vip-area>img {
    max-width: 120px;
    width: 36%;
    position: relative;
    left: -10px;
    top: -10px;
}

.index-page .get-vip-area .vip-area-text {
    padding-top: 10px;
    line-height: 1;
    vertical-align: top;
    display: inline-block;
}

.index-page .get-vip-area .vip-area-text>b {
    font-size: 18px;
    color: #333333;
    display: block;
    line-height: 1.5;
}

.index-page .get-vip-area .vip-area-text>span {
    font-size: 12px;
    color: #666666;
}

.get-vip-area .vip-area-btn {
    background-image: -webkit-gradient(linear, left top, right top, from(#FFDE89), to(#F1C857));
    background-image: -webkit-linear-gradient(left, #FFDE89 0%, #F1C857 100%);
    background-image: -o-linear-gradient(left, #FFDE89 0%, #F1C857 100%);
    background-image: linear-gradient(90deg, #FFDE89 0%, #F1C857 100%);
    -webkit-box-shadow: 0 4px 6px 0 rgba(241, 201, 91, 0.30);
    box-shadow: 0 4px 6px 0 rgba(241, 201, 91, 0.30);
    border-radius: 20.5px;
    width: 24%;
    max-width: 98px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    color: #FEFCF5;
    float: right;
    margin-top: 24px;
    margin-right: 16px;
    position: relative;
    overflow: hidden;
}

@-webkit-keyframes slideLight {
    from {
        left: -150px;
    }
    to {
        left: 150%;
    }
}

@keyframes slideLight {
    from {
        left: -150px;
    }
    to {
        left: 150%;
    }
}

.get-vip-area .vip-area-btn:not(.disabled-btn):before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -150px;
    overflow: hidden;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .5)), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, 0) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
    -webkit-animation: slideLight 2s infinite;
    animation: slideLight 2s infinite;
}

.index-page .index-grade-area {
    padding: 16px 0;
}

.area-title {
    color: #333333;
    font-size: 20px;
    font-weight: bold;
    padding: 0 16px;
}

.area-title .area-title-right {
    float: right;
    display: inline-block;
    font-size: 12px;
    color: #999;
    margin-top: 10px;
    position: relative;
    top: -2px;
}

.index-page .index-grade-area .grade-box {
    margin: 0 16px;
    background: #FFFFFF;
    -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    min-height: 104px;
    margin-top: 10px;
    padding: 28px 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.index-page .index-grade-area .grade-box .grade-box-item {
    display: inline-block;
    vertical-align: middle;
    line-height: 24px;
}

.index-page .index-grade-area .grade-box .grade-box-item:nth-child(2) {
    /*margin: 0 30px;*/
}

.index-page .index-grade-area .grade-box .grade-box-item .num_color {
    font-size: 20px;
    font-weight: bolder;
}

.index-page .index-grade-area .grade-box .grade-box-item .num_color>span {
    font-size: 14px;
    font-weight: normal;
}

.index-page .index-grade-area .grade-box .grade-box-item .grade-box-btn {
    background-image: -webkit-linear-gradient(315deg, #39B9FF 0%, #4080E8 100%);
    background-image: -o-linear-gradient(315deg, #39B9FF 0%, #4080E8 100%);
    background-image: linear-gradient(135deg, #39B9FF 0%, #4080E8 100%);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 122, 255, 0.30);
    box-shadow: 0 4px 8px 0 rgba(0, 122, 255, 0.30);
    border-radius: 100px;
    font-size: 14px;
    color: #FFFFFF;
    width: 98px;
    height: 32px;
    text-align: center;
    line-height: 32px
}

.index-page .index-grade-area .grade-box .grade-box-item:last-child {
    /*float: right;
	position: relative;
	top: 10px;*/
}

.index-page .index-grade-area .grade-box:after {
    /*	content: '';
	clear: both;
	zoom: 1;*/
}

@media screen and (max-width: 320px) {
    .index-page .index-grade-area .grade-box {
        padding: 28px 12px;
    }
    .index-page .index-grade-area .grade-box .grade-box-item:nth-child(2) {
        margin: 0 12px;
    }
}

.member_privilege_dialog .member_privilege_table {
    color: #333333;
    font-size: 14px;
    width: 100%;
    border-bottom: 1px #F1F1F1 solid;
}

.member_privilege_dialog .member_privilege_table th {
    color: #999999;
    height: 48px;
    border-bottom: 1px #F1F1F1 solid;
}

.member_privilege_dialog .member_privilege_table td {
    height: 48px;
}

.member_privilege_dialog .member_privilege_table tr>td:last-child,
.member_privilege_dialog .member_privilege_table tr>th:last-child {
    text-align: right;
}

.member_privilege_dialog .member_privilege_tip {
    color: #999999;
    font-size: 12px;
    margin: 12px 0;
}

.member_privilege_dialog .xwt-dialog2-body {
    padding-bottom: 20px;
}

.member_privilege_dialog .xwt-dialog2-btn-end {
    width: 100%;
    margin-top: 30px;
    opacity: 0.6;
}

.member_privilege_dialog .xwt-dialog2-btn-end:hover,
.member_privilege_dialog .xwt-dialog2-btn-end:focus {
    opacity: 1;
}

.toolMall {
    min-height: 100vh;
    background-color: #FEFEFE;
    margin-bottom: 0;
    padding-bottom: 70px;
}

.toolMall .get-vip-area {
    padding: 24px 16px 0 16px;
    position: relative;
}

.toolMall .get-vip-area>img {
    width: 100%;
}

.toolMall .get-vip-area .vip-area-btn {
    position: absolute;
    right: 32px;
    top: calc(50% - 4px);
    margin: 0;
    background-color: #F1C857;
    background-image: -webkit-gradient(linear, left top, right top, from(#FFDE89), to(#F1C857));
    background-image: -webkit-linear-gradient(left, #FFDE89 0%, #F1C857 100%);
    background-image: -o-linear-gradient(left, #FFDE89 0%, #F1C857 100%);
    background-image: linear-gradient(90deg, #FFDE89 0%, #F1C857 100%);
    -webkit-box-shadow: 0 4px 6px 0 rgba(241, 201, 91, 0.25);
    box-shadow: 0 4px 6px 0 rgba(241, 201, 91, 0.25);
}

.get-vip-area .vip-area-btn.disabled-btn {
    background-image: none !important;
    background-color: #aaaaaa !important;
}

.toolMall .area-title {
    margin: 16px 0;
}

.gift_package_list {
    padding: 0 16px;
    width: 100%;
    font-size: 0;
    padding-bottom: 10px;
}

.gift_package_list .gift_item {
    display: inline-block;
    vertical-align: top;
    width: calc(33% - 6px);
    font-size: 14px;
    background: #FFFFFF;
    -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.06);
    border-radius: 8px;
    position: relative;
    padding: 16px 0 16px 20px;
    line-height: 1.5;
    min-height: 129px;
}

@media screen and (max-width: 370px) {
    .gift_package_list .gift_item {
        padding: 16px 0 16px 10px;
    }
    .gift_package_list .gift_btn_area .gift_item_content {
        position: relative;
        left: -6px;
        width: calc(100% + 12px);
    }
}

.gift_package_list .gift_item_active {
    background: #FDF5EE;
    -webkit-box-shadow: 0 0px 2px 0 #F9473C;
    box-shadow: 0 0px 2px 0 #F9473C;
}

.gift_package_list .gift_item:nth-child(2) {
    margin: 0 10px;
}

.gift_package_list .gift_item .gift_item_discount {
    position: absolute;
    width: 40px;
    height: 16px;
    background-image: -webkit-gradient(linear, left top, right top, from(#CE10EB), to(#6B16E6));
    background-image: -webkit-linear-gradient(left, #CE10EB 0%, #6B16E6 100%);
    background-image: -o-linear-gradient(left, #CE10EB 0%, #6B16E6 100%);
    background-image: linear-gradient(90deg, #CE10EB 0%, #6B16E6 100%);
    border-radius: 0 4px 0 4px;
    text-align: center;
    font-size: 12px;
    color: #FEFEFE;
    right: 0;
    top: -8px;
    line-height: 16px;
}

.gift_package_list .gift_item .gift_item_name {
    color: #333333;
    font-weight: bold;
}

.gift_package_list .gift_item .gift_item_price {
    font-size: 12px;
    color: #FF3B30;
    line-height: 1;
    margin: 5px 0;
}

.gift_package_list .gift_item .gift_item_price>b {
    margin-right: 2px;
}

.gift_package_list .gift_item .gift_item_price>b .big {
    font-size: 30px;
}

.gift_package_list .gift_item .gift_item_price>b .small {
    font-size: 12px;
}

.gift_package_list .gift_item .gift_item_brief {
    font-size: 12px;
    color: #999999;
}

.gift_package_list .gift_item .gift_item_brief>del {
    display: block;
}

.gift_package_list .gift_btn_area {
    font-size: 16px;
    text-align: center;
    padding-top: 20px;
}

.gift_package_list .gift_btn_area .tool_mall_btn {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-image: -webkit-gradient(linear, left top, right top, from(#F3593D), to(#EE4329));
    background-image: -webkit-linear-gradient(left, #F3593D 0%, #EE4329 100%);
    background-image: -o-linear-gradient(left, #F3593D 0%, #EE4329 100%);
    background-image: linear-gradient(90deg, #F3593D 0%, #EE4329 100%);
    -webkit-box-shadow: 0 10px 10px 0 rgba(239, 69, 43, 0.20);
    box-shadow: 0 10px 10px 0 rgba(239, 69, 43, 0.20);
    border-radius: 20px;
    margin: 5px 0 15px 0;
    font-size: 16px;
    color: #FFFFFF;
}

.gift_package_list .gift_btn_area .gift_item_content {
    font-size: 12px;
    color: #999999;
}

.tools_mall_list {
    font-size: 0;
    width: 100%;
    padding: 2px 0 16px 16px;
    overflow-x: auto;
    white-space: nowrap;
}

.tools_mall_list .tool_item {
    background: #FFFFFF;
    -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    padding: 16px 10px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    width: 135px;
    margin-right: 16px;
    font-size: 14px;
}

.tools_mall_list .tool_item .tool_item_img {
    height: 54px;
    margin-bottom: 16px;
}

.tools_mall_list .tool_item .tool_item_name {
    font-size: 16px;
    color: #333333;
    font-weight: bold;
}

.tools_mall_list .tool_item .tool_item_price {
    color: #999999;
    font-size: 12px;
}

.tools_mall_list .tool_item .tool_mall_btn {
    background: #FFD9DC;
    border-radius: 12px;
    width: 80px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    margin: 0 auto;
    margin-top: 14px;
    font-size: 14px;
    color: #FF3B30;
}
 .notequestions{
	 z-index: 1000;
	 background:white;
	 position: absolute;
	 display:inline-block; 
	 /* height:100px; */
	 width: 100%;
	 height: 100%;
	 top: 10%;
	 border: solid 1px red;
 }
 .progre {
    /* position: relative; */
    width: 76px;
    height: 173px;
    /* overflow: hidden; */
    margin-left: 100px;
    /* margin-top: -40px; */
    /* background: red; */
    border: solid 1px red;
    transform: rotate(-90deg);
}
.circle_process{
    position: relative;
    width: 50px;
    height : 50px;
    margin: 10px 135px;
    display: inline-block;
    border: solid 1px red;
}
.circle_process .wrapper{
    width: 25px;
    height: 50px;
    position: absolute;
    top:0;
    overflow: hidden;
    border: solid 1px red;
}
.circle_process .right{
    right:0;
}
.circle_process .left{
    left:0;
}
.circle_process .circle{
    width: 60px;
    height: 60px;
    border:20px solid transparent;
    border-radius: 50%;
    position: absolute;
    top:0;
    /* border: solid 1px red; */
    transform : rotate(-135deg);
}
.circle_process .rightcircle{
    border-top:20px solid green;
    border-right:20px solid green;
    right:0;
    -webkit-animation: circle_right 5s linear infinite;
}
.circle_process .leftcircle{
    border-bottom:20px solid green;
    border-left:20px solid green;
    left:0;
    -webkit-animation: circle_left 5s linear infinite;
}
@-webkit-keyframes circle_right{
    0%{
        -webkit-transform: rotate(-135deg);
    }
    50%,100%{
        -webkit-transform: rotate(45deg);
    }
}
@-webkit-keyframes circle_left{
    0%,50%{
        -webkit-transform: rotate(-135deg);
    }
    100%{
        -webkit-transform: rotate(45deg);
    }
}
 .xwt-dialog2-body .topic{
     color: black;
     margin-top: 20px;
 }
 .item{
     font-weight: 600;
      font-size: 16px;
     text-align: center;
     /* border: solid 1px red; */
 }
 .item a i{
    margin-left:15px;
 }
 .xwt-dialog2-body .date{
    padding: 10px 10px;
    width: 100%;
    height: 56px;
    color:black;
    overflow: hidden;
    border-bottom:solid 1px rgb(196, 194, 194);
 }
 .xwt-dialog2-body .date .date-left{
    padding: 4px 20px;
    width: 20%;
    margin-left: 20px;
    display: inline-block;
    /* height: 40%; */
    color:black;
    border: solid 1px red;
    /* border:solid 1px rgb(112, 112, 112); */
 }
 .xwt-dialog2-body .date #date-right{
     /* display: inline-block; */
     float: right;
     width: 40%;
     line-height: 30px;
     /* border: solid 1px red; */
 }
 .xwt-dialog2-body .date .date-left .number{
    display: inline-block;
    /* color:black; */
    /* width: 30px; */
    border-bottom:solid 1px rgb(0, 0, 0);
 }
 .xwt-dialog2-body .total{
     overflow: hidden;
     height: 56px;
     /* padding: 20px 10px; */
     
     /* text-align: center; */
     border-bottom: solid 1px rgb(196, 194, 194);
 }
 .xwt-dialog2-body .total .total-left{
    /* border: solid 1px red; */
     float: left;
     line-height: 55px;
 }
 .xwt-dialog2-body .total .total-right{
     float: right;
     line-height: 55px;
     /* border: solid 1px red; */
 }
 .xwt-dialog2-body .cargo{
    height: 56px;
    overflow: hidden;
    border-bottom: solid 1px rgb(196, 194, 194);
 }
 .xwt-dialog2-body .cargo .cargo-left{
    float: left;
    line-height: 55px;
 }
 .xwt-dialog2-body .cargo .cargo-right{
    float: right;
    line-height: 55px;
 }
 .xwt-dialog2-body .abstract{
    height: 56px;
    overflow: hidden;
    border-bottom: solid 1px rgb(196, 194, 194);
 }
 .xwt-dialog2-body .abstract .abstract-left{
    float: left;
    line-height: 55px;
 }
 .xwt-dialog2-body .abstract .abstract-right{
    float: right;
    line-height: 55px;
 }
 .xwt-dialog2-body .amount{
    height: 56px;
    overflow: hidden;
    border-bottom: solid 1px rgb(196, 194, 194);
 }
 .xwt-dialog2-body .amount .amount-left{
    float: left;
    line-height: 55px;
 }
 .xwt-dialog2-body .amount .amount-right{
    float: right;
    width: 40%;
    height: 100%;
    /* border: solid 1px red; */
    /* line-height: 55px; */
 }
 .xwt-dialog2-body .amount .amount-right .number{
     color: #000;
     float: left;
     margin: 18px 0px;
 }
 .xwt-dialog2-body .amount .amount-right .mode{
     float: right;
     width: 48%;
     height: 50%;
     /* display: inline-block; */
     /* line-height: 50px;  */
    margin: 15px 10px;
    position: relative;
     border-radius: 30px;
     border: solid 1px rgb(156, 155, 155);
 }
 .xwt-dialog2-body .amount .amount-right .mode div{
     /* line-height: -20px;  */
     display: inline-block;
     padding: 2px 5px;
 }
 .xwt-dialog2-body .amount .amount-right .mode .circular{
    border-radius:50%;
    background: #007AFF;
    width: 26px;
    height: 26px;
    float: right;
    left:30px;
    position: absolute;
   
 }
 .xwt-dialog2-body .amount .amount-right .circular{
     border-radius:50%;
     background: #007AFF;
     width: 26px;
     height: 26px;
     /* display: inline-block; */
     /* position: absolute; */
 }
 .xwt-dialog2-body .operation{
    height: 56px;
    /* overflow: hidden; */

    border-bottom: solid 1px rgb(196, 194, 194);
 }
 .xwt-dialog2-body .operation .main{
     width: 80%;
     height: 56px;
     margin: 0 auto;
     overflow: hidden;
     text-align: center;
     /* border: solid 1px red; */
 }
 .xwt-dialog2-body .operation .main div{
   
     width: 50%;
     float: left;
     margin: 15px 0px;
   
  
     border-right: solid 1px rgb(196, 194, 194);

 }
 .xwt-dialog2-body .operation .main div i{
    padding-right:10px;
 }
 .xwt-dialog2-body .operation .main .right{
    border:none;
 }
 .xwt-dialog2-body .analysis{
    height: 24px;
    background: #ccc;
    overflow: hidden;
    border-bottom: solid 1px rgb(196, 194, 194);
 }
 .xwt-dialog2-body .analysis div{
    text-align: center;
    /* width: 33%; */
    margin-top:2px; 
    font-size: 8pt;
    border-right: solid 1px rgb(196, 194, 194);
     float: left;
 }
 .xwt-dialog2-body .xwt-footer{
     margin-top: 22px;
     /* border: solid 1px red; */
 }
 .xwt-dialog2-body .xwt-footer .footer-left{
   float: left;
    /* border: solid 1px red; */
}
.xwt-dialog2-body .xwt-footer .footer-left .main{
    height: 20px;
    margin-top: 15px;
    border-right: solid 1px rgb(196, 194, 194);
}
.xwt-dialog2-body .xwt-footer .footer-left ul{
    /* display: inline-block;
     */
     font-size: 8pt;
     float: left;
    text-align: center;
    margin: 12px 10px;
    /* border: solid 1px red; */
    
}
 .xwt-dialog2-body .xwt-footer .footer-right{
   float: right;
   width: 160px;
   height:57px;
   margin-top: 1px;
   text-align: center;
   line-height: 20px;
    /* border: solid 1px red; */
}
 .xwt-dialog2-body .xwt-footer .footer-right .xwt-mall-buy-btn-next{
   /* float: right; */
   width: 160px;
   color: white;
   background: #007AFF;
   height: 57px;
   text-align: center;
   line-height: 45px;
    border:none;
}
.circleprogress{
    width: 60px;
    height: 60px;
    /* margin: 0 auto; */
    color: rgb(0, 150, 87);
    text-align:center;
    margin-left: 160px;
    display: inline-block;
    border:5px solid rgb(0, 150, 87);
    border-radius: 50%;
}
#new_time .load_wrap,
#new_time .circle,
#new_time .percent {
  position: absolute;
  width: 56px;
  height: 56px;
  border-radius: 50%;
}

#new_time .load_wrap {
  background-color: #eee;
}

#new_time .circle {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 5px solid #eee;
  clip: rect(0, 56px, 56px, 28px);
}

#new_time .clip-auto {
  clip: rect(auto, auto, auto, auto);
}

#new_time .percent {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: -5px;
  left: -5px;
}

#new_time .left {
  -webkit-transition: -webkit-transform ease;
  transition: -webkit-transform ease;
  -o-transition: transform ease;
  transition: transform ease;
  transition: transform ease, -webkit-transform ease;
  transition: transform ease, -webkit-transform ease;
  transition: transform ease, -webkit-transform ease;
  transition: transform ease, -webkit-transform ease;
  transition: transform ease, -webkit-transform ease;
  border: 5px solid rgb(2, 161, 42);
  clip: rect(0, 28px, 56px, 0);
}

#new_time .right {
  border: 5px solid rgb(2, 161, 42);
  clip: rect(0, 56px, 56px, 28px);
}

#new_time .wth0 {
  width: 0px;
}

#new_time .num {
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 46px;
  height: 46px;
  text-align: center;
  font-weight: 100;
  font-size: 24px;
  padding-top: 0px;
  left: 5px;
  top: 5px;
  border-radius: 50%;
  background-color: #fff;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

<<<<<<< .mine







/*我的知识列表*/
.messageBox .wdzs-list { padding: 10px 16px; position: relative; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.messageBox .wdzs-list .wdzs-scms { position: relative; padding-top:20px;padding-left:10px;padding-right:10px;background-color:#fff;border-bottom:0px; }
.messageBox .wdzs-list .wdzs-scms .wdzs-scms2{ border-bottom:1px solid #F1F1F1;padding-bottom:10px; }
.messageBox .wdzs-list .wdzs-scms .new-head .new-title { font-size: 14pt; color: #333333; font-weight: bold; max-width: calc(100% - 80px); overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.messageBox .wdzs-list .wdzs-scms .new-head .new-time {padding-top:6px;font-size: 12px; color: #999999; float: right; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.messageBox .wdzs-list .wdzs-scms .new-head .new-time2 {padding-top:13px;font-size: 12px; color: #999999; float: right; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.messageBox .wdzs-list .wdzs-scms .new-head .new-time .icon { margin-left: 10px; font-size: 12px; color: #ccc; }
.messageBox .wdzs-list .wdzs-scms .new-head:after { clear: both; zoom: 1; }
.messageBox .wdzs-list .wdzs-scms .new-content { font-size: 13pt; color: #999; }
.wdzs-zjms{
	padding-left:10px;
	padding-top:10px
}
.wdzs-zjms button{
  margin-right: 1%;margin-top: 20px; width: 22%;height: 32px;line-height: 12px;border: 1px solid #CCCCCC;border-radius: 16px;font-size: 12pt;
  font-family: PingFangSC-Medium;text-decoration: none;display: inline-block;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);
}
.wdzs-zjms .zjms-sel{
	background:#CEE3F6;
	color: #2873FF;
}
.wdzs-zjms .zjms-nosel{
	background: #F2F2F2;
	color: #666666;
}
.messageBox .tabs a.scms1{
	color:#999999;
}
.messageBox .tabs a.scms2{
	font-size:16pt;
}
/*会计科目列表*/
.messageBox .kjkm-list { padding: 10px 16px; position: relative; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.messageBox .kjkm-list .kjkm-item { position: relative;padding-left:10px;padding-right:10px;background-color:#fff;padding-top:18px;padding-bottom:30px;margin-bottom:10px;border-bottom:10px;}
.messageBox .kjkm-list .kjkm-item .new-head {padding-top:10px;}
.messageBox .kjkm-list .kjkm-item .new-head .new-title { font-size: 14pt; color: #333333; font-weight: bold; max-width: calc(100% - 80px); overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.messageBox .kjkm-list .kjkm-item .new-head .new-title2 { font-size: 12pt; color: #333333; font-weight: bold; max-width: calc(100% - 80px); overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.messageBox .kjkm-list .kjkm-item .new-head .new-time { font-size: 12pt; color: #999999; float: right; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.messageBox .kjkm-list .kjkm-item .new-head .new-time .icon { margin-left: 10px; font-size: 10pt; color: #ccc; }
.messageBox .kjkm-list .kjkm-item .new-head:after { clear: both; zoom: 1;}
.messageBox .kjkm-list .kjkm-item .new-content { font-size: 12px; color: #999; }
.messageBox .kjkm-list p{padding-top:10px;padding-left:12px;}





/*我的作业*/
.messageBox .wdzy-list { padding-top:10px;padding-bottom:50px;padding-left:16px;padding-right:16px; position: relative; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.messageBox .wdzy-list .wdzy-scms { position: relative; padding-top:10px;padding-left:10px;padding-right:10px;background-color:#fff;border-bottom:0px;margin-bottom:10pt; }
.messageBox .wdzy-list .wdzy-scms .wdzy-sbtn{position: relative;padding-top:5px;padding-left:33%;height:40pt;}
.messageBox .wdzy-list .wdzy-scms .wdzy-sbtn .wdzy-btn{background:#FFFFFF;border: 1px solid #DDDDDD;width:25%;height:27pt;color: #333333;font-family: PingFangSC-Regular;font-size: 12pt;display:inline-block;line-height:27pt;text-align:center;position:absolute;text-decoration-line: none;}
.messageBox .wdzy-list .wdzy-scms .wdzy-sbtn .wdzy-btn2{right:1px;}
.messageBox .wdzy-list .wdzy-scms .new-head .new-title { font-size: 12pt; color: #333333; font-weight: bold; max-width: calc(100% - 80px); overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.messageBox .wdzy-list .wdzy-scms .new-head .new-time {padding-top:6px;font-size: 12px; color: #999999; float: right; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.messageBox .wdzy-list .wdzy-scms .new-head .new-time2 {padding-top:13px;font-size: 12px; color: #999999; float: right; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.messageBox .wdzy-list .wdzy-scms .new-head .new-time .icon { margin-left: 10px; font-size: 12px; color: #ccc; }
.messageBox .wdzy-list .wdzy-scms .new-head:after { clear: both; zoom: 1; }
.messageBox .wdzy-list .wdzy-scms .new-content { font-size: 12pt; color: #999; margin-top:0px;}
.wdzy-soso{max-width:100%;height:45px;top:10px;left:20px;position:relative;margin-bottom:20px;}
.wdzy-soo{padding-top:5px;width:90%;height:35pt;background:#F2F2F2;border: 1px solid #FFFFFF;}
.wdzy-sobtn{padding-left:10px;width:80%;height:30pt;background:#F2F2F2;font-family: PingFangSC-Regular;font-size: 14pt;}
.wdzy-sobtn2{
		background:#0085FA;
		width:60px;
		height:33pt;
		color: #FFFFFF;
		font-family: PingFangSC-Regular;
		font-size: 14px;
		display:inline-block;
		line-height:35pt;
		text-align:center;
		position:absolute;
		right:10%;
		top:1px;
		text-decoration-line: none;
}
.wdzy-icon{font-size:14pt;padding-left:10px;top:4px;position:relative;}
.wdzy-fxpm{height:80px;border-bottom: 1px solid #DEDEDE;}
.wdzy-fx1{float:left;margin-left:20px;text-align:center}
.wdzy-fx2{margin-right:10%;}
.wdzy-txt1{color:#F35F39;font-size:18pt;}
.wdzy-txt2{color:#666;font-size:12pt;}
.xwt-dialog2-body table{width:100%;letter-spacing:1px;}
.xwt-dialog2-body table tr{height:50px;}
.wdzy-th1{font-size:14pt;font-weight:bold;color:#333;}
.wdzy-th2{font-size:13pt;float:right;color:#999999;line-height:40pt;}
.wdzy-td1{font-size:14pt;color:#999999;}
.wdzy-td-txt{color:#333;font-weight:bold;}
.wdzy-td2{padding-left:20%;color:red;font-weight:bold;font-size:14pt;}
.wdzy-td3{color:green;}




.flt-tm{color:#333333;font-size:15pt;font-weight:bolder;line-height:24pt;padding:20px;}
.zqda1{padding:30px;}
.zqda1 table{border:1px solid #09BB07;padding:20px;}
.zqda1 table tr{width:98%;height:45px;}
.zqda1 table tr td{font-size:14pt;padding-left:10px;padding-right:20px;}
.tm-da {width:90%;margin:5px auto;color:#999999;font-size:14pt;line-height:30pt;background:#FBFAFA;letter-spacing:1.2px;}
.tm-da ul{padding:10px;}
.tm-da li{font-size:12pt;}
.tm-da table{padding:20px;}
.tm-da table tr{width:98%;height:45px;padding:20pt;color:#333333;border-bottom: solid 1px rgb(196, 194, 194);line-height:27px;}
.tm-da table tr td{font-size:14pt;padding-left:10px;padding-right:15px;}
.flt-left{float:left; padding-left:5px;} 
.flt-right{float:left; padding-left:15px;}
.flt-circle{position: absolute;left:0px;border-radius:50%;background: #007AFF;width:20pt; height: 20pt;index:999;}
.flt-circle2{position: absolute;left:38px;}
.flt-s1{font-size:15pt;}
.flt-s2{color:#09BB07;margin-right:20%;}
.flt-s3{line-height:30pt;}
.flt-s4{float:left;}
.flt-input{width:95%;height:30pt;border:solid 1px #F1F1F1;color:#CCCCCC;margin-top:10px;margin-bottom:20px;padding-left:20px;}
.tm-da>ul input::-webkit-input-placeholder {
    color: #cccccc;
}

.tm-da>ul input::-moz-placeholder {
    color: #cccccc;
}

.tm-da>ul input::-ms-input-placeholder {
    color: #cccccc;
}



/* 比赛活动报名页开始 */
.competition_activities{
    background: #F2F2F2F2;
	/* border:solid 1px red; */
}
.competition_activities .nav-image{
    width: 100%;
    /* border:solid 1px red; */
}
.competition_activities .nav-image img{
    width: 100%;
}
.competition_activities .main_form{
	width:93%;
	margin: auto;
	/* height:750px; */
	position: relative;
	/* background: white; */
	margin-top: -100px;
	/* width:1200px; */
	/* height:749px; */
	/* background:rgba(255,255,255,1); */
	border-radius:8px;
	
	/* border:solid 1px red; */
}
.competition_activities .main_form .activity_title{
    font-size:25px;
    font-family:PingFangSC-Semibold,PingFang SC;
    font-weight:600;
    color:rgba(255,255,255,1);
    line-height:54px;
}
.competition_activities .main_form form{
	width: 100%;
    height: 100%;
    margin-top:5px;
    border-radius:8px;
    	background:#f2f2f2f2;
	/* margin: auto; */
	/* border:solid 1px red; */
}
.competition_activities .main_form form .message_main{
	/* width:644px; */
	/* height: 467px; */
	/* margin: auto; */
	/* margin-top:50px; */
    /* padding: 20px; */
    background: white;
    border-radius:8px;
	/* border:solid 1px red; */
}
.competition_activities .main_form form .message_main li{
	margin:8px 20px; 
    /* width: 370px; */
    border-bottom: solid 1px #EEEEEE;
}
.competition_activities .main_form form .message_main li input{
	/* width:410px; */
	height:45px;
	padding-left: 10px;
	background:rgba(255,255,255,1);
    border-radius:1px;
    display: inline-block;
	border:none;
	
}
.competition_activities .main_form form .message_main li input:focus{
	outline:none;
}
.competition_activities .main_form form .message_main .phone{
	position: relative;
}
.competition_activities .main_form form .message_main li span{
	width:65px;
	display: inline-block;
	/* border: solid 1px red; */
	text-align: right;
	color:#666666;
}
.competition_activities .main_form form .message_main li .js-confirmCode{
	position: absolute;
	/* padding: 15px; */
	width:100px;
	cursor: pointer;
	color: #006cFF;
	line-height:45px;
	text-align: center;
	right:40px;
	background: none;
	border: none;
	
}
.competition_activities .main_form form .half_bottom{
	/* height:100px; */
	width: 100%;
    /* padding: 10px; */
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background: white;
	/* border: solid 1px red; */
}
.competition_activities .main_form form .half_bottom ul{
    /* border: solid 1px red; */
    overflow: hidden;
}
.competition_activities .main_form form .half_bottom ul li{
    /* display: inline-block; */
    float: left;
    height: 100%;
  
}
.competition_activities .main_form form .half_bottom ul .phone_identity{
    width:54%; 
    height:185px;
    position: relative;
    /* display: inline-block; */
    	/* border: solid 1px red; */
}
.competition_activities .main_form form .half_bottom ul .phone_identity img{
    width:100%; 
    height:135px;
}
.competition_activities .main_form form .half_bottom ul .phone_identity .lucency{
    top:0px;
    left:0px;
    position: absolute;
}
.competition_activities .main_form form .half_bottom ul .two-inch-photo{
    width:35%; 
    height:185px;
    position: relative;
    /* border: solid 1px red; */
}
.competition_activities .main_form form .half_bottom ul .two-inch-photo img{
    width:90%;
    height:135px;
    /* height: 100%; */
    /* border: solid 1px red; */
}
.competition_activities .main_form form .half_bottom ul .two-inch-photo .transpar{
    top:0px;
    left: 0px;
    position: absolute;
}
.competition_activities .main_form form .half_bottom ul li:nth-child(2){
	margin-left:35px;
}
.competition_activities .main_form form .half_bottom ul li span{
	display: block;
	text-align: center;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 10px;
}
.competition_activities .main_form form .half_bottom .half_left{
	/* margin-left:80px; */
}
.competition_activities .main_form form .half_bottom .half_left p{
	margin-top: 20px;
	color: #999999;
	font-size: 14px;
}
.competition_activities .main_form form .half_bottom .half_left button{
	width:100%;
	height:50px;
	margin-top:30px;
	border: none;
	color: white;
	background:rgba(255,64,0,1);
	border-radius:2px;
	
}
.competition_activities .main_form form .half_footer{
    margin-top: 10px;
    height: 135px;
    margin-bottom: 5px;
    border-radius:8px;
    background: white;
    position: relative;
}
.competition_activities .main_form form .half_footer .test_information{
    width:100%;
	height:50px;
	/* margin-top:30px; */
	border: none;
    color: white;
    font-size: 20px;
    opacity:0.65;
	background:rgba(255,64,0,1);
	border-radius:8px;
}
.competition_activities .main_form form .half_footer .submit_registration{
    background:#FF4000;
    border-radius:8px;
    top:0px;
    font-size: 20px;
    width:100%;
    color: white;
	height:50px;
    display: none;
    /* position: absolute; */
}
.competition_activities .main_form form .half_footer p{
    margin-top:10px; 
}
/* 验证通过弹框样式开始 */
.competition_activities .main_form .verification_by{
    position:absolute;
    width: 50%;
    height:25%;
    top:20%;
    left:25%;
    display: inline-block;
    /* border: solid 1px red; */
    background:rgba(0,0,0,0.75);
    border-radius:16px;
}
.competition_activities .main_form .verification_by .proved{
    text-align: center;
    margin: auto;
    width:80px;
    margin-top: 35px;
    /* border: solid 1px red; */
}
.competition_activities .main_form .verification_by .proved img{
    width:75px;
    height:75px;
}
.competition_activities .main_form .verification_by span{
    display:block;
    color:white;
    margin-top: 10px;
    text-align: center;
}
.competition_activities .main_form .fail_validation{
    position:absolute;
    width: 50%;
    height:25%;
    top:20%;
    left:25%;
    display: inline-block;
    /* border: solid 1px red; */
    background:rgba(0,0,0,0.75);
    border-radius:16px;
}
.competition_activities .main_form .fail_validation .authentication_failed{
    text-align: center;
    margin: auto;
    width:80px;
    margin-top: 35px;
}
.competition_activities .main_form .fail_validation .authentication_failed img{
    width:75px;
    height:75px;
}
.competition_activities .main_form .fail_validation  span{
    display:block;
    color:white;
    margin-top: 10px;
    text-align: center;
}
/* 比赛活动报名页结束 */
/* 身份验证开始 */
.competition_activities .nav_title{
    /* height: 20px; */
    width: 100%;
    background: #FFFFFF;
    /* border: solid 1px red; */
}
.competition_activities .nav_title .main_message{
    width: 90%;
    padding: 10px;
    margin: auto;
    
    border-bottom: solid 1px #F0F0F0;
}
.competition_activities .nav_title .main_message li{
    margin-top:25px;
    text-align: center;
}
.competition_activities .nav_title .main_message :nth-child(2){
    margin-top: 45px;
}
.competition_activities .nav_title .main_message :nth-child(3){
    margin-top: 45px;
}
.competition_activities .nav_title .main_message li button{
    width:90%;
    height:40px;
    color: white;
    background:rgba(0,130,223,1);
    border-radius:4px;
    margin-bottom: 15px;
}
.competition_activities .nav_title .main_message li img{
    width:80%;
}
.competition_activities .nav_title .attention_footer{
    padding-left: 15px;
    margin-top:15px;

}
.competition_activities .nav_title .attention_footer p{
    font-size:1.5em;
    font-family:PingFangSC-Medium,PingFang SC;
    font-weight:500;
    color:rgba(51,51,51,1);
    line-height:45px;

}
.competition_activities .nav_title .arrows{
    border-bottom: solid 1px #F0F0F0;
    width: 100%;
    height:65px;
}
.competition_activities .nav_title .arrows div{
    display: inline-block;
    /* padding: 20px; */
    line-height: 70px;
}
.competition_activities .nav_title .arrows .arrows_left{
    margin-left: 10px;
    line-height: 40px;
    /* border: solid 1px red; */
}
.competition_activities .nav_title .arrows .arrows_left img{
    width: 19px;
    height: 30px;
    margin-top: -5px;
    /* border: solid 1px red; */
}
.competition_activities .nav_title .arrows .center{
    text-align: center;
    width: 80%;
    font-size: 1.5em;
    font-weight:550;
    line-height: 65px;
}
/* 微信分享遮罩开始 */
 .share_mian{
     background: rgba(0,0,0,0.60);
     /* border: solid 1px red; */
     padding-bottom:100px;
     /* height: 1334px; */
 }
 .share_mian .sh_nav{
     padding-top: 24px;
     text-align: right;
     /* border: solid 1px red; */
 }
 .share_mian .sh_nav li{
     display: inline-block;
     margin-right: 10px;
 }
 .share_mian .sh_nav li:first-child{
     width: 35px;
     height:35px;
     color: white;
     /* line-height: 5px; */
     text-align: center;
     border-radius:100%;
    border: 2px solid #FFFFFF;
 }
 .share_mian .sh_nav li:first-child span{
      line-height:30px;
 }
 .share_mian .sh_nav li img{
     width: 45px;
     height:33px;
 }
 .share_mian .tip_main{
    /* border: solid 1px red; */
 }
 .share_mian .tip_main ul li:first-child{
     text-align: right;
     margin-right:63px;
     
 }
 .share_mian .tip_main ul li:nth-child(2){
     text-align: left;
     width:240px;
     margin: auto;
     /* border: solid 1px red; */
     font-family: PingFangSC-Semibold;
     font-size:17px;
     color: #EDEDED;
     
 }
 .share_mian .tip_main ul li:first-child img{
    width: 110px;
    height: 120px;
 }
 .share_mian .explorer{
    margin-top:120px;
    text-align: center;
    /* border: solid 1px red; */
}
.share_mian .explorer ul{
    /* width: 70%;
    text-align: center; */
    /* border: solid 1px red; */
    width: 70%;
    margin-left:5px;
    text-align: right;
}
.share_mian .explorer li{
    display: inline-block;
    
}
.share_mian .explorer li:first-child{
    width: 35px;
    height:35px;
    color: white;
    /* line-height: 5px; */
    text-align: center;
    border-radius:100%;
    margin-right: 10px;
   border: 2px solid #FFFFFF;
}
.share_mian .explorer li:first-child span{
     line-height:30px;
}
.share_mian .explorer li img{
    width: 68px;
    height:68px;
}
.share_mian .ex_footer{
    width: 100%;
    height: 100%;
    margin-top:145px;
}
.share_mian .ex_footer ul{
    text-align: center;
}
.share_mian .ex_footer button{
    width:154px;
    height:45px;
    margin: auto;
    color: white;
    font-size:20px;
    color: #EDEDED;
    background: none;
    border: 2px solid #FFFFFF;
    border-radius: 8px;
   
    
}
/* 微信分享遮罩修改开始 */
.share__footer{
    position:absolute;
    bottom:80px; 
    text-align:center;
    left:30%;
}
.share__footer ul button{
    width: 154px;
    height: 45px;
    margin: auto;
    color: white;
    font-size: 20px;
    color: #EDEDED;
    background: none;
    border: 2px solid #FFFFFF;
    border-radius: 8px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)and (-webkit-min-device-pixel-ratio: 2){
    .share__footer{
        position:absolute;
        bottom:110px; 
        text-align:center;
        left:40%;
    }
    .share__footer ul button{
        width: 220px;
        height: 105px;
        margin: auto;
        color: white;
        font-size: 26px;
        color: #EDEDED;
        background: none;
        border: 2px solid #FFFFFF;
        border-radius: 8px;
    }
}
@media screen and (min-width:600px) and (max-width:960px) {
    
    .share__footer{
        position:absolute;
        bottom:110px; 
        text-align:center;
        left:37%;
    }
    .share__footer ul button{
        width: 204px;
        height: 105px;
        margin: auto;
        color: white;
        font-size: 20px;
        color: #EDEDED;
        background: none;
        border: 2px solid #FFFFFF;
        border-radius: 8px;
    }
}


/* 新增修改样式 */
/* 考吧立即练习开始 */
.messageBox .wdzy-list .ljlx-scms{ 
    position: relative; 
    padding-top:10px;
    /* padding-left:10px; */
    /* padding-right:10px; */
    background-color:#fff;
    border-bottom:0px;
    margin-bottom:10pt; 
  
    border: solid 1px red;
}
.messageBox .wdzy-list .ljlx-scms .lj-sc{
    overflow: hidden;
}
.messageBox .wdzy-list .ljlx-scms .lj-sc .lj-jd{
    /* border: solid 1px red; */
    float: left;
    width: 45pt;
    height: 50pt;
}
.messageBox .wdzy-list .ljlx-scms .lj-sc .lj-head {
    /* border: solid 1px red; */
    float: left;
    margin-left: 5pt;
    /* float: left; */
}
.messageBox .wdzy-list .ljlx-scms .lj-sc .new-content{
    display: inline-block;
    /* width:90pt; */
    color:#2CA368;
    /* border:solid 1pt red; */
}
.messageBox .wdzy-list .ljlx-scms .lj-sc .lj-course{
    display: inline-block;
    width: 50pt;
    color:#999999;
    /* border:solid 1pt red; */
}
.messageBox .wdzy-list .ljlx-scms .lj-sbtn{
    position: relative;
    padding-top:5px;
    /* padding-left:33%; */
    height:40pt;
    /* border: solid 1px red; */
}
.messageBox .wdzy-list .ljlx-scms .lj-sbtn .lj-sbtn-left{
    float: left;
}
.messageBox .wdzy-list .ljlx-scms .lj-sbtn .lj-sbtn-left button{
    width:65pt;
    height:25pt;
    color: #666666;
    background: none;
    border: solid 1pt #CCCCCC;
    font-size: 10pt;
    border-radius: 4pt;
}
.messageBox .wdzy-list .ljlx-scms .lj-sbtn .lj-sbtn-right{
    float: right;
    /* width:45%; */
}
.messageBox .wdzy-list .ljlx-scms .lj-sbtn .lj-sbtn-right .wdzy-btn{
    background:#FFFFFF;
    border: 1px solid #DDDDDD;
    width:65pt;
    height:25pt;
    color: #333333;
    font-family: PingFangSC-Regular;
    font-size: 12pt;
    display:inline-block;
    line-height:23pt;
    text-align:center;

    /* position:absolute; */
    text-decoration-line: none;
}
.messageBox .wdzy-list .ljlx-scms .lj-sbtn .lj-sbtn-right .active-background{
    background:#00AEF3;
    color: white;
}
.messageBox .wdzy-list .ljlx-scms .wdzy-sbtn .wdzy-btn2{
    right:1px;
}
.messageBox .wdzy-list .ljlx-scms .lj-head .lj-title { 
    font-size: 11pt; 
    color: #333333; 
    font-weight: bold;
    max-width: calc(100% - 80px);
    overflow: hidden; 
    white-space: nowrap;
    -o-text-overflow: ellipsis; 
    text-overflow: ellipsis; 
    }
.messageBox .wdzy-list .ljlx-scms .lj-head .new-time {
    padding-top:6px;
    font-size: 12px;
    color: #999999;
    float: right; 
    display: -webkit-inline-box;
    display: -webkit-inline-flex; 
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center; 
    -webkit-align-items: center; 
    -ms-flex-align: center; 
    align-items: center; 
    }
.messageBox .wdzy-list .ljlx-scms .lj-head .new-time2 {
    padding-top:13px;
    font-size: 12px;
    color: #999999;
    float: right;
    display: -webkit-inline-box;
    display: -webkit-inline-flex; 
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.messageBox .wdzy-list .ljlx-scms .lj-head .new-time .icon {
     margin-left: 10px;
    font-size: 12px;
     color: #ccc; 
    }
.messageBox .wdzy-list .ljlx-scms .lj-head:after {
     clear: both;
      zoom: 1; 
    }
.messageBox .wdzy-list .ljlx-scms .new-content {
     font-size: 12pt;
      color: #999;
       margin-top:0px;
}
.messageBox .wdzy-list .ljlx-scms .lj-sc .new-content .lj-course{
        display: inline-block;
}
.messageBox .wdzy-list .ljlx-scms .lj-sc .new-content .circle-chart__info .circle-chart__percent{
    font-size: 12pt;
    /* border: solid 1px red; */
    display: inline-block;
}
/*  */
/**
 * Inspiration for this project found at:
 * https://markus.oberlehner.net/blog/pure-css-animated-svg-circle-chart
 * 1. The `reverse` animation direction plays the animation backwards
 *    which makes it start at the stroke offset 100 which means displaying
 *    no stroke at all and animating it to the value defined in the SVG
 *    via the inline `stroke-dashoffset` attribute.
 * 2. Rotate by -90 degree to make the starting point of the
 *    stroke the top of the circle.
 * 3. Using CSS transforms on SVG elements is not supported by Internet Explorer
 *    and Edge, use the transform attribute directly on the SVG element as a
 * .  workaround.
 */

 .circle-chart {
    width:45pt;
    height:50pt;
  }
  
  .circle-chart__circle {
    stroke: #00acc1;
    stroke-width: 2;
    stroke-linecap: square;
    fill: none;
    animation: circle-chart-fill 2s reverse; /* 1 */ 
    transform: rotate(-90deg); /* 2, 3 */
    transform-origin: center; /* 4 */
  }
  
  /**
   * 1. Rotate by -90 degree to make the starting point of the
   *    stroke the top of the circle.
   * 2. Scaling mirrors the circle to make the stroke move right
   *    to mark a positive chart value.
   * 3. Using CSS transforms on SVG elements is not supported by Internet Explorer
   *    and Edge, use the transform attribute directly on the SVG element as a
   * .  workaround.
   */
  
  .circle-chart__circle--negative {
    transform: rotate(-90deg) scale(1,-1); /* 1, 2, 3 */
  }
  
  .circle-chart__background {
    stroke: #efefef;
    stroke-width: 2;
    fill: none; 
  }
  
  .circle-chart__info {
    animation: circle-chart-appear 2s forwards;
    opacity: 0;
    transform: translateY(0.3em);
  }
  
  .circle-chart__percent {
    alignment-baseline: central;
    text-anchor: middle;
    font-size: 8px;
    display: none;
  }
  
  .circle-chart__subline {
      alignment-baseline: central;
      text-anchor: middle;
      font-size: 3px;
  }
  
  .success-stroke {
    stroke: #44BA8B;
  }
  
  .warning-stroke {
    stroke: #ffbb33;
  }
  
  .danger-stroke {
    stroke: #ff4444;
  }
  
  @keyframes circle-chart-fill {
    to { stroke-dasharray: 0 100; }
  }
  
  @keyframes circle-chart-appear {
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .circlechart {
    /* float: left; */
    /* padding: 20px; */
}



/* 查看考试资格开始 */
.ti_reman{
    /* height: 120pt; */
    /* border:solid 1px red; */
}
.admi_ssion_c{
    padding: 15px;
    background: #ffffff;
    margin-top: -33px;
    position: relative;
    border-radius:32px 32px 0px 0px; 
    /* border:solid 1px red; */
}
.admi_ssion_c .ad_tab{
    width: 100%;
    /* margin-top: 10px; */
    background: #ffffff;
   
    /* border:solid 1px red; */
}
.admi_ssion_c .ad_tab tr{
    height: 35px;
    padding: 10px;
}
.admi_ssion_c .ad_tab tr td:nth-child(1){
    font-size: 13pt;
    color: #999999;
}
.admi_ssion_c .ad_tab tr td:nth-child(2){
    font-size: 12pt;
    color: #333333;
    text-align: right;
}
.admi_ssion_c .ad_tab th{
    font-size:15pt;
    font-weight: bold;
    /* border:solid 1px red; */
}
.toefl_ibt{
    margin-top: 24px;
    padding: 15px;
    background: #ffffff;
    /* border:solid 1px red; */
}
.toefl_ibt span{
    font-size: 15pt;
    font-weight: bold;
}

/* 倒计时样式 */
.payment-time{
    display:inline-block;
    overflow:hidden;
    line-height:20px;
    vertical-align:middle;
    font-size: 18pt;
    /* background: #7cd0ee; */
    /* box-shadow:0 0 2px 2px #cefcff; */
    padding:1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    /* text-shadow: 1px 2px 2px yellowgreen; */
    color: #ffffff;
}
.payment-time em{
    color:#ffffff;
    font-size: 18pt;
    /* background: #d9dbee; */
    padding:0 3px;
    margin:0 2px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    font-style: normal;
}
.payment-time em.time_ms{
    margin-left:3px;
}
.ti_reman .center{
    text-align: center;
    font-size:10pt;
    position: absolute;
    top:9%;
    left:1%;
    color:#ffffff;
    height: 50px;
}
.ti_reman .center .te_remain_ti{
    color:#ffffff;
    margin-top:6px;
    letter-spacing:2px;
    text-align: left;
    padding-left: 10px;
}

.hidden{
    display: none;
    visibility: hidden;
}

.chooser{
    display: inline-block;
    position: relative;
}

.chooser::before{
    content: ' ';
    display: inline-block;
    font-weight: bold;
    border:1px solid #eeb01b;
    width: 20px;
    height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.chooser.active::before{
    content: '√';
    color: #31cd41;
    font-size: 18px;
}
/* 排行榜开始 */
.rank_content{
    padding: 15px;
    height: calc(100vh - 115px);
    /* height: 300px; */
    background: #ffffff;
    margin-top: -33px;
   
    position: relative;
    border-radius:32px 32px 0px 0px; 
    /* border:solid 1px red; */
}
.rank_content .ra_ma{
    height: calc(100vh - 160px);
    overflow-y:auto;
    /* border:solid 1px red; */
}
.rank_content .rank_tab{
    width: 100%;
    height: 300px;
    /* margin-top: 10px; */
    background: #ffffff;
    
    
   
}
.rank_content .ra_ma .rank_tab tr{
    height: 35px;
    padding: 10px;
}
.rank_tab tr td:nth-child(1){
    font-size: 13pt;
    color: #999999;
}
/* .rank_content .rank_tab tr td:nth-child(2){
    font-size: 12pt;
    color: #333333;
    text-align: right;
} */
.rank_content .rank_tab th{
    font-size:15pt;
    font-weight: bold;
    text-align: center;
    /* border:solid 1px red; */
}
.rank_content .ta_conmain{
    /* border:solid 1px red; */
}
.rank_content .ta_conmain ul li{
    width: 17%;
    font-size: 13pt;
    color: #999999;
    text-align:center;
    display: inline-block;
}
.rank_content .ta_conmain ul li:nth-child(1){
    text-align:left;
}
.rank_content .ta_conmain ul .na_tw{
    width:44%;
    text-align: left;
}
.rank_content .rank_tab{
    overflow-y: auto;
}
.rank_content .rank_tab tr td{
    width:10%;
    text-align: center;
}
.rank_content .rank_tab tr td:nth-child(1){
    text-align: left;
}
.rank_content .rank_tab tr td .fri_st{
    margin-top:10px;
}
.rank_content .rank_tab tr .name_td{

    text-align: left;
    width:30%;
}
.rank_content .rank_tab tr .name_td ul{
    /* display: inline-block; */
    float: left;
    margin-top:10px;
    /* border:solid 1px red; */
}
.rank_content .rank_tab tr .name_td ul:nth-child(1){
    border-radius: 50%;
    /* border:solid 1px red; */
}
.rank_content .rank_tab tr .name_td ul .head_por{
    width: 40pt;
    height: 40pt;
}
.rank_content .rank_tab tr .name_td ul li{
    margin-top:3px;
}
.rank_content .rank_tab tr .name_td ul li:nth-child(2){
    color: #999999;
    font-size: 10pt;
}
.rank_content .rank_tab tr .name_td ul li span:nth-child(1){
    color: #333333;
    font-size: 13pt;
    font-weight: bold;
}
.rank_content .rank_tab tr .name_td ul li span:nth-child(2){
    color:#1677FF;
    font-size: 5pt; 
    padding: 1px;
    background:rgba(194,215,245,1);
    /* opacity:0.14; */
    
}
/* 排行榜结束 */
/* 教室详情开始 */
.ti_reman .re_titl{
    position: absolute;
    top:45px;
    padding-left: 15px;
}
.ti_reman .re_titl ul li:nth-child(1){
    font-size: 25px;
    color: white;
    font-family: PingFangSC-Semibold,PingFang SC;
    font-weight: 600;
    color: rgba(255,255,255,1);
}
.ti_reman .re_titl ul li:nth-child(2){
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    margin-top: 5px;
    color: rgba(242,242,242,1);
}
.admi_class{
    /* width:90%; */
    padding: 15px;
    background: #ffffff;
    margin: auto;
    /* margin-top: -33px; */
    position: relative;
    /* border-radius:32px 32px 0px 0px;  */
    /* border:solid 1px red; */
}
.admi_class .sch_cla{
     margin-top: -55px;
     background: #ffffff;
         border-radius:16px; 
         box-shadow: 0px 2px 20px -10px;
    border:solid 1px #ffffff;
}
.admi_class .sch_cla .op_tip{
    /* width: 50%; */
    text-align:center;
    float: right;
    color: #FF6010;
    font-size:5pt;
    padding-right: 5px;
    border-radius:0px 8px 0px 5px;
    background:rgb(255, 208, 184);
}
.admi_class .sch_cla .sc_ti{
    overflow: hidden;
}
.admi_class .sch_cla .sc_con{
    margin-top:20px;
    /* border:solid 1px red; */
}
.admi_class .sch_cla .sc_con .con_ti ul{
    width: 32%;
    display: inline-block;
    /* border:solid 1px red; */

}
.admi_class .sch_cla .sc_con .con_ti ul li{
    text-align: center;
}
.admi_class .sch_cla .sc_con .con_ti ul li:nth-child(1){
    font-size:18pt;
    font-weight: bold;
}
.admi_class .sch_cla .sc_con .con_ti ul li:nth-child(2){
    font-size:10pt;
    color: #999999;
    margin-top: 5px;
    /* font-weight: bold; */
}
.admi_class .sch_cla .sc_con .re_but{

    width:96%;
   
    margin:25px auto;
    margin-top:20px;
    text-align: center;
}
.admi_class .sch_cla .sc_con .re_but button{
    color: #ffffff;
    width:100%;
    height:44px;
    font-size:16pt;
    letter-spacing: 2px;
    background:rgba(22,119,255,1);
    border-radius:44px;
}
.admi_class .da_area .area_main{
    margin-top: 25px;
    margin-bottom: 30px;
      /* border:solid 1px red; */
}
.admi_class .da_area .area_main ul{
    width: 23%;
    margin-left:3px;
    display: inline-block;
}
.admi_class .da_area .area_main ul li{
  
    text-align: center;
}
.admi_class .da_area .area_main ul li:nth-child(1){
    /* border:solid 1px red; */
}
.admi_class .da_area .area_main ul li:nth-child(2){
    margin-top: 15px;
    color: #333333;
    font-size: 10pt;    
    font-family:PingFangSC-Regular,PingFang SC;
    /* border:solid 1px red; */
}
.toefl_foot{
    margin-top: 24px;
    padding: 15px;
    background: #ffffff;
    /* border:solid 1px red; */
}
.toefl_foot .fo_con{
    margin-top:25px;
}
.toefl_foot span{
    font-size: 13pt;
    margin-top: 40px;
    font-weight: bold;
}
.toefl_foot p{
    color:rgb(168, 168, 168);
    font-size:10pt;
}
.fo_atten{
    padding-left: 15px;
    padding-top: 5px;
    padding-right: 15px;
    font-size: 10pt;
    color: #999999;

}
/* 教室详情结束 */
/* 教学楼开始 */
.swiper-slide .sl_title{
    width: 92%;
    margin:15px auto;
    padding: 15px;
    border-radius:10px;
    background: #ffffff;
   
}
.swiper-slide .sl_title .ti_chg{

    font-size:11pt;
    color:rgba(102,102,102,1);
}
.swiper-slide .sl_title .ti_tw_con{

}
.swiper-slide .sl_title .ti_tw_con ul li:nth-child(1){
    font-size:13pt;
    color:rgba(51,51,51,1);
    line-height:34px;
    font-weight: bold; 
    margin-top:5px;   
    

}
.swiper-slide .sl_title .ti_tw_con ul li span:nth-child(1){
    color:#1677FF;
    width:90px;
    font-size:9pt;
    text-align: center;
    /* margin-right:5px; */
    display: inline-block;
    background:rgba(216,229,247,1);
}
.swiper-slide .sl_title .ti_tw_con ul li span:nth-child(2){
    color:#FF6010;
    width:90px;
    font-size:9pt;
    text-align: center;
    display: inline-block;
    /* margin-right:5px; */
    background:rgba(255,96,16,0.14);
}
.swiper-slide .sl_title .ti_tw_con ul li span:nth-child(3){
    color:#FF6010;
    width:75px;
    text-align: center;
    font-size:9pt;
    display: inline-block;
    background:rgba(255,96,16,0.14);
}
.swiper-slide .sl_title .ti_tw_con p{
    font-size:10pt;
    color:#666666;
    margin-top: 15px;
    letter-spacing: 0.5px;
    padding-bottom:10px;
     border-bottom: solid 1px #EEEEEE;
}
.swiper-slide .sl_title .c_fo{
    margin-top:10px;
}
.swiper-slide .sl_title .c_edin{
    margin-top:10px;
}
.swiper-slide .sl_title .c_edin a:nth-child(1){
    width: 48%;
    /* height: 42px; */
    border-right: solid 1px #EEEEEE;
    text-align: center;
    line-height:25px;
    display: inline-block;
}
.swiper-slide .sl_title .c_edin a:nth-child(2){
    width: 50%;
    color: #CCCCCC;
    /* height: 42px; */
    text-align: center;
    padding-left: 30px;
    line-height:20px;
    display: inline-block;

} 
.swiper-slide .sl_title .in_itia ul li{
    text-align: center;
    color: #999999;
    height: 45px;
    line-height: 40px;
}
.swiper-slide .sl_title .c_fo a:nth-child(1){
    width: 48%;
    /* height: 42px; */
    border-right: solid 1px #EEEEEE;
    text-align: center;
    line-height:25px;
    display: inline-block;

}
.swiper-slide .sl_title .c_fo a:nth-child(2){
    width: 50%;
    color: #1677FF;
    /* height: 42px; */
    text-align: center;
    padding-left: 30px;
    line-height:20px;
    display: inline-block;

}
/* 教学楼结束 */
/* 资料区开始 */
 .da_ba{
    background: #ffffff;
    height: 100vh;
    padding-left:20px;
    padding-right:20px;
    /* border: solid 1px red; */
}
.da_ba .da_na{
    overflow: hidden;
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: solid 1px #EEEEEE;
}
.da_ba .da_na ul{
    float: left;
    /* display: inline-block; */

}
.da_ba .da_na .na_left{
    margin-top:4px;
    margin-right:25px;
    width: 6%;
}
.da_ba .da_na .na_left img{
    /* width: 50px; */
    /* height:50px; */
}
.da_ba .da_na .na_ri{
    width: 86%;
}
.da_ba .da_na .na_ri li:nth-child(1){
    font-size:11pt;
    color: #333333;
    font-weight: bold;
}
.da_ba .da_na .na_ri li:nth-child(2){
    font-size:10pt;
    color: #999999;
    /* font-weight: bold; */
}
.da_ba .da_na .na_ri li span:nth-child(2){
    margin-left: 10px;
}
/* 资料区结束 */
/* 教室成员开始 */
.member_be{
    background: #ffffff;
    height: 100%;
    padding-left:20px;
    padding-right:20px;
    /* border: solid 1px red; */
}
.member_be .be_na{
    overflow: hidden;
    padding-bottom: 20px;
    padding-top: 20px;
    
    border-bottom: solid 1px #EEEEEE;
}
.member_be .be_na ul{
    float: left;
    /* display: inline-block; */

}
.member_be .be_na .na_left{
    /* margin-top: 10px; */
    margin-right:25px;
}
.member_be .be_na .na_left li{
    width: 50px;
    height: 50px;
    /* border: solid 1px red; */
    border-radius: 50%;
}
.member_be .be_na .na_ri li .ri_h{
    border-radius:4px;
    color: #FF6010;
    padding:5px;
    font-size: 10pt;
    background:rgba(255,96,16,0.14);
}
.member_be .be_na .na_left img{
    border-radius: 50%;
    width: 100%;
    height:100%;
}
.member_be .be_na .na_ri li:nth-child(1){
    font-size:16pt;
    color: #333333;
    font-weight: bold;
}
.member_be .be_na .na_ri li:nth-child(2){
    font-size:13pt;
    color: #999999;
    /* font-weight: bold; */
}
.member_be .be_na .na_ri li span:nth-child(2){
    margin-left: 10px;
}
/* 教室成员结束 */


/* 参加考试开始 */
.content_main .lw_titl{
    position:absolute;
    top:45px
}
.content_main .lw_titl ul{
    padding-left: 15px;
}
.content_main .lw_titl ul li:nth-child(1){
    font-size:25px;
    color:white;
    font-family:PingFangSC-Semibold,PingFang SC;
    font-weight:600;
    color:rgba(255,255,255,1);
}
.content_main .lw_titl ul li:nth-child(2){
    font-size:14px;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    margin-top: 5px;
    color:rgba(242,242,242,1);
}
.content_main .confirm_t_con {
    width:94%;
    margin: auto;
    top: -20px;
    text-align: center;
    position: relative;
    background: #FFFFFF;
    border-radius:16px;
}
.content_main .confirm_t_con .rank {
    position: relative;
}
.content_main .confirm_t_con .rank .ra_fri{
    content: "";
    border-bottom: 7px solid #004A99;
    border-left: 7px solid transparent;
    border-right: 0px solid transparent;
    position: absolute;
    /* bottom:-8px; */
    /* left: 45%; */
    left: -5px;
    top: 16px;
    
   
}
.content_main .confirm_t_con .rank .ra_fot{
    content: "";
    border-top: 7px solid #004A99;
    border-left: 7px solid transparent;
    border-right: 0px solid transparent;
    position: absolute;
    /* bottom:-8px; */
    /* left: 45%; */
    left: -5px;
    top: 53px;
}
.content_main .confirm_t_con .rank ul:nth-child(2){
    width:102px;
    /* height:30px; */
    background:rgba(0,122,255,1);
    text-align: center;
    line-height: 30px;
    top: 23px;
    left: -5px;
    position: relative;
    border-radius: 0px 36px  36px 0px;
}
.content_main .confirm_t_con .rank ul:nth-child(2) li span{
    font-size:9pt;
    font-family:PingFangSC-Medium,PingFang SC;
    font-weight:500;
    color: white;
    color:rgba(255,255,255,1);
    /* line-height:22px; */
    -webkit-background-clip:text;
    /* -webkit-text-fill-color:transparent; */
}
.content_main .confirm_t_con .pro_con{
    /* overflow: hidden;
    border: solid 1px red; */
}
.content_main .confirm_t_con .pro_con .pro_gress_m{
    /* width: 35%; */
    width: 100%;
    height: 165px;
    margin-top:30px;
    /* display: inline-block; */
    /* float: left; */
    /* border: solid 1px red; */
}
.content_main .confirm_t_con .pro_gress_m .demos-container{
    /* width: 45%; */
    width: 100%;
}
.confirm_t_con .zg_fo{
    overflow: hidden;
    padding:15px;
    /* padding-right:15px;
    padding-bottom: 15px; */
    /* display: inline-block; */
}
.confirm_t_con .zg_fo .fo_le{
    float: left;
    font-size:9pt;
}
.confirm_t_con .zg_fo .fo_le .in_to{
    width:80px;
    display: inline-block;
}
.confirm_t_con .zg_fo .fo_le .container{
    display: inline-block;
}
.confirm_t_con .zg_fo .fo_le .container .payment-time em{
    color:#007AFF !important;
    font-size: 10pt !important;
}
.confirm_t_con .zg_fo .fo_le .container .payment-time{
    color:#007AFF;
    font-size: 10pt !important;
}
.confirm_t_con .zg_fo .fo_ri{
    float:right;
    font-size: 9pt;
}
.confirm_t_con .zg_fo .fo_ri img{
    width: 10px;
    height: 10px;
}
.fo_hint{
    padding-left:27px;
    padding-right:27px;
}
.fo_hint p{
    color:#CCCCCC;
    font-size:11pt;
}
.pro_gress_m .demos-container #progress-container{
    display: inline-block;
    /* border: solid 1px red; */
    width:100% !important;
    margin: auto;
    text-align: center;
}
.pro_gress_m .demos-container #progress-container canvas{
    margin-right: 15px;

}
.confirm_t_con .pro_btntw{
    width: 90%;
    margin: auto;
    border-bottom: solid 1px #EEEEEE;
}
.confirm_t_con .pro_btntw li .cg_btn{
    width:100%;
    margin: 8% auto;
    background: #007AFF;
    border-radius: 100px;
    color: #FFFFFF;
    letter-spacing:2px;
    line-height: 35px;
    font-size: 18px;
    display: block;
    padding: 6px 0px;
    text-align: center;
}
/* 参加考试副本开始 */
.pro_gress_con{
    width: 100%;
    height: 140px;
    padding: 15px;
    margin-top:30px;
}
.pro_gress_con .gre_left{
    width: 45%;
    float: left;
      /* border: solid 1px red; */

}
.pro_gress_con .gre_left ul li:nth-child(1){
    font-size:32pt;
    margin-top: 20px;   
    color:rgba(255,96,16,1);

}
.pro_gress_con .gre_left ul li:nth-child(2){
    font-size:11pt;
    color:#333333;

}
.pro_gress_con .gre_ri{
    float:right;
    width: 45%;
      /* border: solid 1px red; */

}
.pro_gress_con .gre_ri ul li:nth-child(1){
    font-size:7pt;
    color: #999999;
}
.pro_gress_con .gre_ri ul li:nth-child(2){
    font-size:32pt;
    color:rgba(255,96,16,1);
}
.pro_gress_con .gre_ri ul li:nth-child(3){
    font-size:11pt;
    color:#333333;
}
/* 参加考试副本结束 */
/* 考试成绩开始 */
.ti_reman{
    /* height: 120pt; */
    /* border:solid 1px red; */
}
.resul_ti{
    width: 95%;
    margin: auto;
    /* padding: 15px; */
    background: #ffffff;
    margin-top: -33px;
    position: relative;
    border-radius:8pt; 
    /* border:solid 1px red; */
}
.resul_ti .ad_tab{
    width: 100%;
    /* margin-top: 10px; */
    background: #ffffff;
   
    /* border:solid 1px red; */
}
.resul_ti .ad_tab tr{
    height: 35px;
    padding: 10px;
}
.resul_ti .ad_tab tr td:nth-child(1){
    font-size: 11pt;
    color: #999999;
}
.resul_ti .ad_tab tr td:nth-child(2){
    font-size: 11pt;
    color: #333333;
    text-align: right;
}
.resul_ti .ad_tab th{
    font-size:15pt;
    font-weight: bold;
    /* border:solid 1px red; */
}
.resul_ti .re_num{
   
    /* border: solid 1px red; */
}
.resul_ti .re_num .le_im{
    overflow: hidden;
    /* border: solid 1px red; */
}
.resul_ti .re_num .le_im img{
    float: right;
}
.resul_ti .re_num .re_nav_nex {
    margin-top: -55px;
    margin-bottom: 10px;
    border-bottom: solid 1px #EEEEEE;
}
.resul_ti .re_num .re_nav_nex li{
    text-align: center;
}
.resul_ti .re_num .re_nav_nex li span:nth-child(1){
    font-size:35pt;
    font-family:DIN-Medium,DIN;
    font-weight:500;
    color:rgba(51,51,51,1);
}
.resul_ti .re_num .re_nav_nex li span:nth-child(2){
    margin-left: -15px;
}
.resul_ti .fo_bu{
    width:80%;
    height:50px;
    margin: auto;
    margin-top:20px;
    text-align: center;
    background:rgba(22,119,255,1);
    border-radius:8px;
    line-height:42px;
    margin-bottom: 15px;
    /* display: inline-block; */
}
.resul_ti .fo_bu a{
    width:80%;
    height:50px;
    font-weight: 500;
    font-size:15pt;
    letter-spacing:1px;
    color:rgba(255,255,255,1);
    margin: auto;
    background:rgba(22,119,255,1);
    border-radius:8px;
    line-height:50px;
    display: inline-block;
}
.resul_fai{
    width: 95%;
    margin: auto;
    /* padding: 15px; */
    background: #ffffff;
    margin-top: -33px;
    position: absolute;;
    border-radius:8pt; 
    top: 22%;
    left: 2%;
    /* border:solid 1px red; */
}
/* 媒体查询 */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .resul_fai{
        width: 95%;
        margin: auto;
        padding: 15px;
        background: #ffffff;
        margin-top: -33px;
        position: absolute;;
        border-radius:8pt; 
        top: 20%;
        left: 2%;
        /* border:solid 1px red; */
    }
    .message-container .chat-area .chat-area-edit .chat-area-edit-textarea {
            width: 70%;
            height: 48px;
            resize: none;
            outline: none;
            border: none;
            top: 0;
            left: 0;
            right: 0;
            bottom: 40px;
            float: left;
            margin: 13px;
            padding-left: 10px;
            border-radius: 8px;
            /* padding: 6px 20px; */
            padding-top: 15px;
            line-height: 20px;
            background: rgba(243,243,243,1);
    }
   

}
@media screen and (min-width:600px) and (max-width:960px) {
    .resul_fai{
        width: 95%;
        margin: auto;
        padding: 15px;
        background: #ffffff;
        margin-top: -33px;
        position: absolute;;
        border-radius:8pt; 
        top: 20%;
        left: 2%;
        /* border:solid 1px red; */
    }
    .li_footer{
        width:100%;
       bottom:100px;
       border: solid 1px red;
       position:fixed;
   }
}

/* 审核成绩失败 */
.resul_fai .ad_tab{
    width:96%;
    /* margin-top: 10px; */
    margin: auto;
    background: #ffffff;
   
    /* border:solid 1px red; */
}
.resul_fai .ad_tab tr{
    height: 35px;
    padding: 10px;
}
.resul_fai .ad_tab tr td:nth-child(1){
    font-size: 11pt;
    color: #999999;
}
.resul_fai .ad_tab tr td:nth-child(2){
    font-size: 11pt;
    color: #333333;
    text-align: right;
}
.resul_fai .ad_tab th{
    font-size:15pt;
    font-weight: bold;
    /* border:solid 1px red; */
}
.resul_fai .re_num{
   
    /* border: solid 1px red; */
}
.resul_fai .re_num .le_im{
    overflow: hidden;
    /* border: solid 1px red; */
}
.resul_fai .re_num .le_im img{
    float: right;
}
.resul_fai .re_num .re_nav_nex {
    margin-top: -55px;
    margin-bottom: 10px;
    border-bottom: solid 1px #EEEEEE;
}
.resul_fai .re_num .re_nav_nex li{
    text-align: center;
}
.resul_fai .re_num .re_nav_nex li span:nth-child(1){
    font-size:35pt;
    font-family:DIN-Medium,DIN;
    font-weight:500;
    color:rgba(51,51,51,1);
}
.resul_fai .re_num .re_nav_nex li span:nth-child(2){
    margin-left: -15px;
}
.resul_fai .fo_bu{
    width:80%;
    height:50px;
    margin: auto;
    margin-top:20px;
    text-align: center;
    background:rgba(22,119,255,1);
    border-radius:8px;
    line-height:42px;
    margin-bottom: 15px;
    /* display: inline-block; */
}
.resul_fai .fo_bu a{
    width:80%;
    height:50px;
    font-size:15pt;
    letter-spacing:1px;
    color:rgba(255,255,255,1);
    margin: auto;
    background:rgba(22,119,255,1);
    border-radius:8px;
    line-height:50px;
    display: inline-block;
}

.toefl_ibt{
    margin-top: 24px;
    padding: 15px;
    background: #ffffff;
    /* border:solid 1px red; */
}
.toefl_ibt span{
    font-size: 15pt;
    font-weight: bold;
}
.ti_reman .ce_til{
    text-align: center;
    font-size:10pt;
    position: absolute;
    top:5%;
    left:1%;
    color:#ffffff;
    height: 50px;
}
.ti_reman .ce_til .te_remain_ti{
    font-size:27pt;
    color:#ffffff;
    margin-top:6px;
    letter-spacing:2px;
    text-align: left;
    padding-left: 10px;
}
/* 考试答题开始 */
*{
    margin:0;padding:0;
}
body{ 
    min-height: 100px;
     font-family: Arial;
      font-weight: bold; 
    }
ul{
    list-style: none
}
.a_ns_pro {
    height: 100vh;
    background:rgba(255,255,255,1);
    /* border: solid 1px red; */
}
.a_ns_pro  .pro_mainBox{
    min-height:100px;
    width:100%;
}
.a_ns_pro .ans_firstBox{
    min-height:200px;
    width:100%;
    margin: auto;
    position:relative
}
.a_ns_pro .ans_menuBox{
    /* height:80px; */
    /* background-color: #ccc; */
    position: relative;
}
.a_ns_pro .ans_menuBox ul{
    background-color:#fff;
    width:100%;
    /* height:80px; */
    display: flex;
    padding: 15px;
    justify-content: flex-start;
    align-items: center;
    /* border-bottom: solid 1px #333333; */
}
.a_ns_pro .ans_menuBox ul li{
     height:35px; 
     /* width: 33.333%;  */
    margin-right: 15px;
    text-align: center; 
    line-height:30px;
    font-weight: bold;
    font-size:10pt; 
    color: #999999;
    /* padding-right: 10px; */
    /* border-right: solid 1px red; */
    border-bottom-left-radius: 1px solid #ccc;
    border-bottom-right-radius: 1px solid #ccc;
    /* background-color:#999999; */
}
.a_ns_pro .ans_menuBox ul li.liactive{
    /* border-bottom:solid 2px #1677FF;  */
  
     color:#333333;
    }
    .a_ns_pro .pro_contentBox{
    height:500px;
    height:calc(100vh - 200px);
    width:95%;
    margin: auto;
    background-color: #fff;
    position:absolute;
    overflow: hidden;
    overflow-y: auto;
    position:relative;
    /* border: solid 1px red; */
}
.a_ns_pro .ans_menuBox ul .liactive:after{
    opacity: 1;
}

.a_ns_pro .ans_menuBox ul li:after{
    opacity: 0;
    content: '';
    position: absolute;
    bottom:13px;
    width: 24px;
    height: 2px;
    /* left:10%; */
    margin-left: -30px;
    background-color: #007AFF;
    border-radius: 1px;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
.a_ns_pro .pro_contentBox .con_m{
    /* height:300px; */
    width:600%;
    display: flex;
    /* justify-content: center; */
    /* align-items: center;  */
    margin-top:10px;
    position:absolute;
    left:0;top:0;
    transition: all 0.5s ease
}
.a_ns_pro .pro_contentBox .con_m .m_li{
    /* height:300px; */
    width:100%;
    margin: 15px;
    position: relative;
    background: #ffffff;
}

 .li_footer{
     width:98%;
     left:1%;
    bottom:98px;
    border-top: solid 1px #FFEEEEEE;
    /* border-bottom: solid 1px red; */
    position:fixed;
    padding:6px;
    height: 50px;
    padding-top: 15px;
    background-color: #fff;
}
.li_footer ul .fo_le{
    float: left;
    /* display: inline-block; */
}
.li_footer ul .fo_le .container{
    margin-left: -15px;
     display: inline-block;
}
.li_footer ul .fo_le .container .payment-time{
    color: #007AFF;
    font-size: 10pt !important;
}
.li_footer ul .fo_le .container .payment-time em{
    color: #007AFF !important;
    font-size: 10pt !important;
    font-family: DIN-Medium,DIN;
}
.li_footer ul .fo_ri{
    float: right;
}
.li_footer ul .fo_ri img{
    width:10px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .li_footer{
        width:80%;
       bottom:100px;
       /* border: solid 1px red; */
       position:fixed;
   }
   .mobile-outer-container .mob_footer{
    width: 100%;
    height:65px;
    bottom: 0px;
       overflow: hidden;
    position: fixed;
    /* border: solid 1px red; */
    }
}
@media screen and (min-width:600px) and (max-width:960px) {
 
    .li_footer{
        width:100%;
       bottom:100px;
       /* border: solid 1px red; */
       position:fixed;
   }
   .mobile-outer-container .mob_footer{
    width: 100%;
    height:65px;
    bottom: 0px;
       overflow: hidden;
    position: fixed;
    /* border: solid 1px red; */
    }
}
.a_ns_pro .pro_contentBox li{ 
    /* line-height: 300px;  */
    /* text-align: center;  */
    color: black; 
    /* font-size: 80px; */
    border-radius:6pt;
    /* border: solid 1px red; */
 }
 .a_ns_pro .pro_contentBox .m_li .si_n{
    width: 100%;
 }
 .a_ns_pro .pro_contentBox .m_li .sing_ch_con{
     width: 100%;
     /* border: solid 1px red; */
 }
 .a_ns_pro .pro_contentBox .m_li .sing_ch_con .si_ti{
     width: 100%;
 }
 .a_ns_pro .pro_contentBox .m_li .sing_ch_con .si_ti{
     width: 100%;
     height: auto;
     font-size: 10pt;
     position: relative !important;
 }
 .a_ns_pro .pro_contentBox li .sing_ch_con .si_ti{

    /* width: 100px; */
    height: auto;
    color: black;
    font-size: 10pt;
    overflow: hidden;
 }
 .a_ns_pro .pro_contentBox li .sing_ch_con .si_ti span:nth-child(1){
    float: left;
    width:60px;
    height:25px;
    text-align: center;
    color: #1677FF;
    line-height:25px;
    background:rgba(209,225,248,1);
    border-radius:4px;
}
 .a_ns_pro .pro_contentBox li .sing_ch_con .si_ti span:nth-child(2){
     float: right;
     color: #999999;
 }
 .a_ns_pro .pro_contentBox li .auto_title{
    margin-top: 15px;
     /* border: solid 1px red; */
 }
 .a_ns_pro .pro_contentBox li .auto_title .le{
     display: inline-block;
     
     
 }
 .a_ns_pro .pro_contentBox li .auto_title .le p{
     display: inline-block;
 }
 .a_ns_pro .pro_contentBox li .auto_title .le p:nth-child(1){
     font-size: 13pt;
     color: #007AFF;
 }
 .a_ns_pro .pro_contentBox li .auto_title .le_tw{
     display: inline-block;

     
 }
 .a_ns_pro .pro_contentBox li .auto_title .ques_stem ul{
     width: 94%;
     margin: auto;
 }
 .a_ns_pro .pro_contentBox li .auto_title .ques_stem ul li{
    /* width:90%; */
    /* height:50px; */
    padding: 14px;
    margin:15px auto;
    padding: 10px 15px;
    color:#333333;
    /* text-align: center; */
    /* line-height: 50px; */
    background:#FBFAFA;
    border-radius:54px;
    /* border:1px solid rgba(108,178,255,1); */

 }
 .a_ns_pro .pro_contentBox li .auto_title .ques_stem ul .ba_active{
    background:rgba(217,236,255,1);
    border-radius:54px;
    border:1px solid rgba(108,178,255,1);
 }
 .a_ns_pro .pro_contentBox li .auto_title .ques_stem ul li p{
     /* margin: auto; */
 }
 .mobile-outer-container{
     position: relative;
 }
 .mobile-outer-container .mob_footer{
     width: 100%;
     height:65px;
     bottom: 0px;
    overflow: hidden;
     position: fixed;
     border-top: solid 1px #dedede;
 }
 .mobile-outer-container .mob_footer ul{
    width: 24%;
    height:60px;
    /* padding-top: 10px; */
    /* line-height:30px; */
    text-align: center;
    /* display: inline-block; */
    float: left;
   }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .li_footer{
        /* width:80%; */
       bottom:100px;
       /* border: solid 1px red; */
       position:fixed;
       left: auto;
   }
   .mobile-outer-container .mob_footer{
    /* width: 80%; */
    height:65px;
    bottom: 0px;
       overflow: hidden;
    position: fixed;
    /* border: solid 1px red; */
    }
   .mobile-outer-container .mob_footer ul{
     width:34%;
     height:60px;
     /* line-height:30px; */
     text-align: center;
     /* display: inline-block; */
     float: left;
    }

}

 .mobile-outer-container .mob_footer .ch_ose{
     color:#999999;
 }
 .mobile-outer-container .mob_footer .ch_ose li:nth-child(1){
     margin-top: 12px;
 }
 .mobile-outer-container .mob_footer .pro_gre{

    
    color:#999999;
 }
 .mobile-outer-container .mob_footer .pro_gre li:nth-child(1){
     margin-top: 12px;
 }
 .mobile-outer-container .mob_footer .h_in{
    width:90px;
    height:40px;
    color: #555555;
    font-size: 11pt;
    margin-right: 10px;
    margin-top: 14px;
    line-height: 35px;
    background:rgba(255,255,255,1);
    border-radius:40px;
    border:2px solid rgba(229,229,229,1);
 }
 .mobile-outer-container .mob_footer .h_in li{
     /* margin-top:10px; */
 }
 .mobile-outer-container .mob_footer .nex_t{
    width:90px;
    height:40px;
    color: #ffffff;
    font-size: 11pt;
    margin-top: 14px;
    line-height: 35px;
    background:#1677FF;
    border-radius:40px;
    border:2px solid rgba(229,229,229,1);
 }

 /* 查看准考证弹框开始 */
 .pet_more_list .tips_box .tic_ket_content{
    text-align: center;
    border-radius: 5px;
    width:90%;
    margin: 0 auto;
    position: absolute;
    top:45%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* border: #F1F1F1 solid 1px; */
   
 }
 .pet_more_list .tips_box .tic_ket_content .tic_ti{
    font-size:18pt;
     text-align: left;
     color: #ffffff;
 }

 .pet_more_list .tips_box .tic_ket_content .ti_mai{
     padding: 10px;
     border-radius: 5px;
   background: #FFFFFF;
 }
 .pet_more_list .tips_box .tic_ket_content .ket_tab{
     width: 100%;
     height: 100%;
 }
 .pet_more_list .tips_box .tic_ket_content .ket_tab{
     /* padding:10px;  */
 }
 .pet_more_list .tips_box .tic_ket_content table  tbody tr{
     margin-top: 10px;
     height: 35px;
     /* border: solid 1px red; */
 }
 .pet_more_list .tips_box .tic_ket_content .ket_tab tr td:nth-child(2){
     color: #333333;
     font-size:11pt;
     padding-right: 8px;
     text-align: right;
 }
 .pet_more_list .tips_box .tic_ket_content .ket_tab tr td:nth-child(1){
    padding-left: 8px;
     color: #999999;
 }
 .pet_more_list .tips_box .tic_ket_content .tic_fo{
    text-align: center;
     color: #CCCCCC;
     font-size: 14pt;
 }
 .pet_more_list .tips_box .tic_ket_content .tic_fo .fo_con{
    width:50px;
    height:50px;
    border-radius:50%;
    line-height:48px;
    margin: 10px auto;
    /* border: solid 1px #CCCCCC; */
 }
 .pet_more_list .tips_box .tic_ket_content .tic_fo .fo_con img{
     margin-top: 12px;
 }
 /*  */

 .pet_more_respon,
 .pet_more_respon_1 {
     width: 100%;
     left: 0;
     height: 80%;
     background: rgba(48, 52, 53, .9);
     position: fixed;
     bottom: -9900px;
     z-index: 9;
     -webkit-transition: all .5s;
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
 }
 
 .pet_more_respon_block {
     max-width: 640px;
     margin: 0 auto;
     /* color: #fff; */
 }
 
 .pet_more_close {
     text-align: right;
     height: 35px;
     width: 100%;
     line-height: 45px;
     padding-right: 15px;
     font-size: 30px;
     color: #cbc8d9;
 }
 
 .pet_more_respon_show {
     bottom: 0;
     left: 0;
     animation: more_list 0.5s;
     -webkit-animation: more_list 0.5s;
 }
 
 .pet_more_respon_block {
     width: 100%;
     margin: 0 auto;
     text-align: center;
 }
 
 .pet_more_respon_block_name_title {
     color: #ddd;
     font-size: 15px;
     padding-bottom: 10px;
     clear: both;
 }
 
 .pet_more_respon_block_name_ico {
     font-size: 18px;
 }
 
 .pet_more_respon_block_line {
     cursor: pointer;
     color: #fff;
     height: 30px;
     line-height: 30px;
     width: 90px;
     margin: 5px;
     margin-left: 0px;
     display: inline-block;
     background: #303435;
     border-radius: 5px;
 }
 
 .pet_more_respon_block_line:hover {
     color: #fff;
 }
 
 .pet_more_respon_block_line_height {
     padding-top: 10px;
 }
 
 .pet_more_respon_block_line_ico {
     margin: 5px 0 0 5px;
     display: block;
     float: left;
     width: 20px;
     height: 20px;
     margin-right: 5px;
     line-height: 20px;
     border-radius: 50%;
     color: #fff;
     font-size: 14px;
     text-align: center;
 }
 
 .pet_more_respon_block_line_font {
     display: block;
     float: left;
     height: 25px;
     line-height: 22px;
     padding-left: 8px;
     padding-top: 4px;
     font-size: 14px;
 }
 .pet_more_respon .tips_box .tic_ket_content{
    text-align: center;
    border-radius: 5px;
    width:96%;
    margin: 0 auto;
    position: absolute;
    top:50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* border: #F1F1F1 solid 1px; */
   
 }
 .pet_more_respon .tips_box .tic_ket_content .tic_ti{
    width: 100%;
    height: 40px;
     text-align: left;
     color: #ffffff;
 }
 .pet_more_respon .tips_box .tic_ket_content .tic_ti .time_remaining input{
                /* border: 1px solid rgba(0, 0, 0, 8); */
                text-align: center;
                font-size: 12pt;
                font-weight: bold;
                /* 字体加粗 */
                width: 25px;
                height: 20px;
                border: none;
                background: none;
        }
 .pet_more_respon .tips_box .tic_ket_content .tic_ti span:nth-child(1){
    float: left;
    font-size:16pt;
}
.pet_more_respon .tips_box .tic_ket_content .tic_ti span:nth-child(2){
    float: right;
    font-size:10pt;
    margin-top: 9px;
}
 .pet_more_respon .tips_box .tic_ket_content .pro_mai{
     width: 100%;
     height: calc(100vh - 332px);
     padding: 10px;
     margin-top: 5px;
     overflow-y: auto;
     border-radius:10px 10px 0px 0px;
    background: #FFFFFF;
    border: solid 1px #FFFFFF;
 }
 .pet_more_respon .tips_box .tic_ket_content .remer_foot{
     bottom: 10px;
     width:100%;
     height:70px;
     padding-top: 10px;
     background:rgba(255,255,255,1);
     border-radius:0px 0px 5px 5px;
     /* border-radius:0px 16px 16px 0px; */
     /* border: solid 1px red; */
     /* position: fixed; */
 }
 .pet_more_respon .tips_box .tic_ket_content .remer_foot button{
     width:240px;
    height:45px;
    font-size:13pt;
    letter-spacing: 2px;
    color: #ffffff;
    border-radius:49px;
    background:rgba(22,119,255,1);
   
 }
 .pet_more_respon .tips_box .tic_ket_content .pro_mai .econ_title{
    width: 100%;
    height:auto;
     /* border:solid 1px red; */
 }
 .pet_more_respon .tips_box .tic_ket_content .pro_mai .econ_title ul:nth-child(1){
     text-align: left;
     width: 100%;
     height: 35px;
 }
 .pet_more_respon .tips_box .tic_ket_content .pro_mai .econ_title ul:nth-child(2){
    width: 100%;
    /* height: 35px; */
    text-align: left;
 }
 .pet_more_respon .tips_box .tic_ket_content .pro_mai .econ_title .ec_na{
    overflow: hidden;
    /* height: 35px; */
 }
 .pet_more_respon .tips_box .tic_ket_content .pro_mai .econ_title .ec_na .ch_ose_f span:nth-child(1){
    font-size:12pt;
    font-family:PingFangSC-Medium,PingFang SC;
    font-weight:550;
    color:rgba(51,51,51,1);
    line-height:30px;
 }
 .pet_more_respon .tips_box .tic_ket_content .pro_mai .econ_title .ec_na .ch_ose_f span:nth-child(2){
    /* font-size:11pt; */
    font-family:PingFangSC-Medium,PingFang SC;
    /* font-weight:550; */
    background: #D9ECFF;
    padding:1px;
    margin-left:5px;
    color:#7fb0f6;
    line-height:30px;
 }
 .pet_more_respon .tips_box .tic_ket_content .pro_mai .econ_title .ec_na li:nth-child(1){
    float: left;
 }
 .pet_more_respon .tips_box .tic_ket_content .pro_mai .econ_title .ec_na li:nth-child(2){
    float:right;
    color: #999999;
    margin-top: 6px;
 }
 .pet_more_respon .tips_box .tic_ket_content .pro_mai .econ_title .ec_tw{
    /* overflow: hidden; */
 }
 .pet_more_respon .tips_box .tic_ket_content .pro_mai .econ_title .ec_tw li{
    display: inline-block;
    /* float: left; */
    width:32px;
    height:32px;
    margin-top: 5px;
    color: #333333;
    margin-left: 13px;
    border-radius:4px;
    line-height: 32px;
    text-align: center;
    border:1px solid #cccccc;
 }
 .pet_more_respon .tips_box .tic_ket_content .pro_mai .econ_title .ec_tw .ha_do{
    color: #1677FF;
    background:rgba(217,236,255,1);
    border:1px solid rgba(108,178,255,1);
 }


 .pet_more_respon .tips_box .tic_ket_content .tic_fo{
    text-align: center;
     color: #CCCCCC;
     font-size: 14pt;
 }
 .pet_more_respon .tips_box .tic_ket_content .tic_fo .fo_con{
    width:50px;
    height:50px;
    border-radius:50%;
    line-height: 50px;
    margin: 10px auto;
    /* border: solid 1px #CCCCCC; */
 }
 .pet_more_respon .tips_box .tic_ket_content .tic_fo .fo_con img{
     margin-top: 12px;
 }
 .a_ns_pro .green{
    /* background-color: green; */
}
.a_ns_pro .red{
    /* background-color: #005EDD; */
}
.a_ns_pro .yellow{
    /* background-color: #833030; */
}
/* 留言板开始 */

@charset "utf-8";
body{
	font-family:verdana, Arial, Helvetica, "宋体", sans-serif;
	/* font-size: 12px; */
}

body ,div ,dl ,dt ,dd ,ol ,li ,h1 ,h2 ,h3 ,h4 ,h5 ,h6 ,pre ,form ,fieldset ,input ,P ,blockquote ,th ,td ,img,
INS {
	margin: 0px;
	padding: 0px;
	border:0;
}
ol{
	list-style-type: none;
}
img,input{
	border:none;
}

a{
	color:#999999;
	text-decoration:none;
}
a:hover{
	color:#999999;
	text-decoration:underline;
}
a{
    /* blr:expression("this.onFocus=this.blur()") */
}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/

a:focus{outline:0;}

/*讨论留言添加表情*/
.add_face{
    /* background-image: url(../images/add_emoticons.png); */
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	background-color: transparent;}
/*视频聊天区*/
.talk{
	height: 480px;
	width:100%;
	margin:0 auto;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #444;
}
.talk_title{
	width: 100%;
	height:40px;
	line-height:40px;
	text-indent: 12px;
	font-size: 16px;
	font-weight: bold;
	color: #afafaf;
	background:#212121;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #434343;
	font-family: "微软雅黑";
}
.talk_title span{float:left}
.talk_title_c {
	width: 100%;
	height:30px;
	line-height:30px;
}
.talk_record{
	width: 100%;
    height:calc(100vh - 40px);
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #434343;
    margin: 0px;
    overflow-y: auto;
    border: solid 1px red;	
	/* background-image: url(../images/graybg.jpg); */
}
.talk_word {
	line-height:50px;
	height:50px;
	width: 100%;
    background:#FEFFFE;
    position: fixed;
    bottom: 0px;
}
.messages {
	height:33px;
	width: 240px;
	text-indent:5px;
	overflow: hidden;
	font-size: 12px;
	line-height: 24px;
	color: #666;	
	background-color: #F3F3F3;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.messages:hover{background-color: #fff;}
.talk_send{
	width:50px;
	height:33px;
	line-height: 24px;
	font-size:12px;
	border:0px;
	margin-left: 2px;
    color: #fff;
    border-radius:8px;
	/* background-image: url(../images/talk_send_btn.png); */
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: #1677FF;
	font-family: "微软雅黑";
}
.talk_send:hover {
	background-position: 0px -24px;
}
.talk_record ul{ padding-left:5px;}
.talk_record li {
	line-height: 25px;
}
.talk_word .controlbtn a{
	margin: 12px;
}
.talk .talk_word .order {
	float:left;
	display: block;
	height: 14px;
	width: 16px;	  
	/* background-image: url(../images/loop.png); */
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.talk .talk_word .loop {
	float:left;
	display: block;
	height: 14px;
	width: 16px;
	/* background-image: url(../images/loop.png); */
	background-repeat: no-repeat;
	background-position: -30px 0px;
}
.talk .talk_word .single {
	float:left;
	display: block;
	height: 14px;
	width: 16px;
	/* background-image: url(../images/loop.png); */
	background-repeat: no-repeat;
	background-position: -60px 0px;
}
.talk .talk_word .order:hover,.talk .talk_word .active{
	background-position: 0px -20px;
	text-decoration: none;
}
.talk .talk_word .loop:hover{
	background-position: -30px -20px;
	text-decoration: none;
}
.talk .talk_word .single:hover{
	background-position: -60px -20px;
	text-decoration: none;
}

/* * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */
.jspContainer{
    overflow:hidden;
    position:relative;
}
.jspPane{
    position:absolute;
}
.jspVerticalBar{
    position:absolute;
    top:0;
    right:0;
    width:8px;
    height:100%;
    background-color:transparent;
}
.jspHorizontalBar{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:8px;
    background-color:transparent;
}
.jspVerticalBar *,.jspHorizontalBar *{
    margin:0;padding:0;
}
.jspCap{
    display:none;
}
.jspHorizontalBar .jspCap{
    float:left;
}
.jspTrack{
	position:relative;
	background-color:transparent;
}
.jspDrag{
    background:#ccc;
    position:relative;
    top:0;
    left:0;
    cursor:pointer;
    border:1px solid #333;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{
    float:left;height:100%;
}
.jspArrow{
    background:#50506d;
    text-indent:-20000px;
    display:block;
    cursor:pointer;
}
.jspArrow.jspDisabled{
    cursor:default;
    background:#80808d;
}
.jspVerticalBar .jspArrow{
    height:8px;
}
.jspHorizontalBar .jspArrow{
    width:8px;
    float:left;
    height:100%;
}
.jspVerticalBar .jspArrow:focus{
    outline:none;
}
.jspCorner{
    background:#eeeef4;
    float:left;
    height:100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{
    margin:0 -3px 0 0;
}
.jp-container{
    width:100%;
    height:400px;
    position:relative;
    background-color: transparent;
    float:left;
}


/*讨论区*/
.jp-container .talk_recordbox{
	min-height:80px;
	color: #afafaf;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
}

.jp-container .talk_recordbox:first-child{border-top:none;}
.jp-container .talk_recordbox:last-child{border-bottom:none;}
.jp-container .talk_recordbox .talk_recordtextbg{
	float:left;
	width:10px;
	height:30px;
	display:block;
	/* background-image: url(../images/talk_recordtext.png); */
	background-repeat: no-repeat;
	background-position: left top;}
.jp-container .talk_recordbox .talk_recordtext{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-color:#ffffff;
	width:240px;
	height:auto;
	display:block;
	padding: 5px;
	float:left;
	color:#333333;
}
.jp-container .talk_recordbox h3{
	font-size:14px;
	padding:2px 0 5px 0;
	text-transform:uppercase;
	font-weight: 100;
	
}
.jp-container .talk_recordbox .user {
	float:left;
	display:inline;
	height: 45px;
	width: 45px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
}
/*自己发言样式*/
.jp-container .talk_recordboxme{
	display:block;
	min-height:80px;
	color: #afafaf;	
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
    padding-bottom: 0px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.jp-container .talk_recordboxme .talk_recordtextbg{
	float:right;
	width:10px;
	height:30px;
	display:block;
	/* background-image: url(../images/talk_recordtextme.png); */
	background-repeat: no-repeat;
	background-position: left top;}

.jp-container .talk_recordboxme .talk_recordtext{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-color:#1677FF;
	width:240px;
	height:auto;
	padding: 5px;
	color:#ffffff;
	font-size:12px;
	float:right;
	
}
.jp-container .talk_recordboxme h3{
	font-size:14px;
	padding:2px 0 5px 0;
	text-transform:uppercase;
	font-weight: 100;
	color:#ffffff;
	
}
.jp-container .talk_recordboxme .user{
	float:right;
	height: 45px;
	width: 45px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 5px;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	display:inline;
}
.talk_time{
	color:#CCCCCC;
	text-align: right;
	/* width: 240px; */
	display: block;
}



/* 可发送对话框开始 */

.ng-hide { 
    display: none; 
}
.noScrollBar::-webkit-scrollBar{
    display:none;
    height:0;
    width:0;
}
.noScrollBar::-ms-scrollBar{
    display:none;
}
.noScrollBar:-ms-scrollBar{
    display:none;
}
.noScrollBar::-o-scrollBar{
    display:none;
}
.noScrollBar::scrollBar{
    display:none;
}
.noScrollBar:scrollBar{
    -moz-appearance:none!important;
    display:none;}
.message-container * { 
    margin: 0;
     padding: 0; 
    }
.message-dialog-container { 
    z-index: 99;
     min-width:100%;
     min-height: 580px; 
     /* position: absolute; */
    top: 60px;
    left: 0; 
    bottom: 0;
    right: 0;
    /* background: rgba(0, 0, 0, 0.6); */
    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; 
    }
.message-container { 
    width:100%;
    min-width:100%;
    height: 100%;
    /* max-height: 580px;  */
    margin: 0 auto; 
    border-radius: 3px; 
    overflow: hidden ;
    /* border: solid 1px red; */
}
.message-container:after {
     content: "."; 
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden 
    }

.message-container .unread-dot { 
    display: inline-block; 
    min-width: 16px;
     height: 16px; 
     line-height: 16px; 
     background: #F12C20; 
     border-radius: 8px; 
     padding: 0 4px; 
     font-size: 12px; 
     color:#FFFFFF; 
     text-align: center; 
    }
.message-container .panel { 
    position: relative; 
    width: 260px; 
    height: 100%; 
    float: left;
    background: #303E4D; 
}
.message-container .nav-view { 
    position: absolute; 
    top: 0;
     right: 0; 
     bottom: 0; 
     left: 0 
    }
.message-container .chat-list { 
    height: 100%; 
    padding: 20px 0 0 0;
     overflow: auto; 
    }
.message-container .ico_loading { 
    text-align: center; 
    margin: 10px auto; 
    margin-top: 0; 
    font-size: 14px; 
    color: #eee; 
}
.message-container .ico_loading img { 
    vertical-align: -3px; 
    margin-right: 5px 
}
.message-container .chat-item { 
    height: 60px; 
    overflow: hidden; 
    padding: 10px 20px; 
    margin-bottom: 10px;
    cursor: pointer;
    position: relative 
    }
.message-container .chat-
item.top { 
    background-color: #2e3641 
}
.message-container .chat-item.active { 
    background: rgba(0, 0, 0, 0.35); 
}
.message-container .chat-item .avatar { 
    float: left; 
    margin-right: 10px; 
    position: relative 
}
.message-container .chat-item .avatar .img { 
    display: block; 
    width: 40px; 
    height: 40px;
     border-radius:100%; 
    }
.message-container .chat-item .avatar .icon { 
    position: absolute; 
    top: -6px; 
    right: -6px; 
    color: #fff; 
    font-style: normal; 
    font-size: 12px; 
    text-align: center 
}
.message-container .chat-item .info { 
    overflow: hidden 
}
.message-container .chat-item .info .nickname { 
    padding-bottom: 4px; 
    padding-right: 10px; 
    font-weight: 500; 
    font-size: 14px; 
    color: #FFFFFF; 
    width: 100%; 
    overflow: hidden; 
    -o-text-overflow: ellipsis; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
    word-wrap: normal 
}
.message-container .chat-item .info .msg { 
    padding-right: 40px; 
    font-size: 12px; 
    color: #999999; 
    width: 100%; 
    overflow: hidden; 
    -o-text-overflow: ellipsis; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
    word-wrap: normal; 
}
.message-container .chat-item .ext { 
    text-align: right; 
    position: absolute; 
    right: 20px; 
    top: 10px; 
    bottom: 10px; 
}
.message-container .chat-item .ext .send-time { 
    font-size: 12px; 
    color: #999999; 
    position: absolute; 
    bottom: 0; 
    right: 0; 
    vertical-align: bottom; 
    line-height: 1.2; 
}
.message-container .bottom-placeholder {
    text-align: center; 
    color: #999; 
    font-size: 12px; 
    margin: 20px 0; 
}
.message-container .right-container { 
    height: 100vh;
 }
.message-container .chat-area {
     position: relative;
      background-color: #F3F4F8; 
      height: 100%;
    overflow: hidden ;
    }
.message-container .chat-area .chat-area-head { 
    width: 100%; 
    height: 60px;
     line-height: 60px; 
     text-align: center; 
     background: #FFFFFF;
    -webkit-box-shadow: 0 1px 0 0 #DEDEDE; 
    box-shadow: 0 1px 0 0 #DEDEDE; 
    }
.message-container .chat-area .chat-area-head .title_wrap {
     display: inline-block;
      font-size: 18px; 
      color: #333333; 
      font-weight: 500;
    max-width: calc(100% - 180px); 
    -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
    overflow: hidden; 
    white-space: nowrap; 
    }
.message-container .chat-area .chat-area-head .icon-close1 { 
    float: right; 
    margin-right: 20px; 
    font-size: 10px; 
    color: #333; 
    font-weight: 500;
    cursor: pointer; 
}
.message-container .chat-area .chat-area-content { 
    position: absolute; 
    top: 60px; 
    left: 0; 
    width: 100%; 
    height: calc(100% - 131px); 
    overflow: auto; 
    padding: 20px 0; 
}
.message-container .chat-area .chat-area-content .system-info { 
    font-size: 12px; 
    color: #CCCCCC; 
    letter-spacing: 0.07px; 
    text-align: center; 
    line-height: 13px;
     margin: 0px auto; 
     margin-bottom: 20px; 
    }
.message-container .chat-area .chat-area-content .message-item {
     display: block; 
     position: relative; 
     padding: 0 20px; 
     margin: 0; 
    }
.message-container .chat-area .chat-area-content .message-item:after { 
    clear: both; 
    zoom: 1; 
    float: none; 
}
.message-container .chat-area .chat-area-content .message-item:last-child {
	padding-bottom: 20px;
}
.message-container .chat-area .chat-area-content .message-item .avatar { 
    width: 40px; 
    height: 40px; 
    border-radius: 100%; 
    vertical-align: top; 
}
.message-container .chat-area .chat-area-content .message-item .content { 
    display: inline-block;
     font-size: 14px; 
     line-height: 22px; 
     padding: 10px; 
     max-width: calc(100% - 110px); 
    }
.message-container .chat-area .chat-area-content .message-item.me { 
    text-align: right; 
}
.message-container .chat-area .chat-area-content .message-item.me .avatar { 
    float: right; 
}
.message-container .chat-area .chat-area-content .message-item.me .content { 
    border-radius:8px; 
    background: #0A86F9; 
    -webkit-box-shadow: 0 0 4px 0 rgba(10, 134, 249, 0.08); 
    box-shadow: 0 0 4px 0 rgba(10, 134, 249, 0.08); 
    margin: 20px 12px 0 0; 
    color: #FFF; 
    text-align: left; }
.message-container .chat-area .chat-area-content .message-item.other .avatar {

}
.message-container .chat-area .chat-area-content .message-item.other .content { 
    border-radius: 8px; 
    background: #ffffff; 
    margin: 20px 0 0 12px; 
    color:#757575; 
}
.message-container .chat-area .chat-area-edit { 
    position: absolute; 
    bottom: 0; 
    left: 0; 
    width: 100%; 
    height:70px; 
    background: #FEFFFE;
    border-top: 1px #DEDEDE solid; 
}
.message-container .chat-area .chat-area-edit .chat-area-edit-textarea {
     /* position: absolute;  */
     width: calc(100% - 120px); 
     height: 48px;
     resize: none; 
     outline: none; 
     border: none; 
     top: 0; 
     left: 0; 
     right: 0; 
     bottom: 40px;
     float: left;
     margin: 13px;
     padding-left:10px;
     border-radius:8px;
     /* padding: 6px 20px;  */
     padding-top: 15px;
     line-height:20px;
     background:rgba(243,243,243,1);
     /* border: solid 1px red; */
    }
.message-container .chat-area .chat-area-edit .chat-area-edit-textarea:focus { 
    outline: none; 
    border: none; 
    -webkit-box-shadow: none; 
    box-shadow: none; 
}
.message-container .chat-area .chat-area-edit .send-btn { 
    /* position: absolute;  */
    bottom: 8px; 
    right: 16px; 
    font-size: 12pt;
    letter-spacing: 2px;
    float: right;
    /* display: inline-block;  */
    text-align: center;
    min-width: 80px; 
    height:45px; 
    margin-top:15px;
    margin-right: 13px;
    line-height:45px; 
    border-radius:8px;
    background-color: #0A86F9; 
    color: #FFF; 
    cursor: pointer; 
    }
.message-container .chat-area .chat-area-edit .send-btn.disable-btn { 
    background: #CCCCCC; 
    color: #666666; 
}
.message-dialog-container .nicescroll-rails-vr {
	-webkit-transform: translateX(-4px);
	-ms-transform: translateX(-4px);
	transform: translateX(-4px);
}
/* 个税计算入口开始 */
.get-taxcalti{
    width:96%;
    margin: 10px auto;
    /* border: solid 1px red; */
}
.get-taxcalti ul li{
    margin-left: 15px;
    display: inline-block;
}
@media screen and (min-width:375px) {
    .get-taxcalti{
        width:96%;
        margin: 10px auto;
        /* border: solid 1px red; */
    }
    .get-taxcalti ul li{
        margin-left: 4px;
        display: inline-block;
    }
    /* .mobile-outer-container .main_body .detail_content{
        max-height: 564px !important;
    } */
}
@media screen and (min-width:376px) {
    .get-taxcalti{
        width:96%;
        margin: 10px auto;
        /* border: solid 1px red; */
    }
    .get-taxcalti ul li{
        margin-left: 15px;
        display: inline-block;
    }
}

@media only screen and (max-width:340px){
    .get-taxcalti{
        width:96%;
        margin: 10px auto;
        /* border: solid 1px red; */
    }
    .get-taxcalti ul li{
        margin-left: 15px;
        display: inline-block;
    }
}
@media only screen and (min-width:414px){
    /* .get-taxcalti ul li{
        margin-left: 15px;
        display: inline-block;
    }
    .mobile-outer-container .main_body .detail_content{
        max-height: 642px !important;
    } */
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)and (-webkit-min-device-pixel-ratio: 2){
    .get-taxcalti{
        width:96%;
        margin: 10px auto;
        /* border: solid 1px red; */
    }
    .get-taxcalti{
        width:96%;
        margin: 10px auto;
        /* border: solid 1px red; */
    }
    .get-taxcalti ul li{
        margin-left: 15px;
        display: inline-block;
    }
}
@media screen and (min-width:600px) and (max-width:960px) {
    .get-taxcalti{
        width:96%;
        margin: 10px auto;
        /* border: solid 1px red; */
    }
    .get-taxcalti{
        width:96%;
        margin: 10px auto;
        /* border: solid 1px red; */
    }
    .get-taxcalti ul li{
        margin-left: 15px;
        display: inline-block;
    }
}
 /* 1+x证书咨询开始 */
 .mobile-outer-container .main_body .detail_content{
    
        }
        .mobile-outer-container .main_body .detail_content .a_dvisor_nav{
            width:94%;
            margin: 16px auto;
           /* border: solid 1px red;  */
            background: #FFFFFF;
            box-shadow: 0px 2px 10px 0px rgba(220, 225, 233, 0.73);
            border-radius: 8px;
            padding:8px;
        }
        .mobile-outer-container .main_body .detail_footer{
            font-size: 14pt;
            cursor: pointer;
            width:90%;
            margin: 10pt auto;
            text-align: center;
            line-height: 44pt;
            color:white;
            height: 44pt;
            background: #108EE9;
            border-radius: 4px;
        }
        .mobile-outer-container .main_body .titltp_menu{
            width: 100%;
            height: 34pt;
            line-height: 34pt;
        }
        .mobile-outer-container .main_body .titltp_menu ul{
            display: flex;
            width: 90%;
            margin: 0 auto;
        }
        .mobile-outer-container .main_body .titltp_menu ul .ret_back{
            width: 10%;
        }
        .mobile-outer-container .main_body .titltp_menu ul .titl_cent{
            width: 82%;
            text-align: center;
            font-size: 16pt;
            font-family: PingFangSC-Semibold, PingFang SC;
            font-weight: 600;
            color: #333333;
        }
        .mobile-outer-container .main_body .titltp_menu ul li{
            /* display: flex; */
          
        }
    .student_home .home_banner_area .lian_wu_gate .pc_lian_wu .lian_wu_btn{
        font-size: 14px;
        margin-top: 14px;
    }
    .mobile_lian_wu{
        margin-top:10px;
    }
    .student_home .home_banner_area .lian_wu_gate .mobile_lian_wu .lian_wu_text{
        font-size: 16px;
        margin-top: -20px;
    }
    .zy_analysis_detail_info .in_fo_tab{
        width: 100%;
    }
    .zy_analysis_detail_info .in_fo_tab tr{
        height:30px;
    }
    .zy_analysis_detail_info .in_fo_tab tr .att_p{
        margin-top:10px;
        
        font-size: 12px;
    }
    .dialog_content .dl_foot{
        text-align:right;
        margin-top:20px;
    }
    .dialog_content .dl_foot button{
        width: 100px;
        height: 32px;
        
        color: #444444;
        background: #FFFFFF;
        border-radius: 4px;
        border: 1px solid #DEDEDE;
    }
    .dialog_content .dl_foot .dl_sbmit{
    color:white;
    background: #007AFF;
    }
    .zy_analysis_detail_info .p_recaut_li{
        height:auto !important;	
    }
    .zy_analysis_detail_info .p_recaut_li textarea{
        resize:none;
        width:440px;
        height:120px;
        border: 1px solid #DEDEDE;
    }
    .zy_analysis_detail_info li .ide_redm{
        color:#EB5858;
    }
    .zy_analysis_detail_info .in_fo_tab .ide_redm{
        color:#EB5858;
    }
    .a_dvisor_nav ul{
        overflow: hidden;
    }
    .a_dvisor_nav ul .ad_left{
        float:left;	
        font-size: 14pt;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: bold;
        color: #333333;
    }
    .a_dvisor_nav ul .ad_right{
        float:right;
        font-size: 12pt;
        color: #999999;
    }
    .a_dvisor_nav .c_onsult{
        margin-top:10px;
    }
    .a_dvisor_nav .c_onsult p{
        
    font-size: 12pt;
    color: #666666;
    }
    .a_dvisor_content{
        width:94%;
        margin-top: 28px;
        margin: auto;
        box-shadow: 0px 2px 10px 0px rgba(220, 225, 233, 0.73);
        border-radius: 8px;
        background: white;
       
    }
    .a_dvisor_content .offi_cial_reply .consulttexar{
        width:100%;
        border-radius: 8px;
        border: 1px solid #DEDEDE;
        padding: 6px;
    }
    .a_dvisor_content .auth_oritit{
        padding: 10px;
        font-size: 16px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: bold;
        color: #333333;
        border-bottom: #EEEEEE solid 1px;
    }
    .a_dvisor_content .auth_orinav{
        padding: 10px;
        font-size: 16px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: bold;
        color: #333333;
    }
    .a_dvisor_content .auth_orinav .con_sultatime{
        margin-left: calc(100% - 88%);
        font-size: 12pt;
        color: #999999;
        font-weight: 400;
    
    }
    .a_dvisor_content .auth_orinav .athnv{
        width:22pt;
        height:22pt;
        vertical-align: bottom;
    }
    .a_dvisor_content .auth_orinav .iif_tag{
        color: #FF372B
    }
    .a_dvisor_content .auth_orinav .ire_title{
        font-size: 14pt;
    }
    .a_dvisor_content .auth_orinav .remain_wds{
        color: #cccccc;
        margin-left:56%;
    }
    .a_dvisor_content .auth_oricont{
        
        font-size: 12pt;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #666666;
        margin-left: 10px;
        margin-right: 10px;
        padding-bottom: 10px;
        border-bottom: #EEEEEE solid 1px;
    }
     .a_ut_h_titl{
        width:94%;
        height:40px;
        margin:0 auto;
        font-size: 14pt;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: bold;
        color: #333333;
    }
    /*我要咨询开始 */
     .detail_content .a_dvisor_nav .sch_infmttab{
        width:100%;
    }
    .detail_content .a_dvisor_nav .sch_infmttab tr{
        height:50px;
        border-bottom: solid 1px #F2F2F2;
    }
    .detail_content .a_dvisor_nav .sch_infmttab tr:nth-child(5){
        border-bottom: none;
    }
    .detail_content .a_dvisor_nav .sch_infmttab tr .a_terst{
        color: #FF372B;
    }
    .detail_content .a_dvisor_nav .sch_infmttab tr .i_ntitl{
        
    font-size: 14pt;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 550;
    color: #333333;
    }
    .detail_content .a_dvisor_nav .sch_infmttab tr td input {
        width:100%;
        height: 34px;
       
        font-size: 14pt;
        /* color: #CCCCCC; */
        border-radius: 4px;
    }
    .detail_content .att_enwords{
        width:94%;
        font-size: 11pt;
        color:#999999;
        margin:10px auto;
    }
    /* 1+X个税计算搜索开始 */
    
    .mobile-outer-container .dropdown {
       
        width:94%;
        margin:10px auto;
    }
     
    .mobile-outer-container .dropdown .soo_input{
        padding: 0 10px;
        margin: 0;
        height: 30px;
        padding-left:30px;
        background: #FFFFFF;
        border: 1px solid #DEDEDE !important;
        border-radius: 4px;
        display: inline-block;
        font-size: 13px;
        color: #999999
    }
    .mobile-outer-container .dropdown .sear_chico{
        left:10px;
        top:8px;
        position: absolute;
    }
    .mobile-outer-container .dropdown .sear_cloic{
        top:8px;
        right:60px;
        position: absolute;
    }
    .mobile-outer-container .dropdown .c_ancelbtn{
        top: 2px;
        right: 4px;
        position: absolute;
        font-size: 12pt;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 500;
        color: #108EE9;
    }
    .mobile-outer-container .dropdown .dropdown-menu li a{
        overflow: hidden;
        text-overflow:ellipsis;
        /* white-space:nowrap; */
    }
    /* 1+X我要咨询修改开始 */
.detail_content .a_dvisor_nav .sch_infmttab tr .i_ntitl .abstract{
    display: inline;
}
.detail_content .a_dvisor_nav .sch_infmttab tr .i_ntitl .abstract .abstract-left{
    float: left;
}
.detail_content .a_dvisor_nav .sch_infmttab tr .i_ntitl .abstract .abstract-right{
    width: 74%;
    float: right;
}
   /* 后台 1+X证书咨询开始 */
   .a_dvisor_nav ul .ad_left{
    width: 58%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.a_dvisor_nav .c_onsult .u_nansw_q{
    
font-size: 12pt;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
}
.a_dvisor_nav .u_nnded_ul{
    width:100%;
    margin-top: 10px;
    display: inline-block;
}
.a_dvisor_nav .u_nnded_ul .u_swnmle{
    float:left;
    font-size: 12pt;
        color: #999999;

}
.a_dvisor_nav .c_onsult p{
    
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
}
.a_dvisor_nav .u_nnded_ul .u_swnmri{
    float:right;
    color: #333333;
}
.a_dvisor_nav .u_nnded_ul .respeyes{
    float: right;
    color: #999999;
}
/* 后台 1+X证书咨询结束 */
/* 后台 1+X证书咨询详情开始 */
.a_dvisor_content .c_onsul_units{
    width:100%;
}
.a_dvisor_content .c_onsul_units tr{
    height:40px;
}
.a_dvisor_content .c_onsul_units tr td{
    padding: 6px;
    font-size: 12pt;
}
.a_dvisor_content .c_onsul_units tr td:nth-child(2){
    
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666666;
}
.m_ou_fot{
    width:100%;
    bottom: 0px;
    height: 50px;
    /* line-height: 50px;    */
    background: #FFFFFF;
    position: absolute;
    /* border: solid 1px red; */
}
.m_ou_fot ul li{
    display: inline-block;
}
.m_ou_fot ul .pre_rec{
    
    color: #666666;
    text-align: center;
    width: 24%;
    
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    border-right: solid 1px #ccc;
}
.m_ou_fot ul .next_rec{
    color: #666666;
    text-align: center;
    width: 24%;
    
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    border-right: solid 1px #ccc;
}
.m_ou_fot ul .his_tb{
    color: #666666;
    text-align: center;
    width: 23%;
    
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
}
.m_ou_fot ul .r_estohis{
    width: 24%;
    color: white;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #007AFF;
}
.pet_more_list .tohistextar{
    width: 100%;
    padding: 4px;
    color:#cccccc;
    resize: none;
    color: 333333;
    font-size: 12pt;
    background: #FBFAFA;
    border-radius: 4px;
    border: 1px solid #DDDDDD;

}
.pet_more_list .xwt-home-fto{
    width: 100%;
    height: 40px;
    /* line-height: 40px; */
    border-top: 1px #ddd solid;
}
.pet_more_list .xwt-home-fto ul li{
    width: 48%;
    height: 40px;
    text-align: center;
    display:inline-block;
}
.pet_more_list .xwt-home-fto ul li:nth-child(1){
    border-right: solid 1px #F1F1F1;
   
}
.pet_more_list .xwt-home-fto ul .ftsubm{
    color: #007AFF;
}
.a_dvisor_nav ul .ad_right{
    
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #999999;
}
.a_dvisor_content .auth_orinav .con_sultatime{
    float: right;
}
.a_dvisor_content .auth_orinav{
    overflow: hidden;
}
.a_dvisor_content .offi_cial_reply .offi_cialtitle{
    overflow: hidden;
    padding: 8px;
}
.a_dvisor_content .offi_cial_reply .con_sullef{
    float: left;
    width: 60%;
}
.a_dvisor_content .offi_cial_reply .con_sullef li:nth-child(1){
    
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.a_dvisor_content .offi_cial_reply .con_sullef li:nth-child(2){

    font-size: 12pt;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999999;
}
.a_dvisor_content .offi_cial_reply .con_sultatime{
    float: right;
}
.a_dvisor_content .auth_oricont{
    color: #666666;
}