@font-face {
    font-family: 'notefont';
    src:  ;
    src:   format('embedded-opentype'),
     format('truetype'),
     format('woff'),
     format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="note-icon-"], [class*=" note-icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'notefont' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* better font rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.note-icon-0:before {
    content: "\e900";
}
.note-icon-1:before {
    content: "\e901";
}
.note-icon-2:before {
    content: "\e902";
}
.note-icon-3:before {
    content: "\e903";
}
.note-icon-48:before {
    content: "\e948";
}
.note-icon-49:before {
    content: "\e949";
}
.note-icon-50:before {
    content: "\e950";
}
.my_follow_item .left
{
    float: left;
}

.cursor 
{
   cursor:pointer;
}

.my_follow_item .right
{
    float: right;
    cursor:pointer;
    margin-right: 10px;
}

.follow_circle_icon img
{
    width: 40px;
    height: 40px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin: 0px;
    margin-right: 10px;
    padding: 0px;
}
.note_star 
{
}
.note_star img
{
    width:15px;
    height:15px;
}
.my_follow_user_name
{
    font-size:12pt;
    color: #333;
}
.my_follow_user_name a 
{
    color: #333; 
}
 
.my_follow_user_name a:hover
{
    color: #333; 
}

.followed_user_child
{
    margin-left: 0px;
}

.followed_user_child img
{
    margin-right: 3px;
    width: 12px;
}

.follow_child_birthday
{
    font-size: 9pt;
    color: #999;
    margin-right:10px;
}

.followed_summary
{
    margin-top: 3px;
    font-size: 9pt;
    color: #999;
}

.experience_follow_title .list {
    margin-bottom: 20px;
    padding-bottom: 10px;
    list-style: none;
    border-bottom: 1px solid #f0f0f0;
    clear: both;
}

.experience_follow_title .list li a {
    display: inline-block;
}

.experience_follow_title .list .name {
    position: relative;
    max-width: 150px;
    vertical-align: middle;
    top: 1px;
    font-size: 14px;
    color: #333;
}

.avatar {
    margin-right: 5px;
    width: 32px;
    height: 32px;
}

.avatar img {
    width: 100%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50%;
}

img {
    vertical-align: middle;
}

/**
li {
    line-height: 20px;
}**/

@font-face {
  font-family: 'icomoon';
  src:  ;
  src:   format('embedded-opentype'),
     format('truetype'),
     format('woff'),
     format('svg');
}

.iconfont {
	font-family: icomoon!important;
	font-size: inherit;
	font-style: normal;
	font-weight: 400!important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.iconfont2 {
	font-family: icomoon!important;
	font-size: 11pt;
	font-style: normal;
	font-weight: 400!important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-left:3px;
}

.iconfont3 {
	font-family: fontawesome!important;
	font-size: inherit;
	font-style: normal;
	font-weight: 400!important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right:5px;
}

body
{
    margin: 0;
    font-family: mp-quote, -apple-system-font, system-ui, "helvetica neue", "pingfang sc", "hiragino sans gb", "microsoft yahei ui", "microsoft yahei", arial, sans-serif;
    font-size: 10pt;
    color: #555555;
    min-width: 1000px;
    overflow-y: scroll;
}

body a
{
    color: #3377aa;
    text-decoration: none;
}

body a:focus
{
    outline: none;
    -moz-outline: none;
    blr: expression(this.onfocus=this.blur());
}

.container, .container_new
{
    margin-right: auto;
    margin-left: auto;
    width: 1230px;
    margin-top:10px;
}

.small_column_title
{
    font-size: 24px;
    font-weight: bold;
    background-color: transparent;
}

.account_foot
{
    width: 100%;
    text-align: center;
}

.login-sns a
{
    color: #555;
}

.tab_selected_content
{
    width: 100%;
}

.tab_selected_content table
{
    width: 100%;
    margin:0px;
    padding:0px;
}

.tab_selected_content table tbody
{
    width: 100%;
    margin:0px;
    padding:0px;
}

.tab_selected_content table tr
{
    margin:0px;
    padding:0px;
}

.tab_selected_content table td
{
    vertical-align: top;
    margin:0px;
    padding:0px;
}

.content_layout_bg
{
    background-color:white;
    padding-left:20px;
    padding-right:20px;
    -webkit-box-shadow: 0 1px 3px rgba(26,26,26,.1);
    box-shadow: 0 1px 3px rgba(26,26,26,.1);
    border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.tab_selected_content .biglayout_left
{
    width: 885px;
    display:inline-block;
    margin-right:6px;
}

.box_shadow 
{
    -webkit-box-shadow: 0 1px 3px rgba(26,26,26,.1);
    box-shadow: 0 1px 3px rgba(26,26,26,.1);
    border-radius:5px;
    background-color:white;
}

.card-header 
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    padding: 0 20px;
    border-bottom: 1px solid #f6f6f6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12pt;
    font-weight: bold;
    color:#333333;
}

.card-header2
{
    padding: 0 20px;
    border-bottom: 1px solid #f6f6f6;
    font-size: 12pt;
    color:#333333;
}

.card-header span 
{
  font-size:12px;
  color:#999999; 
  font-weight:normal; 
  display:inline-block; 
}

.card-header .view_all
{
    float: right;
    font-size: 13px;
    font-weight: normal;
    padding-top: 3px;
}

.catalogue_item 
{
   line-height:25px;
   margin-bottom:10px;  
}

.catalogue_item .catalogue_num
{
   display:inline-block; 
   color:#999999;
   font-size:12pt;
   vertical-align:top;
}

.catalogue_item .catalogue_name
{
   display:inline-block;   
   margin-left:5px;
   color:#333333;
   font-size:12pt;
   width: calc(100% - 35px);
}

.card-section 
{
   padding: 16px 20px;
   position: relative; 
}

.card-item, .card-item2
{
  display:block;
  font-size: 14px;
  line-height: 21px;
  color:#8590a6;
}
.card-item   .card-item
{
  margin-top: 10px;
}
.card-item2   .card-item2
{
  margin-top: 20px;
}
.card-item .topic_summary
{
    font-size: 13px;
    color: #666;
}
.card-item1
{
    font-size: 13px;
    line-height: 24px;
}
.card-item1 a
{
    color: #ff5050;
    padding: 3px 10px;
    background-color: #f6f6f6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.card-item1   .card-item1
{
  margin-top: 10px;
}

.vote_favorite
{
    width: 296px;
    display: inline-block;
    margin:20px;
}

.vote_favorite .icon
{
    float:left;
    width:25px;
    height:25px;
}

.vote_favorite .icon img
{
    width:100%;
    height:100%;
}

.vote_favorite_count
{
    float:left;
    margin-left: 10px;
    width: calc(100% - 50px);
    font-size: 14px;
    color: #3377aa;
}

.fans_count
{
    float: left;
    margin-left: 10px;
    width: calc(100% - 50px);
    font-size: 14px;
    color: #999999;
}

.div_biglayout_left
{
    width: 100%;
    word-wrap: break-word;
    word-break: normal;
    text-align: center;
}

.mdiv_biglayout
{
    width: 100%;
    text-align: center;
}

.div_biglayout_left2
{
    max-width: 590px;
    word-wrap: break-word;
    word-break: normal;
    margin: 0px auto;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
}

.div_biglayout_left3
{
    max-width: 590px;
    word-wrap: break-word;
    word-break: normal;
    margin: 0px auto;
    text-align: left;
}

.app_page_padding 
{
    padding-left: 20px;
    padding-right: 20px; 
}

.tab_selected_content .biglayout_padding
{
    width: 5px;
}

.tab_selected_content .biglayout_right
{
    width: 334px;
    display:inline-block;
    vertical-align:top;
}

.tab_selected_content .keyword
{
    font-size: 12pt;
    margin-bottom: 35px;
}

.tab_selected_content .resulttitle
{
    font-size: 12pt;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

.tab_selected_content #spansearchcontent, .tab_selected_content #searchpostscontent, .tab_selected_content #searchbookcontent
{
    color: red;
}

.clear
{
    clear: both;
    line-height: 0;
    font-size: 0;
    height: 0;
    over-flow: hidden;
}

.link
{
    color: #37a;
}

/* nav color: #075b8d;
----------------------------------*/

.all_nav_sty
{
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    z-index: 1030;
    text-align:center;
    height: 34px;
}

.nav_content_logo
{
    padding-right:15px;
    padding-left: calc((100% - 950px)/2.0);
    float: left;
}

.nav_content_logo img
{
    width: 30px;
    height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.nav_content_logotitle 
{
    float: left;
    height: 100%;
}

.nav_content_left
{
    margin-left: 30px;
    float: left;
    height: 100%;
}

.nav_content_left table, .nav_content_logotitle table
{
    width: 100%;
    height: 100%;
}

.nav_content_left a
{
    text-decoration: none;
    font-size: 17px;
    margin-right: 40px;
    color: white;
}

.nav_content_logotitle span
{
     font-size: 17px;
    margin-right: 23px;
    color:white;
}

.nav_content_right a
{
    text-decoration: none;
    font-size: 15px;
    color: white;
}

.nav_content_left a:hover
{
    color: #d5d5d5;
    text-decoration:underline;
}

.nav_content_right a:hover 
{
    color: white; 
}

.nav_content_left .qrcode-wrap .qrcode
{
    background-color: #3f3f3f;
    border-color: #2f2f2f;
}

.nav_content_left .qrcode-wrap .qrcode
{
    background: white;
    border-color: #d9d9d9;
}
.nav_content_left .qrcode-wrap .arrow-top::before
{
    border-bottom-color: #d9d9d9;
}
.nav_content_left .qrcode-wrap .arrow-top::after
{
    border-bottom-color: white;
}
.nav_content_left .qrcode-wrap .arrow-top::before, .nav_content_right .qrcode-wrap .arrow-top::after
{
    margin-left: -6px;
}
.nav_content_left .qrcode-wrap
{
    position: relative;
}
.nav_content_left .qrcode-wrap .qrcode
{
    position: absolute;
    top: 30px;
    left: -58px;
    width: 160px;
    height: 0;
    overflow: hidden;
    z-index: 9;
}
.nav_content_left .qrcode-wrap .qrcode img
{
    width: 100%;
    height: 0;
}
.nav_content_left .qrcode-wrap:hover .qrcode
{
    height: 162px;
    display: block;
    overflow: inherit;
    padding: 4px;
    background: white;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    -webkit-transition: height 0.1s !important;
    -moz-transition: height 0.1s !important;
    -ms-transition: height 0.1s !important;
    -o-transition: height 0.1s !important;
    transition: height 0.1s !important;
    box-shadow: 0 3px 10px rgba(0,0,0,0.15);
}
.nav_content_left .qrcode-wrap:hover .qrcode img
{
    height: 152px;
    border-radius: 3px;
    -webkit-transition: height 0.1s !important;
    -moz-transition: height 0.1s !important;
    -ms-transition: height 0.1s !important;
    -o-transition: height 0.1s !important;
    transition: height 0.1s !important;
}
.nav_content_left .qrcode-wrap .arrow-top::before, .nav_content_right .qrcode-wrap .arrow-top::after
{
    margin-left: -4px;
}

.nav_content_left .arrow-top::before, .arrow-top::after
{
    position: absolute;
    top: -10px;
    left: 46%;
    content: '';
    display: inline-block;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #d9d9d9;
}

.nav_content_left .arrow-top::after
{
    top: -9px;
    border-bottom: 9px solid white;
}

.nav_content_right
{
    float: right;
    height: 100%;
}

.nav_content_right table
{
    width: 100%;
    height: 100%;
}

.nav_content_right table tr 
{
     border:0;
     margin:0;
     padding:0;
}

.nav_content_right table tb 
{
    border:0;
    margin:0;
    padding:0;
}

.nav_content_right .wrapper-dropdown-5 img
{
    margin-left: 15px;
    width: 18px;
    height: 18px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px;
    margin-bottom: 3px;
}

.all_nav_rightlink
{
    text-decoration: none;
    font-size: 10pt;
    margin-left: 20px;
    color: white;
}

.home_my
{
    font-size: 15px;
    color:white;
    margin-left:10px;
    line-height:30px;
}

.sign_up
{
    font-size: 11pt;
    text-decoration: none;
    margin-bottom:10px;
    padding: 2px 13px;
    border:1px solid white;
    border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
}

.tab_content_sty table td input[type="text"]
{
    width: 187px;
    height: 33px;
    font-size: 10pt;
}

.search_exp_sty
{
    width: 237px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
    background-color: white;
}

.search_exp_sty input
{
    border: 0;
    background-color: white;
    outline: none;
}

.search_exp_sty span
{
    margin-top: 4px;
    width: 20px;
    height: 25px;
    margin-right: 8px;
    float: right;
    background-image: ;
    background-repeat: no-repeat;
    background-position: 0px 5px;
    cursor: pointer;
}

.search_exp_sty2
{
    width: 310px;
    background-color:#f6f6f6;
    border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
    text-align:center;
}

.search_exp_sty2 input
{
    border: 0;
    background-color: #f6f6f6;
    outline: none;
    width: 230px;
    height: 33px;
    font-size: 10pt;
}

.search_exp_sty2 input::-webkit-input-placeholder { /* webkit browsers */
  color: #999;
  font-size: 12px;
}

.search_exp_sty2 input::-moz-placeholder { /* mozilla firefox 19  */
  color: #999;
  font-size: 12px;
}

.search_exp_sty2 input:-ms-input-placeholder { /* internet explorer 10  */
  color: #999;
  font-size: 12px;
}

.search_exp_sty2 #btnnavsearch, .search_exp_sty2 #btnusercreationsearch
{
    display:inline-block;
    height: 33px;
    float: right;
    font-size:12px;
    background-color:#fa8072;
    color:white;
    border-radius-right: 999em;
    border-top-right-radius:999em;
    border-bottom-right-radius:999em;
    -webkit-border-top-right-radius: 999em;
    -moz-border-top-right-radius: 999em;
    -webkit-border-bottom-right-radius: 999em;
    -moz-border-bottom-right-radius: 999em;
     padding-left:8px;
     padding-right:8px;
}

.search_exp_sty3
{
    width: 310px;
    background-color:#f5f5f5;
    border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
    text-align:center;
    border:1px solid #cecece;
    display:inline-block;
}

.search_exp_sty3 input
{
    border: 0;
    background-color: #f5f5f5;
    outline: none;
    width: 230px;
    height: 33px;
    font-size: 10pt;
}

.search_exp_sty3 #btnnavsearch, .search_exp_sty3 #btnbooklistsearch
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center; 
    height: 33px;
    float: right;
    font-size:12px;
    color:white;
    border-radius-right: 999em;
    border-top-right-radius:999em;
    border-bottom-right-radius:999em;
    -webkit-border-top-right-radius: 999em;
    -moz-border-top-right-radius: 999em;
    -webkit-border-bottom-right-radius: 999em;
    -moz-border-bottom-right-radius: 999em;
     padding-left:8px;
     padding-right:8px;
     cursor:pointer;
}

.search_exp_sty3 #btnnavsearch img, .search_exp_sty3 #btnbooklistsearch img
{
    display:inline-block;
    width:18px;
    margin-right:5px;
    vertical-align:middle;
}

.search_exp_sty2 #btnnavsearch img, .search_exp_sty2 #btnusercreationsearch img
{
    display:inline-block;
    width:13px;
    margin-right:2px;
    vertical-align:middle;
}

.search_exp_sty2 #btnnavsearch span, .search_exp_sty2 #btnusercreationsearch span
{
    display:inline-block;
    line-height:33px;
}

#btncreatearticle, #btncreatebooklist, #btncreateposts
{
    color: white;
    padding: 9px 30px;
    border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
    background-color: rgb(255,90,95);
}

#btncreatearticle:hover, #btncreatebooklist:hover, .add_personal_subject a:hover
{
    background-color:#fa8072;
}

/*more
----------------------------------*/

.kiddobc_more_over
{
    display:inline-block;
    width:calc(100% - 40px);
    background-color: #c9c9c9;
    text-align: center;
    font-size: 10pt;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0px 20px 20px 20px;
    cursor: pointer;
}

.kiddobc_more_out
{
    display:inline-block;
    width:calc(100% - 40px);
    background-color: #e5e5e5;
    text-align: center;
    font-size: 10pt;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0px 20px 20px 20px;
    cursor: pointer;
}

.kiddobc_more_out_download
{
    display:inline-block;
    width:calc(100% - 40px);
    color: #1d89ff;
    text-align: center;
    font-size: 10pt;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0px 20px 20px 20px;
    cursor: pointer;
}

/* index
----------------------------------*/

.tab_sty
{
    background-color: white;
    height: 68px;
}

.tab_content_sty
{
    height: 68px;
}

.tab_content_sty table
{
    height: 100%;
    width: 100%;
}

.tab_content_sty .tab_des
{
    margin-left: 15px;
    color: rgba(0, 0, 0, 0.15);
    font-size: 12pt;
}

.tab_content_sty table td span, .tab_content_sty .tab_title
{
    color: rgb(255,90,95);
    font-size: 20pt;
}

.tab_content_sty table td a
{
    color: #666666;
    font-size: 10pt;
    text-decoration: none;
    margin-right: 15px;
}

.tab_selected_title
{
    color: #666666;
    font-size: 12pt;
    padding-bottom: 8px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}

.tab_selected_title a
{
    float: right;
    margin-right: 5px;
    font-size: 10.5pt;
}

.tab_selected_title2
{
    color: #666666;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 12pt;
}

.magin15
{
    margin-top: 25px;
}

.margin_left15
{
    margin-left: 15px;
}

.margin_top5
{
    margin-top: 5px;
}

.margin_top10
{
    margin-top: 10px;
}

.margin_top15
{
    margin-top: 15px;
}

.margin_top20
{
    margin-top: 20px;
}

.magin_top25
{
    margin-top: 25px;
}

.magin35
{
    margin-top: 35px;
}


.index_category_sty
{
    margin-bottom: 30px;
}

.index_category_sty2
{
    width: 100%;
}

.index_category_sty .all_booklist, .index_category_sty .all_exps
{
    float: right;
    margin-right: 5px;
    font-size: 10.5pt;
}

.index_category_width
{
    width: 50%;
}

.index_category_expcount
{
    color: #999999;
    float: right;
}

.index_category_sty .my_label_link
{
    font-size: 10pt;
    text-decoration: none;
    margin-right: 10px;
    margin-bottom:10px;
    padding: 3px 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    float:left;
}

.index_category_sty2 .all_booklist, .index_category_sty2 .all_exps
{
    float: right;
    margin-right: 5px;
    font-size: 10.5pt;
}

.app_mbook_features, .app_mbook_features .tag
{
    margin:0px;
    padding:0px;
}

.index_category_sty2 .my_label_link, .app_mbook_comment .tag .my_label_link, .app_mbook_features .tag .my_label_link
{
    font-size: 10pt;
    text-decoration: none;
    margin-right: 10px;
    padding: 3px 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    float:left;
}

.index_category_contentborder
{
    border-bottom: 1px solid #f0f2f7;
    margin-top: 20px;
    margin-bottom: 20px;
}

.index_category_contentborder2
{
    border-bottom: 1px solid #ddd;
    margin-top: 20px;
    margin-bottom: 20px;
}

.index_category_contentborder3
{
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    margin-top: 5px;
}

.index_category_contentborder4
{
    border-bottom: 1px solid #f0f2f7;
    margin-top: 20px;
}
.index_category_content_noborder4
{
    margin-top: 20px;
}
.more_content_entry
{
    font-size: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.index_exp_content
{
    float: left;
    padding-right: 10px;
}
.index_exp_content .quote
{
    float: left;
}
.index_exp_content .quote img
{
    width: 20px;
    height: 20px;
}

.index_exp_content a
{
    color: #121212;
}

.index_exp_contenttitle
{
    font-weight: bold;
    font-size: 20px;
    margin-top:10px;
    color: #121212;
}

.index_exp_contenttitle .booklist_flag
{
    line-height: 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #ff5050;
    color: #ff5050;
    font-size: 13px;
    font-weight: normal;
    padding: 2px 5px;
    margin-right: 5px;
    vertical-align: middle;
}

.index_exp_contenttitle .booklist_title
{
    color: #121212;
}

.content_text .link
{
    color: #3377aa;
    font-size: 13px;
}

.content_text .booklist_book
{
    background-color: white;
    margin-top: 12px;
    padding: 0;
}
.booklistt_book .booklist_summary
{
    width: 100%;
}
.booklistt_book .booklist_summary .book_all_count
{
    font-size: 13px;
    color: #666666;
}
.booklist_book .view_all_book
{
    margin-left: 10px;
    font-size: 13px;
    color: #3377aa;
}

.book_in_booklist
{
    display: flex;
    overflow-x: hidden;
}

.book_in_record
{
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.book_in_booklist .one_book_info, .book_in_record .one_book_info
{
    width: 128px;
    margin: 10px 10px 0 0;
}
.book_in_booklist .one_book_info img, .book_in_record .one_book_info img
{
    width: 128px;
    height: 170px;
}

.index_exp_contentdes 
{
   margin-top:5px;
    font-size: 15px;
    line-height: 1.6;
    color: #444;
   display:-webkit-box;
   -webkit-line-clamp:2;
   -webkit-box-orient:vertical;
   overflow:hidden;
   text-overflow:ellipsis;
}

.index_exp_contenttitle2
{
    font-weight: bold;
    font-size: 12pt;
    margin-top:10px;
    color: #121212;
}

.index_exp_contenttitle a
{
    color: #121212;
}

.index_exp_contenttitle a:hover
{
    color: rgba(0, 0, 0, 0.8);
}

.index_exp_contentcont
{
    margin-top: 5px;
    font-size: 15px;
    line-height: 1.6;
    color: #333;
}

.index_exp_contentcont a
{
    color:#333;
}

.index_exp_contentcont a:hover
{
    color:#666;
}

.index_exp_contentcont2
{
    font-size: 13px;
    margin-top: 5px;
    line-height: 22px;
    color:#999;
}

.index_exp_contentaction
{
    color: #8590a6;
    margin-top: 10px;
}

.exp_contentaction_item0
{
    float: left;
    font-size: 13px;
}

.exp_contentaction_item
{
    height: 32px;
    float: left;
    font-size: 13px;
}

.exp_contentaction_item2
{
    float: left;
    margin-right: 15px;
}

.exp_contentaction_item3
{
    height: 20px;
    float: left;
}

.index_exp_contentaction .report
{
    float: right;
    color: #999;
    font-size: 13px;
}

.exp_contentaction_item .add_topic_in_exp
{
    display: inline-block;
    cursor: pointer;
}
.exp_contentaction_item .add_topic_in_exp img
{
    width: 20px;
    height: 20px;
}

.lineheight40
{
    line-height: 32px;
}

.hot_feed_lineheight 
{
   font-size: 14px;
   height: 16px;
   margin-top:5px; 
   color: #8590a6;
}

.lineheight32
{
    line-height: 32px;
}

.lineheight20
{
    line-height: 20px;
}

.lineheight40 a, .lineheight32 a
{
    margin-left: 5px;
    margin-right: 8px;
    color: #666666;
    text-decoration: none;
    font-size:13px;
    font-weight:bold;
}

.lineheight40 a:hover, .lineheight32 a:hover
{
    color: #333333;
}

.lineheight40 span, .lineheight32 span
{
    margin-right: 5px;
    font-size:13px;
}

.index_exp_userinfo 
{
    color: #999999;
}

.exp_contentaction_type 
{
    float:right;   
    line-height:32px;
}

.exp_contentaction_type1 
{
    font-size:13px;
    float:right;   
    line-height:20px;
    color: #333;
}

.index_exp_contentaction img, .exp_contentaction_item img
{
    width: 32px;
    height: 32px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
}

.exp_contentaction_item1
{
    height: 20px;
    float: left;
}
.exp_contentaction_item1 img
{
    width: 20px;
    height: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.index_exp_userinfo2
{
    margin-top:8px;
    color: rgba(0, 0, 0, 0.3);
}

.index_exp_userinfo2 img
{
    width: 20px;
    height: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.index_exp_userinfo .createtime
{
    color: rgba(0, 0, 0, 0.3);
    font-size: 13px;
    float:left;
}

.index_exp_userinfo .child_list {
    display: inline-block;
    line-height:32px;
}

.index_exp_userinfo .child_list1 {
    display: inline-block;
    line-height:20px;
}

.index_exp_userinfo .manswer_child img
{
    width: 12px;
    margin-right:2px;
}

.index_exp_photo
{
    margin-top:32px;
    height: 120px;
    float: right;
}

.index_exp_photo img
{
    width: 150px;
    height: 120px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.index_exp_photo2
{
    margin-top:32px;
    height: 80px;
    float: right;
}

.index_exp_photo2 img
{
    width: 80px;
    height: 80px;
}

.width80p
{
   width:calc(100% - 160px);
}

.width80px
{
   width:calc(100% - 170px);
}

.width100px
{
   width:calc(100% - 120px);
}

.width_has_photo
{
   width:calc(100% - 90px);
}

.width100p
{
    width: 100%;
}

.width90p
{
    width: calc(100% - 45px);
}

.index_category_selected
{
    color: white;
    border: 1px solid rgb(255,90,95);
    background-color: rgb(255,90,95);
}

.index_category_selected2
{
    color: #666666;
    background-color: #feefee;
}

.index_category_normal
{
    color: #999999;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.index_category_normal:hover
{
    color: rgb(255,90,95);
    border: 1px solid rgb(255,90,95);
}

.mobile_labels_sty 
{
    font-size: 10pt;
    text-decoration: none;
    margin-right: 10px;
    margin-bottom:10px;
    padding: 3px 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    float:left;
    color: rgb(255,90,95);
    border: 1px solid rgb(255,90,95);
}

.index_exp_label, .index_exp_label2, .index_exp_label3
{
    font-size: 13px;
    text-decoration: none;
    padding: 5px 10px;
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
}

.index_exp_labelsel
{
    font-size: 13px;
    text-decoration: none;
    padding: 5px 10px;
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
    background-color: #f5f5f5;
    color: rgb(255,90,95);
    border: 1px solid rgb(255,90,95);
}

.index_exp_label:hover
{
    border: 1px solid #3377aa;
}

.single_label_sty
{
    margin-top: 20px;
    margin-bottom: 20px;
}

.single_label_sty span
{
    border: 1px solid rgb(255,90,95);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    font-size: 12pt;
    color: rgb(255,90,95);
    padding: 5px;
}

.index_tab_sty
{
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
    margin-bottom: 15px;
}

.index_tab_sty a
{
    font-size: 12pt;
    text-decoration: none;
    margin-right: 30px;
}

.index_tab_normal
{
    color: #999999;
}

.index_tab_normal:hover
{
    color: #666666;
}

.index_tab_selected
{
    color: rgb(255,90,95);
}

/* myexperiences
----------------------------------*/
.space_right_info .recbookrevie_person, .manswer_child
{
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.my_exp_userhead
{
    text-align: center;
}

.my_exp_userhead img
{
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    margin: 0px;
    padding: 0px;
}

.my_exp_userhead2 
{
  float:left;
  margin-right:15px;
}

.my_exp_userhead2 img 
{
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    margin: 0px;
    padding: 0px;
}

.my_exp_userhead3
{
  float:left;
  margin-left: 20px;
  margin-right:15px;
  margin-top: 20px;
  margin-bottom: 5px;
}

.my_exp_userhead3 img 
{
    width:60px;
    height:60px;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    margin: 0px;
    padding: 0px;
}

.my_exp_userinfo
{
    text-align: center;
    margin-top: 15px;
}

.my_exp_fans a, .my_exp_draft a, .my_exp_favorite a
{
    display: block;
    font-size: 14px;
    font-weight: normal;
    color: #999999;
    text-decoration: none;
}

.my_exp_fans a:hover, .my_exp_draft a:hover, .my_exp_favorite a:hover
{
    color: #666666;
}

.space_num
{
    font-size: 20px;
}

.space_right_actlayer
{
    width: 100%;
    text-align: center;
}

.space_right_infoact
{
    display: inline-block;
    margin: 0px;
    padding: 0px;
}

#my_exp_follow
{
    margin-top: 20px;
}

.my_expright_item
{
    margin-top: 10px;
    float: left;
    padding: 3px 10px;
}

.my_exp_favorite, .my_exp_draft
{
    border-right: 1px solid rgba(0, 0, 0, 0.15);
}

.my_space_leftborder 
{
    border-left: 1px solid rgba(0, 0, 0, 0.15);
}

.my_spaceright_itemsty a div
{
    text-align: center;
}

.my_spaceright_itemsty a
{
    display: block;
    font-size: 14px;
    font-weight: normal;
    color: #999999;
    text-decoration: none;
}

.my_exp_fans a div, .my_exp_draft a div, .my_exp_favorite a div
{
    text-align: center;
}

.my_exp_userinfo .my_userinfo_name
{
    font-size: 12pt;
    font-weight: bold;
    margin-bottom: 15px;
}

.my_exp_userinfo .my_userinfo_child
{
    margin-bottom: 3px;
    color: #999999;
}

.my_exp_userinfo2 
{
    float:left;
    margin-top: 16px;
}

.my_exp_userinfo2 .my_userinfo_name
{
    font-size: 12pt;
    font-weight: bold;
}

.userinfo_count
{
    margin-left: 10px;
    font-size: 10pt;
    color: #999999;
}

.my_exp_focused, .my_exp_focus
{
    width: 100%;
    margin-top: 15px;
    text-align: center;
}

.my_exp_focused a
{
    background-color: rgb(245,245,245);
    color: #666666;
    font-size: 12px;
    padding: 8px 40px;
    text-decoration: none;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border: 1px solid #d5d5d5;
}

.my_exp_focus a
{
    background-color: #51a351;
    color: white;
    font-size: 12px;
    padding: 8px 40px;
    text-decoration: none;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.my_exp_focus a:hover
{
    background-color: #6bd95b;
}

.my_labels_more
{
    float: right;
    font-size: 12pt;
    text-decoration: none;
    color: #999999;
}

/* mylabels
----------------------------------*/
.my_labels_title
{
    margin-top: 30px;
    margin-bottom: 40px;
    font-size: 16pt;
}

.my_labels_content a
{
    font-size: 12pt;
    text-decoration: none;
    color: #999999;
    border: 1px solid #999999;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    font-size: 12pt;
    padding: 5px;
    margin-right: 10px;
    float: left;
}

.my_label_rightlink
{
    margin-top: 40px;
    text-align: right;
}

.my_label_rightlink a
{
    font-size: 12pt;
    text-decoration: none;
}

/* mydraft
----------------------------------*/
.my_draft_title
{
    float: left;
    width:calc(100% - 90px);
}

.my_draft_title a
{
    color: #333333;
    font-weight: bold;
    font-size: 12pt;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.my_draft_action
{
    float: right;
}

.my_draft_action a
{
    text-decoration: none;
    margin-right: 10px;
}

.my_draft_time
{
    margin-top: 15px;
    color: #999999;
}

.click_cursor
{
    cursor: pointer;
}

/* experience
----------------------------------*/
.experience_userinfo
{
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

.experience_userinfo2
{
   height: 58px;
}

.experience_userinfo2 .createtime
{
    color: rgba(0, 0, 0, 0.3);
    font-size: 10pt;
}

.experience_userinfo .head
{
    float: left;
}

 .experience_userinfo2 .head 
 {
    float: left;  
    margin-top: 10px;
 }

.experience_userinfo .user
{
    float: left;
    margin-left: 8px;
}

.experience_userinfo2 .user 
{
    float: left;
    margin-left: 8px;
    margin-top: 10px;
    text-align: left;
}
.experience_userinfo .user .bookcomment_tip
{
    display: inline-block;
    font-weight: normal;
    color: #999;
    margin-left: 10px;
    margin-right: 10px;
}

.experience_userinfo .user .child img
{
    width: 12px;
}

.experience_userinfo .focus,.single_topic_category .action
{
    float: right;
    line-height: 35px;
}

.single_topic_category .action div 
{
   float:left;
   margin-left:15px;  
}

.experience_userinfo .focus .exp_focused a,.single_topic_category .action .exp_focused a
{
    background-color: rgb(245,245,245);
    color: #666666;
    font-size: 12px;
    padding: 8px 20px;
    text-decoration: none;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border: 1px solid #d5d5d5;
}

.experience_userinfo .focus .exp_focus a,.single_topic_category .action .exp_focus a
{
    background-color: #51a351;
    color: white;
    font-size: 12px;
    padding: 8px 20px;
    text-decoration: none;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.experience_userinfo .focus .exp_focus a:hover
{
    background-color: #6bd95b;
}

.experience_userinfo .user a, .experience_userinfo2 .user a
{
    text-decoration: none;
}

.experience_userinfo .user .username span, .experience_userinfo2 .user .username span
{
    color: #666666;
    font-weight: bold;
}

.experience_userinfo .head img, .experience_userinfo2 .head img, .mexperience_zan_content .right .head
{
    width: 36px;
    height: 36px;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
}

experience_userinfo_ximg 
{
     width: 50px;
    height: 50px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
}

.lineheight50
{
    line-height: 35px;
}

.experience_title
{
    margin-bottom: 15px;
}

.experience_title h1 
{
    font-size: 18pt;
    color: #333333;
    font-weight: bold;   
}

.experience_title2
{
    font-size: 18pt;
    color: #333333;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 15px;
}

.experience_attribute
{
    margin-bottom: 30px;
    color: rgba(0, 0, 0, 0.3);
}

.experience_attribute2
{
    color: rgba(0, 0, 0, 0.3);
    float: left;
    margin-left: 10px;
    font-size: 10.5pt;
    float: right;
    margin-top: 20px;
}

.gong_zhong_hao
{
   background: no-repeat calc(100% - 5px) 5px;
   background-size:50px 50px;
   -moz-background-size:50px 50px;
}

.gong_zhong_hao2
{
   background: no-repeat calc(100% - 0px) 10px;
   background-size:50px 50px;
   -moz-background-size:50px 50px;
}

.gong_zhong_hao3
{
   background: no-repeat calc(100% - 0px) 5px;
   background-size:50px 50px;
   -moz-background-size:50px 50px;
}

.gong_zhong_hao4
{
   background: no-repeat center right;
   background-size:50px 50px;
   -moz-background-size:50px 50px;
}

.experience_attribute3
{
    color: rgba(0, 0, 0, 0.3);
    float: right;
}

.experience_attribute .left
{
    float: left;
}

.experience_attribute .right
{
    float: right;
}

.experience_action
{
    margin-bottom: 60px;
}

.experience_action .experience_action_link
{
    margin-right: 20px;
}

.experience_action .experience_action_item
{
    color: rgba(0, 0, 0, 0.3);
    text-decoration: none;
    margin-right: 20px;
    padding-left: 17px;
    background-repeat: no-repeat;
    background-position: center | left;
}

.experience_action .experience_action_item:hover
{
    color: #555;
}

.experience_action .exp_modify
{
    background-image: ;
}

.experience_action .exp_modify:hover
{
    background-image: ;
}

.experience_action .exp_delete
{
    background-image: ;
}

.experience_action .exp_delete:hover
{
    background-image: ;
}

.experience_action .exp_zan
{
    background-image: ;
}

.experience_action .exp_zaned
{
    background-image: ;
}

.experience_action .exp_zan:hover, .experience_action .exp_zaned:hover
{
    background-image: ;
}

.experience_action .exp_reply
{
    background-image: ;
}

.experience_action .exp_reply:hover
{
    background-image: ;
}

.experience_action .exp_favorite
{
    background-image: ;
}

.experience_action .exp_favorited
{
    background-image: ;
}

.experience_action .exp_favorite:hover, .experience_action .exp_favorited:hover
{
    background-image: ;
}

.experience_action .experience_action_item img
{
    margin-top: 3px;
}

.experience_right_content
{
}

.experience_right_padding
{
    margin-top: 10px;
}

.experience_label_title
{
    font-size: 12pt;
    color: rgb(117,117,117);
}

.experience_follow_title
{
    font-size: 12pt;
    color: rgb(117,117,117);
    margin-bottom: 15px;
}

.experience_follow_all
{
    font-size: 10pt;
    float: right;
    margin-right: 5px;
    color: #999999;
    padding-top: 3px;
}

.experience_latest_title
{
    font-size: 12pt;
    font-weight: bold;
    color: #333333;
    padding-top: 15px;
    margin-bottom: 15px;
}

.experience_latest_content
{
    margin-bottom: 20px;
}

.experience_latest_content div
{
    padding-bottom: 15px;
}

.experience_latest_content a
{
    padding-bottom: 15px;
    font-size: 10.5pt;
}

.experience_latest_content a:hover
{
    text-decoration:underline;
}

.experience_latest_content span
{
    font-size: 13px;
    margin-left: 5px;
    color: #999999;
}

.experience_latest_all
{
    border-bottom: 1px solid #ddd;
    height: 15px;
}

.experience_latest_border
{
    border-bottom: 1px solid #ddd;
    height: 1px;
}

.experience_latest_all a
{
    float: right;
    margin-right: 5px;
    color: #999999;
}

.experience_label_content, .experience_category_content,.experience_category_content2
{
    margin-top: 15px;
}

.experience_reprinted
{
    color: rgba(0, 0, 0, 0.25);
    margin-bottom: 30px;
}

/* addexperience
----------------------------------*/
.add_exp_title
{
    margin-top: 40px;
    margin-bottom: 20px;
}

.add_exp_title input
{
    width: 690px;
    height: 35px;
    font-size: 12pt;
    padding-left: 5px;
    border:1px solid transparent;
}
.add_exp_title textarea::placeholder {
    color: #999999;
}

.add_exp_type
{
    margin-bottom: 25px;
    float:left;
}

.add_exp_type span
{
    font-size: 9pt;
    color: rgba(0, 0, 0, 0.25);
}

.add_exp_type a
{
    margin-right: 15px;
    text-decoration: none;
    font-size: 9pt;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.link_selected
{
    padding: 3px 20px 3px 7px;
    border: 1px solid #ff5050;
    color: #ff5050;
    background-image: ;
    background-repeat: no-repeat;
    background-position: 33px 3px;
}

.link_selected2
{
    padding: 2px 20px 2px 7px;
    border: 1px solid #00ab6b;
    color: #00ab6b;
    background-image: ;
    background-repeat: no-repeat;
    background-position: 69px 3px;
}

.link_selected3
{
    padding: 2px 20px 2px 7px;
    border: 1px solid #00ab6b;
    color: #00ab6b;
    background-image: ;
    background-repeat: no-repeat;
    background-position: 57px 3px;
}

.link_normal2
{
    padding: 3px 7px;
    border: 1px solid #999999;
    color: #999999;
}

.link_red_selected
{
    padding: 2px 7px 2px 7px;
    border: 1px solid rgb(255,90,95);
    color: rgb(255,90,95);
}

.link_green_selected
{
    padding: 2px 7px 2px 7px;
    border: 1px solid #00ab6b;
    color: #00ab6b;
}

.link_normal
{
    color: #999999;
}

.add_exp_content
{
    margin-bottom: 20px;
    width: 700px;
}

.add_exp_originallink
{
    margin-bottom: 25px;
}

.add_exp_originallink a
{
    text-decoration: none;
    font-size: 9pt;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.link_original_selected {
  padding: 3px 20px 3px 7px;
  border: 1px solid #ff5050;
  color: #ff5050;
  background-image: ;
  background-repeat: no-repeat;
  background-position: 57px 3px;
}

.link_original_normal2 {
  padding: 3px 7px;
  border: 1px solid #999999;
  color: #999999;
}

.add_exp_originallink input[type=text]
{
    display: none;
    width: 659px;
    height: 30px;
    font-size: 12pt;
    margin-left: 20px;
    padding-left: 5px;
}

.add_exp_auth 
{
   margin-bottom: 25px;
   font-size: 9pt;
   color: rgba(0, 0, 0, 0.25);  
}

.add_exp_publiccolumn
{
    margin-bottom: 20px;
    font-size: 9pt;
    color: rgba(0, 0, 0, 0.25);
}

.add_exp_personalcolumn
{
    font-size: 9pt;
    color: rgba(0, 0, 0, 0.25); 
    margin-bottom: 40px; 
}

.add_exp_publiccolumn a
{
    margin-left: 15px;
    text-decoration: none;
    font-size: 9pt;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.add_exp_auth a
{
    text-decoration: none;
    font-size: 9pt;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}


.add_exp_personalcolumn .content 
{
 margin-top:15px;    
}

.add_exp_personalcolumn .content a 
{
    margin-right:15px;
    text-decoration: none;
    font-size: 9pt;
    border-radius: 5px;
    -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
}

.add_exp_label
{
    margin-bottom: 60px;
}

.add_exp_label .add_exp_labelall
{
    color: rgba(0, 0, 0, 0.25);
    margin-top: 10px;
}

.add_exp_labelall .mylabel
{
    margin-bottom: 10px;
}

.add_exp_labelall .mylabeltitle, .add_exp_labelall .userlabeltitle
{
    width: 70px;
    margin-top: 3px;
}

.add_exp_labelall .mylabelcontent, .add_exp_labelall .userlabelcontent
{
    width: 620px;
}

.add_exp_label .add_exp_labelall div
{
    float: left;
}

.add_exp_label .add_exp_labelall div a
{
    text-decoration: none;
    padding: 3px 10px;
    float: left;
}

.add_exp_label .add_exp_labelall div a:hover
{
    background-color: #3377aa;
    color: white;
}

.add_exp_label .add_exp_labelinput input
{
    width: 659px;
    height: 24px;
    font-size: 13px;
    margin-top: 10px;
    margin-left: 5px;
    margin-bottom: 10px;
    border: 0px;
    background-color: white;
    outline: none;
}

.add_exp_label .add_exp_labelinput
{
    border: 1px solid #ccc;
    width: 685px;
    height: 43px;
}

.add_exp_submit
{
    margin-top:40px;
    margin-bottom: 80px;
}

.add_exp_submit a
{
    margin-left: 30px;
    text-decoration: none;
}

/*推荐书单样式*/

.wc_booklist_titlecontent
{
    float: left;
    width: 520px;
}

.wc_booklist_title
{
    margin-bottom: 15px;
}

.wc_booklist_title a
{
    font-weight: bold;
    font-size: 20px;
    color: #555;
}

.wc_booklist_title a:hover
{
    color: rgba(0, 0, 0, 0.8);
}

.wc_booklist_des
{
    font-size: 10.5pt;
    color: #999999;
}

.wc_booklist_imgs
{
    float: right;
    width: 60px;
    height: 60px;
    cursor: pointer;
}

.wc_booklist_img
{
    float: left;
    width: 27px;
    height: 27px;
    margin-left: 2px;
    margin-top: 2px;
    background-color: #c0c0c0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    overflow: hidden;
}

#booklistsclasss
{
    padding-left: 10px;
    background-color: #f7f7f7;
    color: #333333;
    clear: both;
}

#booklistsclasss span
{
    padding: 10px 10px 10px 10px;
    font-size: 10pt;
    float: left;
}

.wc_booklist_contentaction
{
    color: rgba(0, 0, 0, 0.3);
    margin-top: 20px;
}

.wc_booklist_contentaction img
{
    width: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.pc_booklist_imgs
{
    float: left;
    width: 80px;
    height: 80px;
    cursor: pointer;
}

.pc_booklist_img
{
    float: left;
    width: 37px;
    height: 37px;
    margin-left: 2px;
    margin-top: 2px;
    background-color: #c0c0c0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    overflow: hidden;
}

.pc_booklist_content 
{
    margin-left: 143px;
}

.pc_booklist_des
{
    color: rgba(0, 0, 0, 0.6);
    margin-top: 10px;
}

.pc_booklist_des .des
{
    font-size: 11pt;
    color: #666;
    margin-top: 5px;
}

/*推荐书评样式*/

.recbookreview_title
{
    margin-bottom: 10px;
}

.recbookreview_title a
{
    color: #555;
    font-weight: bold;
    font-size: 20px;
}

.recbookreview_title a:hover
{
    color: rgba(0, 0, 0, 0.8);
}

.recbookrevie_user_img {
   float: left;
   width: 40px;
}

.recbookrevie_user_img img
{
    width: 40px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

.recbookrevie_user_img2 {
   float: left;
   width: 50px;
}

.recbookrevie_user_img2 img
{
    width: 50px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
}

.recbookrevie_user_info
{
    float: left;
    margin-left:8px;
}

.recbookrevie_user_time
{
    float: right;
    width:70px;
    margin-top: 5px;
    font-size: 9pt;
    color: #999999;
}

.recbookrevie_person img, .recbookrevie_person2 img
{
    width: 12px;
}

.recbookrevie_person2 span 
{
    padding-right:5px;
}

.manswer_child img 
{
    width: 12px;  
}

.recbookrevie_person_name
{
    color: #333333;
}

.manswer_child .birthday
{
    color: #999999;
    margin-right:0px;
}

.recbookrevie_star
{
    margin-right: 5px;
    margin-top: 5px;
}

.recbookrevie_star img
{
    width: 15px;
}

.recbookrevie_star2
{
    margin-left: 3px;
    margin-top: 3px;
}

.recbookrevie_star2 img
{
    width: 10px;
}

.recbookrevie_person_birthday
{
    font-size: 9pt;
    color: #666666;
    margin-left: 3px;
}

.my_exp_userno2 
{
    font-size: 9pt;
    color: #666666; 
}

.recbookrevie_info
{
    float: left;
    /**max-width: 500px;**/
}

.recbookrevie_info2
{
    width: 590px;
}

.recbookrevie_info3
{
    width:100%;
}

.recbookrevie_info4
{
    width:100%;
    margin-top:10px;
}

.mbook_review_image
{
 margin:0px;
 padding:0px;
 float:left;
 width:calc(33.3% - 7px);
 display:inline-block;
}

.mbook_padding 
{
  margin-right:10.5px;
  margin-bottom:10.5px;   
}

.mbook_review_image img
{
 width:100%;
}

.recbookrevie_bookimg
{
    float: right;
}

.recbookrevie_bookimg img
{
    width: 80px;
}

.recbookrevie_attribute
{
    margin-top: 10px;
    color: #999999;
}

.recbookrevie_imgs
{
    margin-top: 25px;
}

.recbookrevie_imgs img
{
    max-width: 208px;
    max-height:156px;
    margin-bottom:9px; 
}

.recbookrevie_imgs2
{
    margin-top: 15px;
}

.recbookrevie_imgs2 img
{
    max-width: 80px;
    max-height:80px;
    margin-bottom:9px; 
}

.recbookrevie_content
{
    margin-top: 15px;
    font-size: 15px;
    color: #333333;
    line-height: 25px;
}

.recbookrevie_content a
{
    font-size:15px;   
    color: #333333;
}

.recbookrevie_content a:hover
{
    color: #666;
}

.recbookrevie_content .bookreview_fold
{
    color: #3377aa;
}

.recbookrevie_content .bookreview_fold:hover
{
    color: #6688ff;
}

.recbookrevie_content .content,.recbookrevie_content .content:hover
{
    color: #333333;
}

.recbookrevie_time
{
    float: right;
    margin-top: 13px;
    color: #999999;
}

.recbookrevie_action
{
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    color: #999999;
}

.recbookrevie_action img
{
    margin-left: 10px;
    width: 15px;
    float: left;
}

.recbookrevie_action span
{
    margin-left: 3px;
    float: left;
}

.index_booklist_content
{
    text-align:left; 
}

/*热门图书*/
.index_category_content
{
    text-align:left;  
}

.index_category_content .hot_book_item
{
    float: left;
    margin-bottom: 25px;
}

.index_category_content .hot_book_item .book_img
{
    background-color: rgb(237,237,237);
    width: 106px;
    height: 158px;
}

.index_category_content .hot_book_item .book_img img
{
    width: 106px;
    height: 158px;
}

.index_category_content .hot_book_item .book_name
{
    margin-top: 5px;
}

.index_category_content .hot_book_item .book_name a
{
    color: #999999;
}

.index_category_content .hot_book_item .book_name a:hover
{
    color: #666666;
}

.book_right
{
    margin-right: 12.5px;
}

/*单个书单*/
.pc_booklist_info
{
    font-size: 10.5pt;
    float: left;
    margin-top: 15px;
    width:100%;
}

.pc_booklist_info a
{
    color: #555;
}
.pc_booklist_info span 
{
    color:#999;
    font-size: .86em;
    line-height: 1.6;
}
.pc_booklist_info div
{
    margin-bottom: 5px;
}

.assey_hint 
{
    margin-bottom: 25px;
}
.assey_hint a
{
    color: #1d89ff;
}

.assey_icon
{
    width: 20px;
    height: 20px;
}

.assey_icon img
{
    width: 100%;
    height: 100%;
    margin-top: 3px;
}

.assey_right
{
    width: calc(100% - 35px);
    float: left;
    margin-left: 10px;
}
    

/*单本书*/

.single_book_title
{
    width: 830px;
    font-size: 26px;
    color: #333333;
    font-weight: bold;
}
    
.app_book_info
{
    font-size: 15px;
    float: left;
    margin-top: 15px;
    color: #111111;
}
.app_book_info span
{
    color: #666;
    margin-right: 10px;
}
.app_book_info div
{
    margin-bottom: 3px;
}
.app_book_title
{
    margin-top: 5px;
    margin-bottom: 25px;
    font-size: 10.5pt;
    color: #666666;
    text-align: center;
}

.app_book_title2
{
    margin-top: 5px;
    font-size: 10.5pt;
    color: #666666;
    text-align: center;
}

.pc_book_basic_info
{
    display:inline-block;
    width:835px;
    margin-bottom: 7px;
    color: #333;
} 
.book_info_line
{
    width: 100%;
    height: 1px;
    background: #f2f2f2;
    margin-bottom: 25px;
}
.comment_title
{
    display: inline-block;
    float: left;
    padding-top: 0px;
}
.single_series_book_title
{
    display: table-cell;
    width: 830px;
    font-size: 26px;
    color: #333333;
    font-weight: bold;
    vertical-align: middle;
    line-height: 35px;
}
.pc_book_basic_info .series_flag
{
    background: #c2c2c2;
    font-size: 13px;
    color: #ffffff;
    text-align: center;
    margin-left: 10px;
    padding: 4px 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    vertical-align: top;
}
.pc_book_basic_info .booklist
{
    display: inline-block;
    text-align: center;
    margin-bottom: 5px;
    margin-right: 15px;
}

.pc_book_basic_info .booklist_no
{
    float:left;
    height: 20px;
    background: #ff505a;
    padding:0 5px;
    color: white;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.pc_book_basic_info .booklist_name
{
    float:left;
    height: 20px;
    background: #feefee;
    color: #ff505a;
    padding:0 8px;
    font-size: 12px;
    line-height: 20px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.pc_book_basic_info .more_activity
{
    height: 20px;
    color: #3377aa;
    font-size: 12px;
}

.pc_book_basic_info .book_attribute
{
    width: 170px;
    background: #f7f7f7;
    font-size: 15px;
    color: #111111;
    padding-bottom: 5px;
    margin-bottom: 20px;
}
.book_attribute .have_count
{
    padding-top: 15px;
    margin-left: 15px;
    display: flex;
    align-items: center;
}
.pc_book_basic_info .book_attribute .have_count img
{
    width: 15px;
    height: 15px;
    margin-right: 5px;
}
.book_attribute .comment_count
{
    margin-left: 15px;
    margin-top: 5px;
    display: flex;
    align-items: center;
}
.pc_book_basic_info .book_attribute .comment_count img
{
    width: 13px;
    height: 13px;
    margin-left: 1px;
    margin-right: 6px;
}
.book_attribute .have_count span, .book_attribute .comment_count span
{
    color: #ff505a;
}
.book_attribute .bookcase_hint
{
    width: 100%;
    margin-top: 5px;
    text-align: center;
    font-size: 12px;
    color: #999;
    line-height: 20px;
}
.book_attribute .write_bookcomment
{
    margin: 15px 20px;
    color: #ff505a;
    font-size: 15px;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
    border: 1px solid #ff505a;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor:pointer;
}
.pc_book_distitle, .pc_reading_activitytitle
{
    color: #111;
    font-size: 20px;
    text-align: left;
    font-weight: bold;
}
.pc_book_distitle span
{
    font-size: 15px;
    margin-left: 10px;
    font-weight: normal;
    color: #999;
}
.pc_book_taoxi_level
{
    color: #999;
    font-size: 16px;
}
.pc_book_taoxi_level .taoxi_name
{
    font-size: 16px;
    font-weight: normal;
}
.pc_book_taoxi_level span
{
    color: #111;
    font-size: 16px;
    margin-left: 5px;
    margin-right: 10px;
}

.xhs_level
{
    width: 100%;
    margin-bottom: 20px;
}
.xhs_level .all_level
{
    float: right;
    font-size: 16px;
    font-weight: normal;
}

.reading_record_count
{
    font-size: 20px;
    font-weight: bold;
    color: #111111;
    line-height: 30px;
}
.reading_record_count span
{
    color: #ff505a;
}
.avg_count
{
    margin-top: 5px;
    font-size: 15px;
    color: #333;
}
.avg_count .percent
{
    margin-right: 8px;
}
    
.display_center
{
    width: 100%;
    display: flex;
    justify-content: center;
}

.boy_girl_rate
{
    display: inline-block;
    height: 16px;
    margin-top: 15px;
}

.boy_girl_rate span
{
    float: left;
    color: #333;
    font-size: 9pt;
}

.boy_girl_rate .boy_rate
{
    float: left;
    background: #cce6ff;
    margin-left: 10px;
    padding-left: 5px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    text-align: left;
}

.boy_girl_rate .girl_rate
{
    float: left;
    background: #feeeeb;
    margin-right: 10px;
    padding-right: 5px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    text-align: right;
}

.book_in_taoxi
{
    display: flex;
    margin-top: 15px;
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.book_in_taoxi .one_book_info
{
    width: 75px;
    margin: 10px 0 10px 10px;
}
.book_in_taoxi .one_book_info img
{
    width: 75px;
    height: 100px;
}

.like_books
{
    display: flex;
    margin-top: 20px;
    flex-wrap: wrap;
}

.like_books .one_book_info
{
    width: 128px;
}
.like_books .one_book_info img
{
    width: 128px;
    height: 170px;
}
.like_books .one_book_info span
{
    margin-top: 5px;
    font-size: 15px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow: ellipsis;
}
.one_book_info .cover_info
{
    position: relative;
}
.one_book_info .cover_info .cover_no
{
    width: 20px;
    height: 30px;
    position: absolute;
    background-color: #ff5050;
    font-size: 13px;
    color: white;
    top: 4px;
    text-align: center;
    line-height: 30px;
}
.one_book_info .cover_info .cover_no1
{
    width: 20px;
    height: 30px;
    position: absolute;
    background-color: #666666;
    font-size: 10px;
    color: white;
    top: 4px;
    text-align: center;
    line-height: 30px;
}
.one_book_info .cover_info .punch_count
{
    width: calc(100% - 30px);
    position: absolute;
    bottom: 0;
    text-align: center;
    margin-left: 15px;
    margin-right: 15px;
}
.one_book_info .cover_info .punch_count span
{
    background-color: #ff5050;
    height: 24px;
    line-height: 24px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    font-size: 10px;
    color: white;
    text-align: center;
}

.book_booklists
{
    display: flex;
    margin-top: 20px;
    flex-wrap: wrap;
    
}
.book_booklists .one_booklist
{
    width: 144px;
}
.book_booklists .one_booklist .cover
{
    position: relative;
    width: 144px;
    height: 144px;
}
.one_booklist .cover .img1
{
    position: absolute;
    background: #f2f2f2;
    top: 0;
    left: 0;
    width: 108px;
    height: 144px;
    border-radius: 5px;
    z-index: 1003;
}
.one_booklist .cover .img2
{
    position: absolute;
    background: #f2f2f2;
    top: 12px;
    left: 28px;
    width: 99px;
    height: 132px;
    border-radius: 5px;
    z-index: 1002;
}
.one_booklist .cover .img3
{
    position: absolute;
    background: #f2f2f2;
    top: 24px;
    right: 0;
    width: 90px;
    height: 120px;
    border-radius: 5px;
    z-index: 1001;
}
.book_booklists .one_booklist span
{
    margin-top: 10px;
    font-size: 15px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow: ellipsis;
}

.booklist_cover
{
    float:left;
    position: relative;
    width: 128px;
    height: 128px;
}
.booklist_cover .img1
{
    position: absolute;
    background: #f2f2f2;
    top: 0;
    left: 0;
    width: 96px;
    height: 128px;
    border-radius: 5px;
    z-index: 1003;
}
.booklist_cover .img2
{
    position: absolute;
    background: #f2f2f2;
    top: 12px;
    left: 25px;
    width: 87px;
    height: 116px;
    border-radius: 5px;
    z-index: 1002;
}
.booklist_cover .img3
{
    position: absolute;
    background: #f2f2f2;
    top: 24px;
    right: 0;
    width: 78px;
    height: 104px;
    border-radius: 5px;
    z-index: 1001;
}

.blog_booklist
{
    display: block;
    width: 100%;
    height: 132px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #f2f2f2;
}
.blog_booklist .blog_booklist_cover
{
    float:left;
    position: relative;
    width: 112px;
    height: 112px;
    margin: 10px;
}
.blog_booklist_cover .img1
{
    position: absolute;
    background: #f2f2f2;
    top: 0;
    left: 0;
    width: 84px;
    height: 112px;
    border-radius: 5px;
    z-index: 1003;
}
.blog_booklist_cover .img2
{
    position: absolute;
    background: #f2f2f2;
    top: 12px;
    left: 23px;
    width: 75px;
    height: 100px;
    border-radius: 5px;
    z-index: 1002;
}
.blog_booklist_cover .img3
{
    position: absolute;
    background: #f2f2f2;
    top: 24px;
    right: 0;
    width: 66px;
    height: 88px;
    border-radius: 5px;
    z-index: 1001;
}
.blog_booklist_content
{
    float: left;
    width: calc(100% - 142px);
    vertical-align: top;
    margin: 0;
    padding: 0;
}
.blog_booklist_title
{
    margin-top: 10px;
    font-weight: bold;
    font-size: 20px;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.blog_booklist_des
{
    font-size: 15px;
    color: #666666;
    margin-top: 10px;
    margin-bottom: 5px;
}

.blog_booklist_des .des
{
    margin-bottom: 5px;
}
.subjects_head
{
    width: 100%;
    display: inline-block;
    text-align: left;
}
.subjects_head .sub_category_items
{
     width: calc(100% - 250px);
     float: left;
     margin-left: 15px;
     margin-top: 20px;
     text-align: left;
}

.subjects_head .sub_category_items .category_item 
{
    float: left;
    width: auto;
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin-right: 10px;
    font-size: 18px;
    font-weight: bold;
    padding: 0px 10px 0px 10px;
}

.subjects_sub_category
{
    margin-left: 20px;
    color: #ff505a;
    font-size: 16px;
    font-weight: bold;
}
.booklists_head
{
    text-align: left;
    margin-bottom: 15px;
}
.booklists_head span
{
    font-size: 17px;
    font-weight: bold;
    color: #121212;
    margin-left: 20px;
    margin-right: 20px;
    line-height: 33px;
    text-align: center;
}
.booklists_head .is_selected
{
    color: #ff5050;
}
.group_language
{
    font-size: 17px;
    font-weight: bold;
    color: #ff5050;
    margin-left: 20px;
    margin-top: 20px;
}
.booklists_category_name
{
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    margin-left: 20px;
    margin-top: 10px;
}
.category_line
{
    height: 1px;
    background-color: #efefef;
    margin-left: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 20px;
}
.category_booklists
{
    display: flex;
    flex-wrap: wrap;
    margin-left: 20px;
    margin-right: 20px;
}
.category_booklists .one_hot_booklist
{
    width: 50%;
    margin-top: 15px;
    margin-bottom: 15px;
}
.one_hot_booklist .covers
{
    display: flex;
    flex-wrap: nowrap;
}
.one_hot_booklist .covers img
{
    width: 60px;
    height: 90px;
    margin-right: 2px;
}
.one_hot_booklist .hot_booklist_name
{
    font-size: 17px;
    color: #3377aa;
    font-weight: bold;
    margin-top: 5px;
}
.one_hot_booklist .hot_booklist_count
{
    font-size: 12px;
    color: #666666;
    margin-top: 2px;
}

.tag_by_level 
{
    background: #fff;
    padding: 5px 20px;
}

.tag_by_content 
{
    float:left;
    height:auto;
    overflow:hidden;
    width:calc(100% - 20px);
}

.tag_by_level .tag_item 
{
    float: left;
    width: auto;
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin-right: 10px;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    font-size: 14px;
    cursor: pointer;
    padding: 0px 10px 0px 10px;
}

.tag_by_level .tag_selected
{
    background-color:#ffecec;
}
    
.tag_by_level .tag_selected a
{
    color:#ff505a;
}

.tag_by_level .tag_select
{
    background-color:#f0f2f4;
}
    
.tag_by_level .tag_select a
{
    color: #444;
}

.book_buy
{
    padding-bottom: 15px;
    font-size: 13px;
}
.book_buy .buy_shop
{
    float: left;
    margin-left: 20px;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
}
.book_buy .buy_price
{
    margin-left: 50px;
    line-height: 25px;
    text-align: center;
    color: #ff5050;
    font-size: 15px;
}
.book_buy .buy_button
{
    float:right;
    background: #fff;
    margin-right: 15px;
    padding: 2px 5px;
    font-size: 14px;
    color:white;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #ff505a;
    background-color:#ff505a;
    animation: mybreath 1s linear infinite;  
}
.book_buy .buy_line
{
    margin: 15px;
    height: 1px;
    background: #f2f2f2;
}
.right_book_info .title
{
}
.right_book_info .book_cover img
{
    max-height: 120px;
}
.right_book_info .book_attr
{
    font-size: 15px;
    float: left;
    margin-top: 15px;
    color: #444444;
}
.right_book_info .book_attr span
{
    color: #666;
    margin-right: 10px;
}
.right_book_info .book_attr div
{
    margin-bottom: 3px;
}
    
.pc_book_cover
{
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
}

.pc_book_cover img
{
    max-width: 150px;
}

.app_book_cover
{
    text-align: center;
}

.app_book_cover img
{
    max-width: 200px;
}
.app_book_dis
{
    font-size: 15px;
    color: #444;
    text-align: left;
    line-height: 1.62;
}
.app_book_dis span
{
    font-size: 15px;
    line-height: 24px;
    word-wrap: break-word;
    margin: 0px;
}
.marginbottom35
{
    padding-bottom: 35px;
}
.rating
{
    font-size: 12px;
    line-height: 22px;
    word-wrap: break-word;
}
.rating span
{
    color: #8e8e8e;
}
.rating-stars
{
    vertical-align: sub;
    display: inline-block;
    margin-right: 1px;
    background-color: transparent;
    background-repeat: no-repeat;
}
.rating-star
{
    display: inline-block;
    margin-right: 1px;
    background-color: transparent;
    background-repeat: no-repeat;
}
.rating-star-medium-full
{
    background-image: ;
}
.rating-star-medium-gray
{
    background-image: ;
}
.rating-star-medium-full, .rating-star-medium-half, .rating-star-medium-gray
{
    width: 13px;
    height: 13px;
    background-size: 13px 13px;
}
.app_book_line
{
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: rgb(236,236,236);
    height: 1px;
}

.fclear
{
    clear: both;
}
.car
{
    margin: 0px 15px;
}

.book_booklist_title
{
    margin-top: 25px;
    margin-bottom: 10px;
    font-size: 12pt;
    color: #999999;
}

.book_booklist_item a
{
    text-decoration: none;
    font-size: 10pt;
    color: #333333;
}

.book_topic_title
{
    margin-top: 25px;
    margin-bottom: 10px;
    font-size: 12pt;
    color: #999999;
}

.book_topic_item a
{
    text-decoration: none;
    font-size: 10pt;
    color: #333333;
}

/*单个话题*/
.resource_topic_info
{
    padding-top: 20px;
    border: 1px dashed rgba(187, 187, 187, 100);
    margin: 0 20px 20px;
}

.resource_topic_info .topic_head
{
    text-align:left;
    margin: 0;
    float: left;
}
.resource_topic_info .topic_title
{
    display: flex;
    align-items: center;
    font-size: 24px;
    color: #121212;
    font-weight: bold;
    text-align: left;
    line-height: 25px;
    vertical-align: middle;
}
.resource_topic_info .topic_title img
{
    margin-left: 20px;
    margin-right: 5px;
    width: 20px;
    height: 20px;
}
.topic_head .topic_summary
{
    margin-left: 20px;
    margin-top: 8px;
    margin-bottom: 15px;
    font-size: 13px;
    color: #999999;
}

.resource_topic_info .topic_content
{
    margin-left: 20px;
    margin-top: 3px;
    margin-bottom: 15px;
}
.resource_topic_info .write_blog
{
    float: right;
    margin-right: 20px;
    margin-top: 10px;
    font-size: 15px;
    height: 26px;
    width: 74px;
    text-align: center;
    line-height: 26px;
    color: #ff505a;
    border-radius: 13px;
    border: 1px solid #ff505a;
    cursor: pointer;
}
.resource_topic_info .entry
{
    width: 100%;
    display: flex;
    height: 50px;
}

.resource_topic_info .entry .operate_type
{
    width: 33%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    color: #333333;
    font-weight: bold;
    cursor: pointer;
    
}
.resource_topic_info .entry .v_line
{
    width: 1px;
    height: 36px;
    margin-top: 7px;
    background-color: #e2e2e2;
}

.resource_topic_info .entry .operate_type img
{
    width: 18px;
    height: 18px;
    margin-right: 5px;
}
.resource_topic_info .child_topics
{
    display: flex;
    flex-warp: wrap;
    margin: 15px 20px 0;
}
.resource_topic_info .child_topics span
{
    font-size: 15px;
    color: #666666;
    line-height: 26px;
    margin-right: 15px;
}
.resource_topic_info .child_topics a
{
    height: 26px;
    line-height: 26px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #f6f6f6;
    font-size: 13px;
    color: #ff505a;
    text-align: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

/*编辑书单*/
.padding_left_right20
{
    padding-left: 20px;
    padding-right: 20px;
}

.padding_left_right25
{
    padding-left: 25px;
    padding-right: 25px;
}

.margin_left_right20
{
    margin-left: 20px;
    margin-right: 20px;
}
.common_margin_left
{
    margin-left: 20px;
}
.common_margin_right
{
    margin-right: 20px;
}
.review_book_allinfo
{
    width: 100%;
}

.review_book_allinfo .h1
{
    font-size: 18pt;
    color: #333333;
    font-weight: bold;
}

.review_book_title
{
    font-weight: bold;
    font-size: 12pt;
}

.review_book_attribute
{
    font-size: 10pt;
    line-height: 20px;
    margin-top: 10px;
    color: #999999;
}

.review_book_discription
{
    font-size: 15px;
    line-height: 24px;
    word-wrap: break-word;
    color: #333;
    text-align: left;
}

.single_book_list_atr
{
    color: rgba(0, 0, 0, 0.8);
    font-size: 10pt;
    margin-top:10px;
    margin-bottom:15px;
    text-align: left;
}

.review_book_bigtitle
{
    margin: 0px 15px 5px 15px;
    color: rgb(253,141,30);
    font-size: 12pt;
}

.review_book_photo
{
    float: left;
    text-align: center;
}

.review_book_photo a 
{
    display:block;
     position:relative;
     width: 108px;
     height: 144px;
}

.review_book_photo img
{
   position:absolute;
   top:0;
   left:0;
   width: 108px;
   height: 144px;
}

.select_round_table_column
{
    text-align: left;
    height: 310px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.select_column_round_title
{
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    color: #121212;
    font-size: 15px;
    font-weight: bold;
}
.add_topic_foraddarticle1
{
    float: left;
    text-align: left;
    margin-left: 20px;
    cursor: pointer;
    position: relative;
    left: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}
.add_topic_foraddarticle
{
    float: left;
    text-align: left;
    margin-left: -20px;
    cursor: pointer;
    position: relative;
    left: 0;
    margin-bottom: 15px;
}

.add_topic_foraddarticle_name
{
    float:left;
    width: 300px;
    margin-left: 25px;
    line-height: 20px;
    color: #8590a6;
    text-decoration: none;
    font-size: 14px;
}

.add_topic_foraddarticle_name1
{
    float:left;
    width: 300px;
    margin-left: 15px;
    line-height: 20px;
    color: #8590a6;
    text-decoration: none;
    font-size: 14px;
}

.add_topic_foraddarticle_name span
{
    font-size: 15px;
    line-height: 21px;
    color: #3377aa;
}

.add_topic_foraddarticle_name1 span
{
    font-size: 15px;
    line-height: 21px;
    color: #333;
}

.add_topic_foraddarticle_c, .add_topic_foraddarticle_d
{
    float: left;
    text-align: left;
}

.add_book_foraddarticle
{
    float: left;
    text-align: center;
    margin-left:10px;
}

.add_book_foraddarticle_c
{
    float: left;
    text-align: center;
    margin-left:15px;
}

.add_book_foraddarticle_c input[type='radio'], .add_topic_foraddarticle_c input[type='radio'] {
    width: 20px;
    height: 20px;
    opacity: 0;
}
.add_topic_foraddarticle_d input[type='radio'] {
    width: 20px;
    height: 20px;
}
 
.add_book_foraddarticle_c label {
    position: absolute;
    left: 20px;
    top: 22px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #999;
}

.add_topic_foraddarticle_c label 
{
    position: absolute;
    left: 20px;
    top: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #999;
}
    
.add_book_foraddarticle_c input:checked label, .add_topic_foraddarticle_c input:checked label {
    background-color: #3c86f1;
    border: 1px solid #3c86f1;
}
 
.add_book_foraddarticle_c input:checked   label::after, .add_topic_foraddarticle_c input:checked   label::after {
    position: absolute;
    content: '';
    width: 3px;
    height: 8px;
    top: 2px;
    left: 5px;
    border: 2px solid #fff;
    border-top-color: rgb(255, 255, 255);
    border-top-style: solid;
    border-top-width: 2px;
    border-left-color: rgb(255, 255, 255);
    border-left-style: solid;
    border-left-width: 2px;
    border-top: none;
    border-left: none;
    transform: rotate(45deg);
}

.add_book_foraddarticle_a 
{
    cursor:pointer;   
    position:relative;
}

.add_book_foraddarticle img
{
     width:90px;
     height:120px;
}

.book_activity_cover
{
    float: left;
    margin-top: 0;
    margin-right: 0;
}
.book_activity_info
{
    float: left;
    height: 128px;
    width: calc(100% - 148px);
}
.book_activity_summary
{
    margin-top: 20px;
    font-size: 11pt;
    line-height: 20px;
}
.book_activity_summary span
{
    line-height: 20px;
}
.book_activity_summary a
{
    font-size: 15px;
    color: #666;
}

.book_activity_des
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 5px;
}

.review_book_info
{
    float: left;
    width: calc(100% - 108px - 15px);
    padding-left: 15px;
}

.add_book_foraddarticleinfo
{
    float: left;
    width: calc(100% - 20px - 10px - 20px - 90px - 30px);
    padding-left: 10px;
}

.review_book_phototitle a
{
    font-weight: bold;
    font-size: 20px;
    color: #555;
    line-height:20px;
}

.review_book_phototitle span 
{
    font-size: 15px;
    line-height: 1.3;
    color: #555;
}

.review_book_phototitle a:hover
{
    color: rgba(0, 0, 0, 0.8);
}

.review_book_photodis
{
    margin-top: 15px;
    font-size: 15px;
    line-height: 20px;
    color: #333;
    line-height: 24px;
    background-color: #f2f2f2;
    border-radius: 5px;
    padding: 10px;
}

.review_book_photodis .put_in_date
{
    font-size: 12px;
    color: #999;
}
.review_book_photodis .user_info
{
    height: 20px;
    display: flex;
    align-items: center;
    margin-bottom: 7px;
}
.review_book_photodis .user_info img
{
    width: 20px;
    height: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin-right: 5px;
}

.review_book_photodis .user_info .star_remark
{
    font-size: 13px;
    color: #666;
    margin-right: 10px;
}

.review_book_photodis .user_info .comment_star
{
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 3px;
}

.review_book_photodis .user_info .comment_star img
{
    width: 12px;
    height: 12px;
    margin-left: 0;
    margin-right: 0;
}

.review_book_photodis .comment_content
{
    font-size: 14px;
    color: #333;
    margin-top: 3px;
}

.review_book_photodis .comment_content:hover
{
    color: #666;
}

.review_book_photodis .talk
{
    color:#333333;
 }
 
 .review_book_photodis .username 
 {
    color:#999999;   
 }

.review_book_bookpad
{
    border-bottom: 1px solid #f0f2f7;
    margin-top: 20px;
    margin-bottom: 20px;
}

.review_book_discriptionpad
{
    background-color: #f7f7f7;
    height: 10px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.review_book_bigtitlepad
{
    margin-bottom: 25px;
    background-color: rgb(253,141,30);
    height: 1px;
}

/*搜索图书*/
.search_book_img
{
    float: left;
    width: 120px;
    height: 179px;
}

.search_book_img img
{
    width: 120px;
}
.search_book_info
{
    float: left;
    margin-left: 10px;
    width: 450px;
}
.search_book_info .name a
{
    font-weight: bold;
    font-size: 20px;
    color: #555;
}
.search_book_info .name a:hover
{
    color: rgba(0, 0, 0, 0.8);
}
.search_book_info .author, .search_book_info .press
{
    font-size: 10.5pt;
    color: rgba(0, 0, 0, 0.3);
}
.seach_book_split
{
    margin-bottom: 15px;
    margin-top: 15px;
    border-bottom: 1px solid #ddd;
}

.search_book_info div
{
    margin-bottom: 10px;
}

.discuss_topic_item
{
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 0 15px;
    border-bottom: 1px dashed #d9d9d9;
}

.discuss_topic_item .img img
{
    width: 60px;
    height: 60px;
}

.discuss_topic_item .img
{
    float: left;
}

.discuss_topic_item .info
{
    float: left;
    margin-left: 10px;
    width:520px;
}

.discuss_topic_item .info .action
{
    float: right;
    line-height: 25px;
}

.discuss_topic_item .info .action a:hover
{
    color: white;
}

.discuss_topic_item .info .action .topic_focused a:hover
{
    color: #333;
}

.discuss_topic_item .action div 
{
   float:left;
   margin-left:15px;
    margin-right: 0px;
}

.discuss_topic_item .info .topic_focused a
{
    background-color: rgb(245,245,245);
    color: #666666;
    font-size: 10pt;
    padding: 3px 14px;
    text-decoration: none;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border: 1px solid #d5d5d5;
}

.discuss_topic_item .info .topic_focus a
{
    background-color: #51a351;
    color: white;
    font-size: 10pt;
    padding: 4px 15px;
    text-decoration: none;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.discuss_topic_item .info .description
{
    margin-top: 5px;
    margin-right: 10px;
}

.discuss_topic_name
{
    margin-bottom: 15px;
    font-size: 12pt;
    color: #999999;
}

.discuss_topic_content
{
    margin-bottom: 10px;
}

.topheight
{
    margin-bottom: 20px;
}

.discuss_topic_item .info a
{
    color: #555;
    font-size: 12pt;
    text-decoration: none;
}

.discuss_topic_item .info a:hover
{
    color: rgba(0, 0, 0, 0.8);
}


.discuss_topic_item .info span
{
    color: #999999;
    font-size: 10pt;
}

/*讨论区样式*/
.bbs_topic_left
{
    float: left;
    width: 28px;
    text-align: center;
}

.bbs_topic_left span
{
    display: block;
    line-height: 12px;
    color: #cccccc;
}

.bbs_topic_left img
{
    width: 18px;
    height: 18px;
}

.bbstopiclist_border
{
    border-bottom: 1px solid #f0f2f7;
    margin-top: 20px;
    margin-bottom: 20px;
}

.bbstopiclist_border2
{
    border-bottom: 1px solid #ddd;
    margin-top: 15px;
    margin-bottom: 15px;
}

.bbs_topic_userinfo
{
    margin-left: 36px;
}

.bbs_topic_content
{
    margin-left: 36px;
    margin-bottom: 2px;
    font-size: 10.5pt;
    color: #999;
    line-height: 24px;
}

.bbs_topic_userinfo img
{
    width: 20px;
    height: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.topic_userinfo_img
{
    float: left;
    height: 20px;
    margin-top: 13px;
}

.topic_userinfo_username
{
    float: left;
    margin-left: 5px;
    margin-top: 13px;
}

.topic_userinfo_username a
{
    color: #00ab6b;
}

.topic_userinfo_time
{
    float: right;
    margin-top: 13px;
    color: #999999;
}

.bbs_topic_contentleft
{
    margin-left: 10px;
    float: left;
    width: 487px;
}

.bbs_topic_contentleft2
{
    margin-left: 10px;
    float: left;
    width: 547px;
}

.bbs_topic_contentleft a, .bbs_topic_contentleft2 a
{
    font-weight: bold;
    font-size: 18px;
    color: #555;
}

.bbs_topic_contentleft a:hover, .bbs_topic_contentleft2 a:hover
{
    color: rgba(0, 0, 0, 0.8);
}


.bbs_topic_contentright
{
    float: right;
    width: 50px;
}

.bbs_topic_contentright img
{
    width: 50px;
    height: 50px;
}

/*单个话题*/
.single_topic_category
{
}

.single_topic_category .img img
{
    width: 80px;
    height: 80px;
}

.single_topic_category .img
{
    float: left;
}

.single_topic_category .info
{
    float: left;
    margin-left: 10px;
}

.single_topic_category .info div
{
    margin-bottom: 8px;
}

.single_topic_category .info .name
{
    color: #333333;
    font-size: 12pt;
    text-decoration: none;
}

.single_topic_category .info span
{
    color: #999999;
    font-size: 10pt;
    margin-right: 10px;
}

.wc_sintopic_all
{
    margin: 0px 0px;
}

.wc_sintopic_head
{
    float: left;
}

.wc_sintopic_head2
{
    float: left;
    width: 40px;
    height: 40px;
}

.wc_sintopic_head img
{
    width: 20px;
    height: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.wc_sintopic_head2 img
{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

.wc_sintopic_userinfo
{
    float: left;
    padding-left: 8px;
    line-height: 20px;
}

.wc_sintopic_username
{
    font-size: 10pt;
    color: #999999;
}

.wc_topic_content
{
    margin-top: 10px;
    font-size: 16px;
    color: #666666;
    line-height: 28px;
}

.wc_topic_atcontent
{
    padding: 3px 8px 3px 8px;
    margin-top: 10px;
    font-size: 12px;
    line-height: 28px;
    color: #999999;
    background-color: #f7f7f7;
}

.wc_topic_split
{
    background-color: #f7f7f7;
    height: 5px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.wc_topic_split2
{
    background-color: #f7f7f7;
    height: 10px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.wc_sintopic_floor
{
    text-align: right;
    float: right;
    line-height: 20px;
}

.wc_sintopic_floorno
{
    color: #666666;
}

.wc_sintopic_usertime
{
    font-size: 9pt;
    color: #999999;
}

.wc_sintopic_floorno2
{
    color: #666666;
}

.wc_sintopic_usertime2
{
    font-size: 9pt;
    color: #999999;
}

.wc_sintopic_floor2
{
    text-align: right;
    float: right;
}


.wc_topic_image
{
    margin-top: 10px;
}

.wc_topic_books
{
    margin-top: 15px;
}

.wc_topic_book
{
    float: left;
    width: 106px;
    height: 178px;
    margin-right: 10px;
    overflow: hidden;
    margin-bottom: 15px;
}

.wc_topic_bookimg
{
    width: 106px;
    height: 158px;
}

.wc_topic_bookname a
{
    color: #999999;
}

.wc_topic_bookname a:hover
{
    color: #666666;
}

.wc_topic_bookimg img
{
    width: 106px;
    height: 158px;
}

.wc_topic_booklist
{
    margin-top: 15px;
}

.wc_topic_booklist_title
{
    font-size: 12pt;
    font-weight: bold;
    float: left;
    width: 520px;
}

/*单个帖子*/
.single_postes_title
{
    font-size: 18pt;
    color: #333333;
    font-weight: bold;
    margin-bottom: 20px;
}
.sin_topic_userinfo
{
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 25px;
}

.sin_topic_userinfo img
{
    width: 40px;
}

.sin_topic_usernameortime
{
    float: left;
    padding-left: 8px;
    margin-top: 3px;
}

.sin_topic_usernameortime a, .wc_sintopic_username a
{
    color: #666666;
}

.sin_topic_usernameortime span
{
    color: #999999;
    font-size: 9pt;
}

.sin_topic_usernameortime span:first-child
{
    font-size: 10pt;
}

/*单篇日志*/

.exp_reply_add
{
    margin-top: 20px;
}

.exp_reply_atcontent
{
    padding: 10px;
    margin-top: 10px;
    font-size: 10pt;
    color: #666666;
    background-color: #f7f7f7;
}

.exp_reply_atcontent .name
{
    color: #333333;
}

.exp_reply_add textarea
{
    width: 825px;
    height: 130px;
    padding: 8px;
    margin-top: 10px;
    font-size: 10.5pt;
}

.exp_reply_post
{
    margin-top: 15px;
    margin-bottom: 50px;
}

.exp_reply_hint
{
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 15px;
    color: #666666;
    font-style: italic;
}

.exp_reply_post2
{
    width: 73%;
    margin-top: 10px;
    text-align: right;
}

.exp_reply_post a
{
    float: right;
    text-decoration: none;
    color: rgb(255,90,95);
    font-size: 10pt;
    border: 1px solid rgb(255,90,95);
    padding: 5px 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.exp_reply_post a:active,.exp_message_post a:hover
{
    color: white;
    background-color: rgb(255,90,95);
}

.exp_reply_post2 .post
{
    text-decoration: none;
    color: white;
    font-size: 10pt;
    background-color: rgb(255,90,95);
    padding: 5px 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-left: 15px;
}

.exp_reply_post2 .cancel
{
    text-decoration: none;
    color: #666666;
}

.exp_reply_action
{
    margin-top: 10px;
    text-align: right;
}

.exp_reply_action a
{
    margin-left: 10px;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.3);
}

.exp_reply_action a:hover
{
    color: #999999;
}

.exp_reply_split
{
    border-bottom: 1px solid #f4f4f4;
    margin-top: 15px;
    margin-bottom: 15px;
    height: 1px;
}

.expreply_more_out
{
    text-align: center;
    font-size: 10pt;
    padding-top: 10px;
    padding-bottom: 10px;
}

.expreply_more_out2
{
    padding-top: 10px;
    padding-bottom: 20px;
}

/*注册成功提示*/

.registe_success_tip
{
    margin-top: 100px;
    text-align: center;
    font-size: 20pt;
}

.registe_success_tip .tip_content
{
    display: inline-block;
    margin-top: 30px;
    font-size: 12pt;
    width: 700px;
}

/*帐号设置*/
.user_setting_title
{
    margin-top: 100px;
    text-align: center;
    font-size: 20pt;
}

.user_setting_info
{
    margin-top: 50px;
    text-align: center;
}

.user_setting_info table
{
    width: 100%;
}

.user_setting_info .setting_title
{
    color: black;
    font-size: 10.5pt;
    text-align: right;
    width: 35%;
}

.user_setting_info .setting_content
{
    text-align: left;
    padding-left: 10px;
    width: 65%;
}

.user_setting_info .setting_content input[type=text]
{
    height: 25px;
}

.user_setting_info .setting_content img
{
    width: 120px;
    height: 120px;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
}

.user_setting_info .input-readonly
{
    border-style: ridge;
    width: 250px;
    background-color: #d8d8d8;
}

.user_setting_info .setting_modify_psw
{
    margin-left: 10px;
}

.tbbb
{
    color: black;
    font-size: 10.5pt;
    text-align: right;
}

.setting-psw input
{
    width: 160px;
    height: 25px;
}

/*邮箱验证成功*/

.email_verification_sty
{
    margin-top: 80px;
    text-align: center;
}

.email_verification_sty .title
{
    display: inline-block;
    margin-bottom: 50px;
    font-size: 20pt;
}

.email_verification_sty .head img
{
    width: 120px;
    height: 120px;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
}

.email_verification_sty .next
{
    margin-top: 30px;
}

.email_verification_sty .next a
{
    padding: 5px 20px;
    background-color: rgb(255,90,95);
    color: white;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

/*消息*/
.message_exp_title
{
    margin-bottom: 15px;
}

.message_exp_title a
{
    color: #3377aa;
    font-size: 10.5pt;
    text-decoration: none;
}

.message_exp_title a:hover
{
    color: #f90;
}

.message_reply_userhead
{
    float: left;
    width: 7%;
}

.message_reply_userhead img
{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

.message_reply_info
{
    float: right;
    width: 545px;
}

.message_reply_info a
{
    color: #666666;
    text-decoration: none;
}

.message_reply_info .my
{
    color: rgb(220,87,17);
}

.message_reply_info .time
{
    margin-top: 5px;
    color: #ababab;
}

.index_right_itemtitle
{
    font-size: 12pt;
    color: rgb(117,117,117);
    margin-bottom: 15px;
}

/*ck-editor-content编辑器样式*/

.ck-content.ck-editor__editable, #txtexperiencecontent
{
    margin:0;
    max-height: none;
    min-height: 595px;
}

.ck-editor-content 
{
    color: #333;
    margin-bottom: 20px;
    font: 16px/1.8 "microsoft yahei" ,arial,helvetica,sans-serif, "宋体";
	letter-spacing:1px;
}

.ck-editor-content p 
{
    margin-top:0px;
    margin-bottom:0px; 
    word-wrap: break-word;   
}

.ck-editor-content blockquote {
    overflow: hidden;
    padding-right: 1.5em;
    padding-left: 1.5em;
    margin-left: 0;
    border-left: 5px solid #ccc;
    margin-top:0px;
    margin-bottom:0px;
}

.ck-editor-content figcaption 
{
    color: #999;
    font-size: .75em;
    outline-offset: -1px;
    padding-top: .6em;
    text-align:center;

}

.ck-editor-content figure 
{
  padding:0px;
  margin-left:0px;
  margin-right:0px;
   margin-top:10px;
  margin-bottom:10px;
  text-align: center;  
}

.ck-editor-content figure img 
{
    border:0px;
    max-width: 100%;
}

.ck-editor-content .note_bookinfo_name, .ck-editor-content .note_shoppingbookinfo_name, .ck-editor-content .answer_note_name, .ck-editor-content .booklist_note_name
{
    background-color:#f4f4f4;
    padding:15px 15px 15px 43px;
    background-image: ;
    background-repeat: no-repeat;
    background-position: 15px 18px;
}

.ck-editor-content .note_bookinfo_id,
.ck-editor-content .answer_note_id,
.ck-editor-content .booklist_note_id
{
     display:none;
} 

.ck-editor-content img
{
    border: 0px;
    max-width: 100%;
}

/*new-editor-content编辑器样式*/

.new-editor-content
{
    color: #333;
    margin-bottom: 20px;
    font: 16px/1.8 "microsoft yahei" ,arial,helvetica,sans-serif, "宋体";
    letter-spacing:1px;
}

.new-editor-content p, .new-editor-content div
{
    margin:1.6rem 0;
    word-wrap: break-word;
}

.new-editor-content .ck-editor__main 
{
    margin:0;   
}

.new-editor-content .att_empty_paragraph {
    margin:-1.4rem 0;
}

.new-editor-content blockquote, .new-editor-content .ck-content blockquote
{
    font-style:normal; 
    overflow: hidden;
    padding-right: 0;
    padding-left: 1.2em;
    margin-left: 0;
    margin-right: 20px;
    border-left: 5px solid #ccc;
    margin-top:0px;
    margin-bottom:0px;
}

.new-editor-content blockquote p, .new-editor-content blockquote div
{
    margin:0;
    word-wrap: break-word;
}

.new-editor-content figure
{
    padding:0px;
    margin:1.4rem 0;
    text-align: center;
}

.new-editor-content figcaption
{
    color: #999;
    font-size: .75em;
    outline-offset: -1px;
    padding-top: .6em;
    text-align:center;
}

.new-editor-content figure img
{
    border:0px;
    max-width: 100%;
}

.new-editor-content .note_bookinfo_name, .new-editor-content .note_shoppingbookinfo_name, .new-editor-content .answer_note_name, .new-editor-content .booklist_note_name
{
    background-color:#f4f4f4;
    padding:15px 15px 15px 43px;
    background-image: ;
    background-repeat: no-repeat;
    background-position: 15px 18px;
}

.new-editor-content .note_bookinfo_id, 
.new-editor-content .answer_note_id,
.new-editor-content .booklist_note_id
{
     display:none;
} 

.new-editor-content img
{
    border: 0px;
    max-width: 100%;
}

/*experience_content编辑器样式*/

.experience_content
{
    color: #333;
    margin-bottom: 20px;
    font: 16px/1.8 "microsoft yahei" ,arial,helvetica,sans-serif, "宋体";
	letter-spacing:1px;
}

.experience_content li
{
    display: list-item;
    text-align: -webkit-match-parent;
    font: 16px/1.8 "microsoft yahei" , arial, helvetica, sans-serif, "宋体";
	letter-spacing:1px;
}

.experience_content ul
{
    padding-left: 0px;
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px; 
}

.experience_content p, .experience_content div
{
    word-wrap: break-word;
}

.experience_content pre 
{
    white-space: pre-wrap;
    word-wrap: break-word;
}

.experience_content p
{
    margin: 0px 0px 27px 0px;
}

.experience_content table
{
    border-collapse: collapse;
}

.experience_content noscript
{
    display: none;
}

.experience_content table.ke-zeroborder td
{
    border: 1px dotted #aaa;
}
.experience_content img.ke-flash
{
    border: 1px solid #aaa;
    background-image: ;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
}

.experience_content img.ke-rm
{
    border: 1px solid #aaa;
    background-image: ;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
}

.experience_content img.ke-media
{
    border: 1px solid #aaa;
    background-image: ;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
}

.experience_content img.ke-anchor
{
    border: 1px dashed #666;
    width: 16px;
    height: 16px;
}

.experience_content .ke-script, .experience_content .ke-noscript, .experience_content .ke-display-none
{
    display: none;
    font-size: 0;
    width: 0;
    height: 0;
}

.experience_content .ke-pagebreak
{
    border: 1px dotted #aaa;
    font-size: 0;
    height: 2px;
}

.experience_content img
{
    border: 0px;
    max-width: 100%;
} 

 .experience_content .t9, .ck-editor-content .t9, .new-editor-content .t9 {
    position: relative;
    display: block;
    font-size:24px;
    font-weight:bold;
    color:#d92142;
    width:100%;
    margin: 0.6em 0;
    letter-spacing:0px;
    line-height:30px;
}

.ck-content .t9 
{
    width:calc(100% - 15px); 
}
    
.add_exp_submit .bn-flat
{
    margin-right: 5px;
    background-color: transparent !important;
    background-image: -moz-linear-gradient(-90deg, #fcfcfc 0px, #e9e9e9 100%);
}

.add_exp_submit .bn-flat input:hover, .add_exp_submit .bn-flat input:focus, .add_exp_submit .bn-flat-over input
{
    color: #333;
    background-image: -moz-linear-gradient(-90deg, #f8f8f8 0px, #ddd 100%);
}

.add_exp_submit .bn-flat:hover
{
    border-color: #999 #999 #666;
    background-color: #f8f8f8;
    color: #333;
}

.add_exp_submit .bn-flat img 
{
  float:left;
  margin-top:5px; 
  margin-left:2px;  
}

.add_exp_submit .bn-flat input
{
    float:left;  
    color: #333 !important;
    background-color: transparent !important;
    background-image: -moz-linear-gradient(-90deg, #fcfcfc 0px, #e9e9e9 100%);
    border: 0px none;
    height: 25px;
    padding: 0px 9px;
    font-size: 10.5pt;
    margin: 0px !important;
    cursor: pointer;
    border-radius: 2px;
}

.add_exp_submit .bn-flat
{
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    border-color: #999;
    color: #444;
    border-radius: 3px;
    overflow: hidden;
    vertical-align: middle;
}

.add_exp_submit .btn-submit
{
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}

.add_exp_submit .btn-submit img 
{
  float:left;   
  margin-top:5px; 
  margin-right:2px;
}

.add_exp_submit .btn-submit .btn
{
    float:left;
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    border-color: #528641;
    color: #fff;
    border-radius: 3px;
    overflow: hidden;
    vertical-align: middle;
    background-color: #3fa156;
    line-height: 22px;
}

.add_exp_submit input
{
    font-size: 10.5pt;
}

.add_exp_submit input
{
    margin-right: 3px;
    vertical-align: middle;
}

.add_exp_submit .btn:hover
{
    background-color: #4fca6c;
    border-color: #6aad54;
}

.lnk-close
{
    float: right;
    color: #999;
    font-size: 16px;
}

.lnk-close:hover
{
    background-color: #999;
    color: #fff;
}

.search_noresult {
  text-align: center;
  font-size: 20px;
  color: #979797;
  margin-top: 248px;
  padding-bottom: 248px;
}

.deal_expimage_sty
{
    margin-top: 20px;
}

.deal_expimage_item
{
    max-width: 100%;
    float: left;
    margin-bottom: 15px;
}

.deal_expimage_item img
{
    max-width: 100%;
    margin: 0px;
    padding: 0px;
}

.deal_expimage_item p
{
    color: rgba(0, 0, 0, 0.25);
    font-size: 9pt;
    text-align: center;
    margin: 0px;
    padding: 0px;
}

/*自动搜索*/

.xfr
{
    color: #999999;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    font-family: arial;
}

.vxgk
{
    font-size: 10pt;
    color: rgb(51,51,51);
    margin-left: 10px;
}

.xrww
{
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: ;
    background-origin: padding-box;
    background-position: -75px -243px;
    background-repeat: no-repeat;
    background-size: auto auto;
    float: left;
    height: 13px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 4px;
    overflow-x: hidden;
    overflow-y: hidden;
    text-indent: -100px;
    width: 13px;
}

.w-top
{
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 79;
    width: 50px;
    height: 50px;
    overflow: hidden;
    text-indent: -2000px;
    background-position: 0px -934px;
    transition: opacity 0.3s ease 0s;
    background-image: ;
    background-repeat: no-repeat;
}

.w-top:hover
{
    background-position: -50px -934px;
}

[hidefocus]
{
    outline: medium none;
}

.book_case_info .des
{
    margin-top: 30px;
    font-size: 12pt;
    margin-bottom: 30px;
    width: 590px;
}

.book_case_info .applink
{
    font-size: 12pt;
    margin-bottom: 30px;
}

.book_case_info .appimage img
{
    width: 275px;
    margin-right: 15px;
    float: left;
}

.zh-footer
{
    text-align: left;
    width: 100%;
}

.zh-footer2
{
    display: inline-block;
    text-align: center;
    width: 950px;
}

.zh-footer .content, .zh-footer2 .content2
{
    line-height: 1.7;
    word-wrap: break-word;
    padding: 10px 0px;
    width: auto;
}

.zh-footer .zg-wrap, .zh-footer2 .zg-wrap2
{
    margin: 0px auto;
    clear: both;
}

.zh-footer, .zh-footer a, .zh-footer2, .zh-footer2 a
{
    color: #999;
    font-size: 13px;
}

.zh-footer a:hover, .zh-footer2 a:hover
{
    text-decoration: underline;
}

.zh-footer ul, .zh-footer2 ul
{
    padding: 0px;
    margin: 0px;
    display: inline;
}

.zh-footer li, .zh-footer2 li
{
    display: inline;
}

.zh-footer li   li::before, .zh-footer2 li   li::before
{
    content: "•";
    margin-right: 3px;
    padding: 0px 3px;
    font-family: arial;
    color: #bbb;
}

.zh-footer li, .zh-footer2 li
{
    list-style: outside none none;
    margin: 0px;
    padding: 0px;
}

/*广告*/
.kiddo_bc_advertisement
{
    width:100%;
}

.kiddo_bc_advertisement a img 
{
    width:100%;
}

.kiddo_bc_advertisement .kiddobc_advertisement_top
{
    margin-bottom: 10px;
}

.kiddo_bc_advertisement .kiddobc_advertisement_bottom
{
    margin-top: 10px;
}

.glb_list
{
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    padding: 0 20px;
}
.glb_list:hover
{
    background-color : #f6f6f6;
}

.tag-panel-toggle
{
    float: right;
    color: #ccc;
    cursor: pointer;
}

.tag-panel-toggle::after
{
    content: "";
    margin-left: 5px;
}

.tag-panel-toggle::after
{
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 9px solid #d6d6d6;
    display: inline-block;
    width: 0px;
    height: 0px;
    font-size: 0px;
    line-height: 0;
}

.add_explabel_hidden
{
    display: none;
}

#userlabelmore, #mylabelmore
{
    color: #3377aa;
}

.mexperience_labels
{
    margin-bottom: 15px;
}

.experience_reply_title
{
    margin-bottom: 10px;
    font-size: 11pt;
    color: #999999;
}

.about_us_title, .join_us_title, .business_cooperation_title, .disclaimer_title
{
    margin-top: 124px;
    margin-bottom: 40px;
    font-size: 15pt;
    font-weight: bold;
}

.about_us_content
{
    margin-bottom: 40px;
    font-size: 12pt;
}

.about_us_content div
{
    margin-bottom: 15px;
}

.join_us_content
{
    margin-bottom: 40px;
    font-size: 11pt;
}

.join_us_content div
{
    margin-bottom: 5px;
}

.business_cooperation_content
{
    font-size: 12pt;
}

.container_content
{
    margin-bottom: 40px;
    font-size: 10.5pt;
}

.container_content div
{
    margin-bottom: 8px;
}

.experience_draft_tag
{
    color: red;
    font-size: 10pt;
}

.exp_girl
{
    color: #ffc0cb;
}

.exp_boy
{
    color: #10aeff;
}

.exp_person_birth
{
    margin-right: 5px;
    color: #999999;
}

/*分享界面*/

.share_app_head
{
    max-width: 590px;
    padding: 12px 0px 12px 0px;
    border-bottom: 0.5px solid #ddd;
    margin: 0px auto;
}

.share_app_head span
{
    color: #999999;
    font-size: 10.5pt;
    float: left;
    margin-left: 12px;
}

.share_app_head a
{
    text-decoration: none;
    float: right;
    color: #f54343;
    font-size: 10.5pt;
    margin-right: 12px;
}

.footer_fixed
{
   position: fixed;
   bottom: 0;
   right: 0;
   height: 35px;
   overflow: hidden;
   z-index: 9999;
   width: 90px;
   margin-right: 30px;
   margin-bottom: 30px;
}

.footer_fixed a
{
    display: block;
    height: 100%;
    position: relative;
}

.footer_fixed span
{
    display: inline-block;
    position: absolute;
}

.footer_fixed span.ftf_l
{
    top: 8px;
    left: 13px;
}

.footer_fixed span.ftf_l img
{
    height: 37px;
    display: block;
}

.footer_fixed span.ftf_r
{
    top: 0px;
    right: 0;
}

.footer_fixed span.ftf_r b
{
    line-height: 35px;
    display: inline-block;
    background: #167ffb;
    padding: 0px 16px 0px 16px;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 17.5px;
    font-style: normal;
}

.footer_fixed i.btn_close
{
    display: block;
    position: absolute;
    top: 19px;
    right: 10px;
    width: 18px;
    height: 18px;
    background-image: ;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 18px 18px;
}

/*第三方分享界面*/
.footer-sharing
{
    float: right;
    margin-right: 60px;
    margin-top: -3px;
}
.sharing
{
    position: relative;
    width: 120px;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
}
.sharing-button
{
}
.sharing-button:before, .sharing-button:after
{
    content: "";
    display: inline-block;
    vertical-align: middle;
}
.sharing-layer
{
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #999;
    border-radius: 2px;
    padding: 30px;
    background: #fff;
    width: 242px;
    min-width: 100%;
    overflow: hidden;
}
.sharing-layer.is-hidden
{
    display: none;
}
.sharing-layer > *
{
    float: left;
}
.sharing-wechat
{
    padding-right: 30px;
    text-align: center;
    width: 100px;
}
.sharing-wechat span
{
    display: inline-block;
    margin-bottom: 7px;
    padding-right: 30px;
}
.sharing-wechat-qrcode
{
    width: 100px;
    height: 100px;
}
.sharing-wechat-qrcode img
{
    width: 100%;
    height: 100%;
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -webkit-crisp-edges;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: pixelated;
}
.sharing-list
{
    list-style: none;
    margin: 0;
    width: 80px;
    padding-left: 30px;
    border-left: 1px solid #eee;
}
.sharing-list li
{
    color: #37a;
    cursor: pointer;
}
.sharing-list li   li
{
    margin-top: 28px;
}
[class^='sharing-icon']
{
    padding-left: 31px;
    height: 24px;
    line-height: 24px;
    background-image: ;
    background-repeat: no-repeat;
    white-space: pre;
}
.sharing-icon__weibo
{
    background-position: -10px -10px;
    width: 50px;
    height: 24px;
}
.sharing-icon__wechat
{
    background-position: -10px -54px;
    width: 50px;
    height: 24px;
}
.sharing-icon__qzone
{
    background-position: -10px -98px;
    width: 50px;
    height: 24px;
}
.sharing-icon__qq
{
    background-position: -10px -142px;
    width: 50px;
    height: 24px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi)
{
    [class^='sharing-icon']
    {
        background-image: ;
        background-size: 44px 176px;
    }
    .sharing-button:before
    {
        background-image: ;
        background-size: cover;
    }
}

.sys_color
{
     color:rgb(255,90,95);
}

/* addpost
----------------------------------*/
.add_post_title
{
    margin-top: 20px;
    margin-bottom: 20px;
}

.add_post_title input
{
    width: 568px;
    height: 35px;
    font-size: 12pt;
    padding-left: 5px;
}

.add_post_content
{
    margin-bottom: 20px;
}

.add_post_content textarea
{
    width: 558px;
    height: 310px;
    font: 17px/1.5 "microsoft yahei",arial,helvetica,sans-serif,"宋体";
    line-height:23px;
    padding:8px;
}

/* addpostpic
----------------------------------*/
.webuploader-container {
    width: 77px;
    height: 30px;
    background: #b2b2b2;
    -webkit-border-radius: 3px;
    border-radius: 2px;
}

.webuploader-container div {
    max-width: 77px;
    max-height: 30px;
}

.webuploader-pick {
    position: relative;
    display: inline-block;
    padding: 6px 6px 9px 12px;
    color: #fff;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.webuploader-element-invisible {
  width:100%;  
  height:100%;
  filter:alpha(opacity=0);  
  opacity:0;  
  position:absolute;left:0px;top:0px;  
  z-index:10;  
}

.btn-swf {
    position: relative;
    zoom: 1;
    float: left;
    display: block;
    margin-right: 10px;
}

.add_post_imgaction 
{
  margin-bottom:15px;   
}

.add_post_imgs 
{
  margin-bottom:30px;   
}

p.col-exp {
    padding-left: 0;
    color: #999;
    font-size:10pt;
}

.upload-pic {
    position: relative;
    width: 530px;
    margin: 0 0 0px 0px;
    padding: 5px 15px 0px 15px;
    _padding-bottom: 0;
    background-color: #f2f2f2;
    display:none;
}

.error_upload-pic .slider
{
    position: relative;
    width: 120px;
    height: 90px;
    overflow: hidden;
    background-color: #f2f2f2;
}

 .upload-pic .slider{
    position: relative;
    width: 530px;
    height: 115px;
    overflow: hidden;
}

.upload-pic ul, .upload-pic li, .upload-pic a , .error_upload-pic ul, .error_upload-pic li {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;  
}
.upload-pic ul{
    position: absolute;
    height: 100px;
    width: 20000px;
    list-style: none;
}

.error_upload-pic ul 
{
     position: absolute;
    height: 90px;
    width: 20000px;
    list-style: none;
}

.upload-pic li {
    position: relative;
    float: left;
    width: 120px;
    height: 90px;
    margin-right: 20px;
    padding-top: 10px;
}

 .error_upload-pic li
 {
    position: relative;
    float: left;
    width: 120px;
    height: 90px;
 }

.upload-pic .icon-close {
    position: absolute;
    top: 3px;
    right: -5px;
    width: 17px;
    height: 17px;
    background-position: 0 0;
    background-image: ;
    background-repeat: no-repeat;
}

.upload-pic .hide {
    display: none !important;
}

.posts_action
{
    margin-bottom: 0px;
}

.posts_action .experience_action_link
{
    margin-right: 20px;
}

.posts_action .experience_action_item, .posts_action .experience_action_item2
{
    color: rgba(0, 0, 0, 0.3);
    text-decoration: none;
    margin-right: 20px;
    padding-left: 17px;
    background-repeat: no-repeat;
    background-position: 0px 2px;
}

.posts_action .experience_action_item:hover
{
    color: #555;
}

.posts_action .exp_modify
{
    background-image: ;
}

.posts_action .exp_modify:hover
{
    background-image: ;
}

.posts_action .exp_delete
{
    background-image: ;
}

.posts_action .exp_delete:hover
{
    background-image: ;
}

.experience_action .exp_report
{
    background-image: ;
}

.experience_action .exp_report:hover
{
    background-image: ;
}

.posts_action .exp_reply,.posts_action .exp_reply2
{
    background-image: ;
}

.posts_action .exp_reply:hover
{
    background-image: ;
}

.posts_action .exp_favorite
{
    background-image: ;
}

.posts_action .exp_favorited
{
    background-image: ;
}

.posts_action .exp_favorite:hover, .posts_action .exp_favorited:hover
{
    background-image: ;
}

.posts_action .experience_action_item img
{
    margin-top: 3px;
}

.user_blog_reply .title 
{
    margin-bottom:10px;
}

.user_blog_reply .reply img 
{
    float:left;
    width: 20px;
    height: 20px;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
     margin-right:5px;
     float:left;
}

.user_blog_reply .reply
{
   margin-bottom:15px; 
}

.user_blog_reply .reply span 
{
  line-height:20px;   
  float:left;
  width:268px;
}

/* addbookerror
----------------------------------*/
.addbookerror_title 
{
  font-weight: bold;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom:30px;
}

.addbookerror_type_title 
{
  width:85%;
  background-color:rgb(242,242,242);  
  font-size:12pt;
  color:#999999;
  padding:5px 0px 5px 5px; 
  margin-bottom:15px;
}

.addbookerror_type 
{
    margin-bottom:30px; 
}

.addbookerror_type a {
    font-size: 10pt;
    text-decoration: none;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 3px 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    float: left;
}

.addbookerror_normal
{
     color: #999999;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.addbookerror_selected
{
   color: rgb(255,90,95);
   border: 1px solid rgb(255,90,95);
}

.addbookerror_contenttitle 
{
     font-size:12pt;
    color:#999999;
    margin-bottom:15px;
}

.addbookerror_content 
{
   margin-bottom:30px; 
}

.addbookerror_content textarea
{
    width: 600px;
    height: 150px;
    padding:8px;
}

.addbookerror_picdes 
{
  float:left;
  margin-right:10px;  
  display: block; 
  line-height:28px;
  color:#999999;
}

.book_bookerror a
{
     font-size: 10pt;
    text-decoration: none;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 3px 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    float: left;
    color: #999999;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.add_bookcomment_in
{
    font-size: 10pt;
    text-decoration: none;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 3px 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    float: right;
   color: rgb(255,90,95);
   border: 1px solid rgb(255,90,95);
}

.action_title 
{
  float:left; 
  margin-bottom:10px;  
}

.action_content
{
  float:left;  
  margin-bottom:10px; 
  width:70%;
}

.add_post_category
{
  float:left;   
  width:75%; 
}

.add_post_categorytitle
{
   margin-bottom:15px;
   font-size:11pt;
   color:rgb(118,118,118);
}

.action_title span
{
    display: block; 
    line-height:25px;
}

#bookcomment_star 
{
  padding-top:5px;   
}

.action_content a,.add_post_category a
{
    font-size: 10pt;
    text-decoration: none;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 3px 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    float: left;
}

.addbookcontent_content 
{
     margin-bottom:20px;
     margin-top:10px;
}

.addbookcontent_content textarea 
{
    width:550px;
    height: 310px;
    padding:8px;
    font: 17px/1.5 "microsoft yahei",arial,helvetica,sans-serif,"宋体";
    line-height: 23px;
}

/* 赞同反对
----------------------------------*/

.action_content2 .exp_zan
{
    background-image: ;
}

.action_content2 .exp_zaned
{
    background-image: ;
}

.action_content2 .exp_fan
{
    background-image: ;
}

.action_content2 .exp_faned
{
    background-image: ;
}

.action_content2 .experience_action_item
{
    color: rgba(0, 0, 0, 0.3);
    text-decoration: none;
    margin-right: 15px;
    padding-left: 17px;
    background-repeat: no-repeat;
    background-position: 0px 2px;
}

.action_content2 
{
  float:right;   
}

.boolist_action 
{
  margin-top:10px;   
}

.search_user_sty 
{
  margin-top:5px;
  margin-bottom:5px;
  padding:0;
}

.search_user_sty .head 
{
    float:left;
    width:40px;
    line-height:normal;
}

.search_user_sty .head a 
{
    line-height:normal;
}

.search_user_sty .head img 
{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    line-height:normal;
}

.search_user_sty .content 
{
    float:left;
    margin-left:10px;
    width:calc(100% - 40px - 10px - 15px - 80px);
}

.search_user_sty .content div
{
   height:auto;  
   line-height:normal;
}

.search_user_sty .content .user_name
{
   font-size:12pt; 
}

.search_user_sty .content .user_name a
{
   font-size:12pt; 
   color: #333;
}

.search_user_sty .content .user_name img
{
   width: 12px;
   height: 12px;
   margin-left: 5px;
   margin-right: 3px;
}

.search_user_sty .content .user_info
{
    color:#999999;
}

.search_user_sty .content .self_introduction 
{
    color:#999999;
}

.wu_file .pic
{
    width: 120px;
    height: 90px;
    overflow: hidden;
    background-color: #fff;
    text-align: center;   
    font-size:12px; 
}

.wu_file .txt{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 120px;
    height: 20px;
    text-align: center;   
    font-size:12px;  
}

.wu_file .progre
{
    position: relative;
    top: -1px;
    display: inline-block;
    overflow: hidden;
    zoom: 1;
    vertical-align: middle;
    width: 120px;
    height: 20px;
    color: #fff;
    background-color: rgba(80,80,80,0.5);
    filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#5f505050,endcolorstr=#7f505050);    
}

.wu_file .progre-cur {
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0;
    display: inline-block;
    overflow: hidden;
    zoom: 1;
    vertical-align: top;
    height: 20px;
    background-color: #8dd255;
}

.wu_file .err {
    padding-top: 17px;
    color: #c00;
}

.for-open 
{
  font: 12px/1.5 arial,sans-serif;
  padding-right: 10px;
  background-image: ;
  background-repeat: no-repeat;
  color: #999;
  margin-top:3px;
  float:left;
  background-position: -208px -950px;
  *background-position: -208px -952px;
  _background-position: -208px -950px; 
}

.peanut_no_data 
{
    min-height: 300px;
    margin:200px 0px; 
    font-size:11pt;
    color:#999999;
    text-align:center;
}

.single_posts_blog, .single_posts_posts
{
    margin-bottom:25px; 
}

.single_posts_posts .img 
{
   float:left;  
   margin-top:3px;
}

.single_posts_posts .title 
{
   float:left;   
   margin-left:5px;
}

.single_posts_posts .title a 
{
  font-size:12pt;
  color:#333333;   
}

.single_posts_blog .img 
{
    float:left;  
    margin-top:3px;
}

.single_posts_blog .title 
{
    float:left;  
    margin-left:5px;
}

.single_posts_blog .title a 
{
  font-size:12pt;
  color:#333333;   
}

.draft_and_image 
{
  float:right;
  margin-right:45px;
  color:red;  
}

.upload_imgs 
{    
  display:none;
  float:left;
}

.word_img_count 
{
  display:none;
  float:left;
  color:#000;
}

.mobile_readbook_head 
{
    float:left; 
    margin-top:20px;
}

.mobile_readbook_head img 
{
   width:40px;
   height:40px;  
   border-radius: 20px;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
}

.mobile_readbook_userinfo 
{
    float:left;
    margin-top:20px;
}

.mobile_readbook_userinfo 
{
  margin-left:5px;   
}

.mobile_readbook_child 
{
    float:right;
    margin-top:20px;
}

.mobile_readbook_content 
{
  margin-top:10px;   
  font: 16px/1.5 "microsoft yahei" ,arial,helvetica,sans-serif, "宋体";
  color: #333;
  line-height: 28px;
}

.mobile_readbook_imags 
{
   margin-top:15px;  
}

.mobile_readbook_imags .hot_book_item 
{
  float:left;
  margin-right:5px;
  margin-bottom:10px;
  width:90px;
}

.mobile_readbook_imags .book_img img 
{
    width:90px;
    height:120px; 
}

.mobile_readbook_userinfo span,.mobile_readbook_child span
{
  color:#999999;   
}

.mobile_readbook_price 
{
  margin-top:10px;
  color:#999999;  
}

.app_mbook_info 
{
  margin-top:20px;   
}

.app_mbook_infoleft 
{
  float:left;   
  width:calc(100% - 95px); 
}

.app_mbook_inforight 
{
  float:right;  
}

.app_mbook_attribute 
{
    min-width: 130px;
    border-left: 1px solid #e0e0e0;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 20px;
}

.app_mbook_attribute .count 
{
  text-align:center;
  font-size:15px;
  color:#111111;
  padding-top:5px;
  padding-bottom:5px;
  line-height: 25px;
}

.app_mbook_attribute .bc_rating_star 
{
  border-top:1px solid #e5e3e3;
  padding:5px;  
}

.app_mbook_infoleft .name 
{
    font-size:18pt;
    font-weight:bold;
    color:#333333;
    margin-bottom:7px;
}

.app_mbook_infoleft .other 
{
    color:#999999;
    font-size:9pt;
}

.app_mbook_cover
{
    text-align: center;
    margin-top:15px;
}

.app_mbook_cover img
{
    max-width: 200px;
}

.app_mbook_introduction 
{
  font-size:10pt;
  color:#333333;
  line-height:20px;
  margin-top:20px;
}

.app_mbook_introduction_more
{
    margin-top:10px;
    text-align:center;
}

.app_mbook_age,.app_mbook_comment, .app_mbook_experience, .app_mbook_topic, .app_mbook_booklist 
{
    margin-top:20px;
}

 .app_mbook_booklist 
 {
   background-color:#ececec;
   padding-left:20px;
   padding-right:20px;
 }

.app_mbook_split 
{
    height:10px;
   background-color:#ececec;
   border-bottom:1px solid #e5e3e3;
   border-top:1px solid #e5e3e3;
}

.app_manswer_split 
{
   height:10px;
   background-color:#ececec;
}

.age_title, .app_mbook_comment .title, .app_mbook_experience .title, .app_mbook_topic .title
{
    margin-top:15px;
    font-size:9pt;
    color:#999999;
    margin-bottom:10px;
}

.age_des 
{
    width: 180px;
    float: right;
    font-size:9pt;
    color:#666; 
    text-align:center;
    margin-left: 20px;
    margin-top:10px;
    vertical-align:middle;
    line-height: 22px;
}

.age_des span
{
    color: #ff5050;
    font-weight: bold;
}

.pc_age_des
{
    width: 320px;
    float: right;
    font-size:15px;
    color:#666; 
    text-align:center;
    margin-left: 60px;
    line-height: 22px;
}
.pc_age_des .boy_girl_percent
{
    display: flex;
    justify-content: center;
    margin-top: 15px;
}
.pc_age_des .boy_percent
{
    width: 30%;
    display: block;
}
.pc_age_des .girl_percent
{
    width: 30%;
    display: block;
}
.pc_age_des .boy_girl_percent img
{
    width: 40px;
    height: 40px;
}

.block_space_height
{
    height: 25px;
}

.features_title 
{
    margin-top:15px;
    font-size:9pt;
    color:#999999;
}

.app_mbook_booklist .title 
{
    
   font-size:9pt;
   color:#999999;
   margin-bottom:10px;
   padding-top:15px;
}

.app_book_dist
{
    display: flex;
    justify-content: center;
}

.age_content 
{
    text-align:center;
}
.age_content .age_dist_title, .pc_age_des .age_dist_title
{
    color: #333;
    font-size: 15px;
    margin-bottom: 10px;
}

.age_content_i 
{
    display:inline-block;
}

.age_content .name 
{
    font-size:15px;
    color:#333;
    float:left;
    width:65px;
    text-align:right;
    margin-right:15px;
	line-height:22px;
}

.age_content .percent 
{
    background-color:#fe864a;
    height:10px;
    float:left;
    margin-right:5px;
    margin-top:6px;
    border-radius: 5px;
}

.age_content .percent_num 
{
    float:left;
    font-size:15px;
    color:#666;
	line-height:22px;
}

.app_book_dist_tip
{
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #999999;
    margin-top: 20px;
}

.app_mbook_comment .content
{
     margin-top:10px;
}

.app_mbook_topic .content_item, .app_mbook_booklist .content_item
{
  padding-top:8px;
  padding-bottom:8px;
  cursor:pointer
}

.app_mbook_topic .content_item
{
  font-size:12pt;
  color:#21639a; 
}

.app_mbook_booklist .content_item1 
{
   font-size:12pt;
   color:#333333; 
   font-weight:bold; 
}

.app_mbook_booklist .content_item2 
{
   margin-top:3px;
   font-size:9pt;
   color:#999999;
}

.app_mbook_comment .tag 
{
     padding-bottom:10px;
}

.mexperience_zan_content .left 
{
     float:left;
     padding-top:10px;
     padding-bottom:10px;
     color:#999999;
}

.mexperience_zan_content .right 
{
     float:right;
}

.mexperience_zan_content .right .head 
{
  margin-right:5px;   
  margin-top:0px;
  margin-bottom:0px;
}

.mexperience_zan_content 
{
   cursor:pointer;
}

.exp_reply_split2
{
    padding:0;
    border-bottom: 1px solid #ddd;
    margin-top:5px;
    height: 1px;
}

.exp_reply_split3
{
    padding:0;
    border-bottom: 1px solid #ddd;
    margin:0px;
    height: 1px;
}

.mexperience_zan_content .img_right 
{
    width:8px;
    height:12px;
    margin-top:12px;
    margin-bottom:12px;
}
.nav_content_right .num {
  padding: 0 3px;
  margin-left: 5px;
  color: white;
  line-height: 15px;
  background-color: #ff5050;
  font-size: 9pt;
  display: inline-block;
  vertical-align: middle;
}

.nav_message_pos i 
{
    position: absolute;
    width: 0;
    height: 0;
    left: 26px;
    top: 50%;
    margin-top: -5px;
    line-height: 0;
    border-color:
    transparent #ff5050 transparent
    transparent;
    border-style: dashed solid dashed dashed;
    border-width: 6px 6px 3px 5px;
    pointer-events: none;
    font-size:9pt;
}

.nav_message_pos 
{
    position: relative;
}

.recommend-collection .collection {
 display:inline-block;
 margin:0 18px 18px 0;
 min-height:32px;
 background-color:#f7f7f7;
 border:1px solid #dcdcdc;
 border-radius:4px;
 vertical-align:top;
 overflow:hidden;
}

.recommend-collection .collection .name {
 display:inline-block;
 padding:0 11px 0 6px;
 font-size:14px;
 vertical-align: middle;
 color:#333;
}

.recommend-collection .collection img {
 display:inline-block;
 width:32px;
 height:32px;
 vertical-align: middle;
}

.recommend-collection .more-hot-collection {
    display: inline-block;
    margin-top: 7px;
    margin-bottom:18px;
    font-size: 14px;
    color: #787878;
}

.recommend-collection .more-hot-collection i {
 margin-left:-5px
}

.ic-link::before {
    content: "\e616";
}
.collection-tag-red {
  padding: 6px 10px;
  color: #ff5a60 !important;
  background-color: #f6f6f6;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 400;
  line-height: 32px;
  margin-right: 5px;
}
.collection-tag-red2 
{
    display:inline-block;
    padding: 0px 12px;
    height:30px;
    color: #ff5a60 !important;
    background: #feefee;
    font-size: 14px;
    line-height: 30px;
    margin-right:5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.collection-tag-red:hover 
{
    background-color: #eaeaea;
}

.collection-tag-black {
    padding: 6px 10px;
    color: #121212 !important;
    background-color: #f6f6f6;
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    line-height: 34px;
    margin-right: 5px;
}
.collection-tag-black:hover 
{
    background-color: #eaeaea;
}

.collection-tag-green {
    padding: 2px 6px;
    color: #00ab6b !important;
    border: 1px solid #00ab6b;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 400;
    line-height: 32px;
    margin-right:5px;
}

.right_in 
{
   font-size:12pt;
   color:white;
   line-height:50px;
   margin-left:15px;
}

.right_in_icon {
   color:white;
   line-height:50px;
}

.div_right_reading 
{
    margin-bottom:15px;
    background-color:rgb(80,207,142);
}

.div_right_forum 
{
    margin-bottom:15px;
    background-color:rgb(254,187,80);
}

.div_right_hotexp 
{
    margin-bottom:15px;
    background-color:rgb(246,149,129);
}

.div_right_wechat 
{
    background-color:rgb(193,228,222);
}

.div_right_common 
{
    display:block;
    width:100%;
    height:50px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor:pointer;
}

.trigger-menu {
 margin-bottom:20px;
 border-bottom:1px solid #f0f0f0;
 font-size:0;
 list-style:none;
 padding-left:0px;
}
.trigger-menu span
{
    font-size: 8pt;
    margin-left: 5px;
    vertical-align: text-bottom; 
}
.trigger-menu li {
 position:relative;
 display:inline-block;
 padding:8px 0;
 margin-bottom:-1px
}
.trigger-menu li:after {
 content:"";
 position:absolute;
 left:50%;
 bottom:-2px;
 width:100%;
 opacity:0;
 border-bottom:2px solid #646464;
 transform:translate(-50%) scalex(0);
 -webkit-transform:translate(-50%) scalex(0);
 -moz-transform:translate(-50%) scalex(0);
 -o-transform:translate(-50%) scalex(0);
 -ms-transform:translate(-50%) scalex(0)
}
.trigger-menu li:after,.trigger-menu li:hover:after {
 transition:.2s ease-in-out;
 -webkit-transition:.2s ease-in-out;
 -moz-transition:.2s ease-in-out;
 -o-transition:.2s ease-in-out;
 -ms-transition:.2s ease-in-out
}
.trigger-menu li:hover:after {
 opacity:1;
 transform:translate(-50%) scalex(1);
 -webkit-transform:translate(-50%) scalex(1);
 -moz-transform:translate(-50%) scalex(1);
 -o-transform:translate(-50%) scalex(1);
 -ms-transform:translate(-50%) scalex(1)
}
.trigger-menu li.active {
 border-bottom:2px solid #646464
}
.trigger-menu i {
 margin-right:5px;
 font-size:17px
}
.trigger-menu a {
 padding:13px 20px;
 font-size:15px;
 font-weight:700;
 color:#969696;
 line-height:25px
}
.trigger-menu .active a,.trigger-menu a:hover {
 color:#646464
}
.ic-latestcomments:before {
 content:"\e609"
}
.ic-articles:before {
 content:"\e60a"
}
.ic-hot:before {
 content:"\e607"
}
.ic-question:before {
 content:"\e655"
}
.notes-placeholder {
 position:relative;
 padding:0 2px 20px 0;
 margin-bottom:50px;
 text-align:left;
 margin-left:20px;
 margin-right:20px
}
.notes-placeholder .img {
 position:absolute;
 bottom:23px;
 right:0;
 width:150px;
 height:120px;
 border-radius:4px;
 background-color:#eaeaea
}
.notes-placeholder .author {
 margin-bottom:10px
}
.notes-placeholder .avatar {
 cursor:default!important;
 width:34px;
 height:34px;
 margin:0 5px 0 0;
 border-radius:50%;
 background-color:#eaeaea;
 display:inline-block;
 vertical-align:middle
}
.notes-placeholder .content {
 padding-right:160px
}
.notes-placeholder .name {
 width:20%;
 height:16px;
 background-color:#eaeaea;
 display:inline-block;
 vertical-align:middle
}
.notes-placeholder .title {
 float:none!important;
 width:50%;
 height:20px;
 margin:0 0 15px!important;
 background-color:#eaeaea
}
.notes-placeholder .title:before {
 content:""!important
}
.notes-placeholder .sub-title {
 display:none;
 width:70%;
 height:16px;
 margin:0 0 15px!important;
 background-color:#eaeaea
}
.notes-placeholder .text {
 width:100%;
 height:16px;
 margin:0 0 10px;
 background-color:#eaeaea;
 animation:loading 1s ease-in-out infinite;
 -webkit-animation:loading 1s ease-in-out infinite;
 -moz-animation:loading 1s ease-in-out infinite;
 -o-animation:loading 1s ease-in-out infinite;
 -ms-animation:loading 1s ease-in-out infinite
}
.notes-placeholder .animation-delay {
 animation:loading 1s ease-in-out -.5s infinite;
 -webkit-animation:loading 1s ease-in-out -.5s infinite;
 -moz-animation:loading 1s ease-in-out -.5s infinite;
 -o-animation:loading 1s ease-in-out -.5s infinite;
 -ms-animation:loading 1s ease-in-out -.5s infinite
}
.notes-placeholder .short-text {
 width:40%;
 animation:shortloading 1s ease-in-out infinite;
 -webkit-animation:shortloading 1s ease-in-out infinite;
 -moz-animation:shortloading 1s ease-in-out infinite;
 -o-animation:shortloading 1s ease-in-out infinite;
 -ms-animation:shortloading 1s ease-in-out infinite
}
@keyframes mybreath {
    0%{
        transform: scale(0.88);
    }
    50%{
        transform: scale(100%);
    }
    100%{
        transform: scale(0.88);
    }
}
@-webkit-keyframes mybreath {
    0%{
        transform: scale(0.88);
    }
    50%{
        transform: scale(100%);
    }
    100%{
        transform: scale(0.88);
    }
}
@keyframes loading {
 0% {
  width:60%
 }
 50% {
  width:100%
 }
 to {
  width:60%
 }
}
@-webkit-keyframes loading {
 0% {
  width:60%
 }
 50% {
  width:100%
 }
 to {
  width:60%
 }
}
@keyframes shortloading {
 0% {
  width:20%
 }
 50% {
  width:40%
 }
 to {
  width:20%
 }
}
@-webkit-keyframes shortloading {
 0% {
  width:20%
 }
 50% {
  width:40%
 }
 to {
  width:20%
 }
}
.notes-placeholder .meta {
 margin:0 0 0 -10px;
 color:#eaeaea;
 font-size:12px
}
.notes-placeholder .meta div {
 display:inline-block;
 vertical-align:middle;
 background-color:#eaeaea
}
.notes-placeholder .meta i {
 margin:0 5px;
 vertical-align:middle
}
.notes-placeholder .meta .tag {
 display:none;
 height:20px;
 width:100px;
 margin-right:10px
}
.notes-placeholder .meta .read {
 height:16px;
 width:50px
}
.notes-placeholder .meta .small {
 height:16px;
 width:30px
}
.notes-placeholder .index .meta {
 margin-left:0
}
.notes-placeholder .index .tag,.notes-placeholder .timeline .sub-title {
 display:block
}

.subject_head
{
  margin-bottom:35px;    
}

.subject_head .pic_left 
{
   float:left;
   padding:0;
   margin-right:10px;
}
.subject_head .pic_left img 
{
    width:80px;
    height:80px;
    border-radius: 8px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
}
.subject_head .info_right 
{
   width:calc(100% - 90px);
   float:left;
}

.subject_head .info_right .title, .art_topic_head .title
{
   font-size:21px;
   font-weight:700;   
   padding-top:10px;
}

.subject_head .info_right .content, .art_topic_head .content
{
  width:100%;
  margin-top:10px; 
}

.subject_head .info_right .content .count
{
    float:left;
    font-size: 14px;
    color: #969696;
}

 .art_topic_head .content .count
 {
    font-size: 14px;
    color: #969696;
 }

.subject_head .info_right .content .action
{
    float:right;
}

.ic-followed::before {
    content: "\e116";
}

.ic-follow:before {
 content:"\e611"
}
.ic-friends:before {
 content:"\e617"
}

.subject_round_sty 
{
    border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
}

.public_subject_addblog 
{
    color: #ff5050;
    padding: 7px 30px;
    border:1px solid #ff5050;
    margin-right:15px;
}

.subject_follow_act
{
    display:inline-block;
    width:80px;
    height:33px;
    line-height:33px;
    color: #ff5050;
    border:1px solid #ff5050;
    text-align:center;
}

.subject_follow_act2
{
    display:inline-block;
    width:80px;
    height:33px;
    line-height:33px;
    color:white;
    background-color:#ff5050;
    text-align:center;
}

.subject_followed_act
{
    display:inline-block;
    width:80px;
    height:33px;
    line-height:33px;
    color: #8c8c8c;
    border:1px solid #8c8c8c;
    text-align:center;
}

.add_personal_subject 
{
    text-align: left;
    width:100%;
}

.add_personal_subject a
{
   display:inline-block;
   color: white;
   padding: 9px 0px;
   background-color: rgb(255,90,95);
   width:80%;
   text-align:center;
}

.public_subject_addblog:hover, .subject_followed_act:hover, .personal_subject_follow:hover
{
    background-color:#f8f8f8;
}

.subject_follow_act:hover
{
    background-color:#f8f8f8;
}

.personal_subject_addblog 
{
    color: white;
    padding: 9px 20px;
    background-color: #ff5a60;
}

.personal_subject_follow
{
    color: #ff5a60;
    padding: 7px 27px;
    border:1px solid #ff5a60;
}

.biglayout_right .title {
    margin-bottom: 15px;
    font-size: 12pt;
    color: #969696;
}

.biglayout_right .description {
    padding: 0 0 16px;
    text-align: left;
    font-size: 14px;
    border-bottom: 1px solid #f0f0f0;
    clear: both;
    word-break: break-word;
    color: #333;
}

.experience_right_0padding 
{
  margin-top:0px;   
}

.ic-show::before {
    content: "\e621";
}

.biglayout_right .open:hover {
    color: #2f2f2f;
}

.biglayout_right .open {
    color: #969696;
}

.subject_description_edit 
{
  float:right;   
  padding-top:18px;
  padding-bottom:15px;
}

.subject_description_edit a 
{
    color: #969696;
    margin-left:15px;
}

.subject_description_title 
{
    float:left;
}

.ic-edit-s::before {
    content: "\e619";
}

.ic-delete::before {
    content: "\e66b";
}

.modify_personal_subject .left 
{
  float:left;
  margin-bottom:30px;
  margin-right:30px;   
  width:80px;
  text-align:center;
}

.modify_personal_subject .left img 
{
  width:80px;
  height:80px;   
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.modify_personal_subject .left span 
{
  font-size: 15px;
  color: #969696;
  line-height:50px;
}

.modify_personal_subject .right 
{
  float:left;
  margin-bottom:30px;
  width:calc(100% - 110px);
}

.modify_personal_subject .right input 
{
  height: 30px;
  width:100%;
  padding: 8px 15px;
  font-size: 15px;
  border: 1px solid #c8c8c8;
  border-radius: 4px;
  background-color: hsla(0,0%,71%,.1); 
}

.modify_personal_subject .right textarea
{
   width: 100%;
   height: 150px;
   margin-bottom: 10px;
   padding: 10px 15px;
   font-size: 15px;
   border: 1px solid #c8c8c8;
   border-radius: 4px;
   background-color: hsla(0,0%,71%,.1);
   display: block;
   resize: none;
   outline-style: none;
}

.modify_psubject_addpic
{
    color: #42c02e;
    padding: 5px 15px;
    border:1px solid #42c02e;
}

.modify_psubject_margintop 
{
  margin-top:30px;   
}

.personal_subject_title 
{
  color:#ff5a60;
  font-size:20pt;
  margin-bottom:40px;
}

.modify_psubject_publish 
{
    color:white;
    padding: 9px 20px;
    background-color:#42c02e;
}

.exp_message_post 
{
  margin-top:10px;  
}

.exp_message_post a
{
    float: right;
    text-decoration: none;
    color: rgb(255,90,95);
    font-size: 9pt;
    border: 1px solid rgb(255,90,95);
    padding: 3px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-left:10px;
}

.exp_message_post2 
{
  text-align: center;
  margin-top:10px;
}

.exp_message_add 
{
  margin-top:10px;   
}

.exp_message_add textarea
{
    width: 825px;
    height: 90px;
    padding: 8px;
    margin-top: 10px;
    font-size: 10.5pt;
}

.rongyun_list
{
    position: fixed;
    right: 528px;
    bottom: 30px;
    z-index: 79;
    width: 143px;
    height: 43px;
}

.more_personal_subject
{
  margin-top:10px;   
}

.more_public_subject a
{
  display:inline-block;   
  color: #555555;
  background-color: #e5e5e5;
  width:100%;
  height:35px;
  text-align:center;
  line-height:35px;
  font-size:9pt;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.more_public_subject a:hover 
{
   color: #333333; 
   background-color: #c9c9c9;
}

.more_personal_subject
{
  font-size:10.5pt;
}

.experience_vote_sty 
{
    display: flex;
    margin-top:20px;
    justify-content: center;
}
.experience_vote_sty .action
{
    min-width: 100px;
    display:inline-block;
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
    cursor:pointer;
}
.experience_vote_sty .action img
{
    width: 50px;
    height: 50px;
    margin-bottom: 15px;
}
.experience_vote_sty .action span
{
    color: #ff5050;
}

.experience_vote_user .list {
    margin-bottom: 20px;
    padding-bottom: 10px;
    list-style: none;
    clear: both;
}

.experience_vote_user 
{
    text-align:center;    
}

.experience_vote_user .avatar{
    width: 32px;
    height: 32px;    
}

.experience_vote_user .collection-follower 
{
    margin-left: 0px;
    padding-left: 0px;
}
.experience_vote_user .collection-follower li 
{
    line-height: 20px;
    display:inline-block;
    list-style: none;
}
.experience_vote_user .collection-follower li:first-child {
    margin-left:-3px
}
.experience_vote_user .collection-follower li a {
    margin-right:-10px;
    display: inline-block;
}
.experience_vote_user .collection-follower li img {
    border:3px solid #fff;
    background-color:#fff;
    width: 100%;
    height: 100%;
}

.experience_personal_subject a
{
    display:inline-block;
    width:100%;
    height:30px;
    line-height:30px;
    color:#999999; 
    padding-left:5px;
    padding-right:5px;
}

.experience_personal_subject 
{
     font-size:10.5pt;
     margin-top:5px;
}

.experience_personal_subject a:hover 
{
   background-color: #c9c9c9;
}

.add_expto_publicsubject 
{
  width:600px;
  height:500px;    
  overflow:scroll;
}

.exp_public_column 
{
   padding-right:15px;  
}

.exp_public_column .normal 
{
  display:inline-block;
  width:50px;
  height:30px;
  line-height:30px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border:1px solid #00ab6b;
  color: #00ab6b;
  text-align:center;
}

.exp_public_column .selected 
{
  display:inline-block;
  width:50px;
  height:30px;
  line-height:30px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border:1px solid rgb(255,90,95);
  color:rgb(255,90,95);
  text-align:center;
}

.add_expto_publicsubject .search {
 margin:20px 0 0;
 position:relative;
 text-align:center;
}
.add_expto_publicsubject .search .search-input {
 width:calc(100% - 55px);
 height:35px;
 font-size:14px;
 background-color:hsla(0,0%,71%,.2);
 border:none;
 border-radius:40px;
 margin-left:15px;
 margin-right:15px;
 padding-left:20px;
}
.add_expto_publicsubject .search .search-btn {
 position:absolute;
 top:3px;
 right:30px;
 width:30px;
 height:30px;
 color:#969696;
 text-align:center;
 line-height:30px;
 cursor:pointer;
}
.add_expto_publicsubject .search .ic-search {
 display:block
}
.ic-search::before {
    content: "\e618";
}

.add_expto_publicsubject .add_subject
{
   float:right;
  display:inline-block;
  text-align:center;
  line-height:38px;
  width:100px;
  height:38px;   
  color: white;
  border-radius: 999em;
  -webkit-border-radius: 999em;
  -moz-border-radius: 999em;
  background-color: rgb(255,90,95);  
  margin-right:15px; 
}

.a_public
{
    display:inline-block;
    font-size: 10pt;
    text-decoration: none;
    margin-right: 10px;
    margin-bottom:10px;
    padding: 0px 10px;
    line-height:25px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    float:left;
    color: rgb(255,90,95);
    border: 1px solid rgb(255,90,95);
}

.a_personal
{
    display:inline-block;
    font-size: 10pt;
    text-decoration: none;
    margin-right: 10px;
    margin-bottom:10px;
    padding: 0px 10px;
    line-height:25px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    float:left;
    color: #00ab6b;
    border: 1px solid #00ab6b;
}

.mexperience_banquan 
{
  font-size:12px;
  color:#999999;
  margin-bottom:20px;   
}

.mexperience_end 
{
  text-align:center;
  margin-bottom:20px;  
}

.mexperience_end img 
{
    width:80%;
}

.mexperience_write 
{
  font-size:10.5pt;
  color:#999999;
}

.mexperience_write i 
{
  float:right;  
  line-height:50px; 
}

.mexperience_write span 
{  
  line-height:50px; 
}

.mexperience_columnlist 
{
 margin-bottom:20px;    
}

.mexperience_submission a 
{
   font-size:10.5pt;
   color:#999999;  
   line-height:50px;
}

.mexperience_submission .left 
{
  float:left;  
  width:49%;
  text-align:center; 
}

.mexperience_submission .line 
{
  float:left;
  width:1px;
  background-color:#999999;
  height:30px;
  margin-top:10px;
}

.mexperience_submission .right 
{
  float:left;
  width:50%; 
  text-align:center;
}

.mexperience_follow_user 
{
 float:right;  
}

.mexperience_follow_user a 
{
  margin-top:5px;   
}

.mexperience_download_app 
{
 float:right; 
 font-size:15px;
 color:#333333; 
}

.subject_follow_act2
{
    display:inline-block;
    width:94px;
    height:37px;
    line-height:37px;
    color: white;
    background-color:rgb(255,90,95);
    text-align:center;
}

.subject_followed_act2
{
    display:inline-block;
    width:92px;
    height:35px;
    line-height:35px;
    color: #8c8c8c;
    border:1px solid #8c8c8c;
    text-align:center;
}

.ic-navigation-signout::before {
    content: "\e61d";
}

.ic-navigation-selected::before {
    content: "\e116";
    color:#17d87e;
}

.ic-search-history::before 
{
    float: left;
    content: "\e640";
    margin-right: 5px;
    font-size: 18px;
    color: #787878;
}

.ic-navigation-empty::before
{
    content: "\e116";
    color:white;
}

.ic-navigation-settings::before {
    content: "\e652";
}

.ic-navigation-profile::before {
    content: "\e650";
}

.biglayout_right .download {
 padding:10px 22px;
 width:calc(100% - 44px);
 border-radius:6px;
 background-color:#fff
}
.biglayout_right .download .qrcode {
 width:50px;
 height:50px;
 opacity:.85
}
.biglayout_right .download .info {
 display:inline-block;
 vertical-align:middle;
 margin-left:7px
}
.biglayout_right .download .info .qrtitle {
 font-size:15px;
 color:#333
}
.biglayout_right .download .info .qrdescription {
 font-size:13px;
 color:#999
}

.biglayout_right .col-lg-8 
{
  float:left;
}

.my_blog_redbtn
{
    display:inline-block;
    width:100px;
    height:37px;
    line-height:37px;
    color: white;
    background-color: #ff5050;
    text-align:center;
    font-size: 14px;
    margin-top:-10px;
}

.my_blog_redbtn:hover 
{
    background-color:#ee5c42; 
}

.recommend-collection_nodata 
{
   text-align:center;
   color:#999999;  
}

.nodata_content 
{
  width:100%;
  color:#999999;
}

.add_exp_personalcolumn .content a 
{
  float:left;
  margin-bottom:10px;   
}

.ic-show::before {
  content: "\e621";
}

.ic-hide::before {
  content: "\e622";
}

.ic-navigation-profile::before {
  content: "\e650";
}

.ic-search-collection::before {
  content: "\e641";
}

.ic-write::before {
  content: "\e60e";
}

.ic-like-active::before {
}

.app_book_attribute 
{
     margin-top:5px;
    font-size: 10.5pt;
    color: #666666;
    text-align:center;
}

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

.app_book_star 
{
   width:65px;
   margin-left: calc(50% - 32px);
   margin-bottom: 5px;
}

.app_book_star img{
    float:left;
    width: 11px;
    height: 11px;
    padding:1px;
}

.mobile_book_clear {
    display:block;
    clear: both;
    line-height: 0;
    font-size: 0;
    height: 0;
    over-flow: hidden;
}
.mobile_book_padding {
    display:block;
}
.annex_book_review {
    display: block;
    margin-top: 10px;
}
.annex_book_review .annex_book_review_line {
    display: block;
    width:0;
    height:0;
    background-color: #dbdbdb;
}
.annex_book_review .annex_book_review_content {
    padding-left: 5px;
    width: calc(100% - 3px);
    display: block;
    line-height:18px;
    font-size: 10pt;
    color: #999999;
    border-left: 3px solid #dbdbdb;
}

.mobile_book_info {
    display:block;
    background-color:#f4f4f4;
    width:100%;
    margin:0px;
    padding:0px;
    letter-spacing:0px;
}
.mobile_ckeditor_bookinfo 
{
    margin: 0.6em 0;
}
.mobile_book_left {
    float:left;
    padding:10px;
    position: relative;
}
.mobile_book_level {
    position: absolute;
    bottom: 10px;
    font-size: 10px;
    color: white;
    background-color: #ff505a;
    right: 10px;
    display: inline-block;
    padding-left: 3px;
    padding-right: 3px;
}
.mobile_book_left img {
    width:60px;
    height:90px;
}
.mobile_book_right {
    float:left;
    padding:10px 10px 10px 0px;
    width: calc(100% - 90px);
}
.mobile_book_name {
     font-size: 15pt;
    font-weight:bold;
    line-height:130%;
    color:#333333;
}
.mobile_book_star {
    margin-top:3px;
}
.mobile_book_star img{
    float:left;
    width: 11px;
    height: 11px;
    padding:1px;
}
.mobile_book_detail {
    color:#666666;
    font-size: 10pt;
    line-height:130%;
}
.mobile_book_author {
    color:#666666;
    font-size: 10pt;
    line-height:130%;
    margin-top:3px;
}
.mobile_book_margin {
    font-size: 0;
    height: 0;
    over-flow: hidden;
    padding:0;
    margin-bottom:8px;
}
.mobile_book_flod {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.mobile_book_flod2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.mobile_article_clear {
    display:block;
    clear: both;
    line-height: 0;
    font-size: 0;
    height: 0;
    over-flow: hidden;
}.mobile_article_padding {
    display: block;
}.mobile_article_info {
    display:block;
    background-color:#f4f4f4;
    -webkit-user-modify:read-only;
    -webkit-user-select:none;
    width:100%;
    margin:0px;
    padding:0px;
    letter-spacing:0px;
}
.mobile_ckeditor_articleinfo
{
    margin: 0.6em 0;
}
.mobile_article_left {
    display: inline-block;
    vertical-align: middle;
    padding: 10px 5px 10px 10px;
}.mobile_article_left img {
    width: 20px;
    height: 20px;
}.mobile_article_right {
    display: inline-block;
    vertical-align: middle;
    padding:10px 10px 10px 0px;
    width: calc(100% - 60px);
}.mobile_article_name {
    font-size: 12pt;
    line-height:130%;
}.mobile_article_flod {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.app_manswer_bottom 
{
    text-align:center;
    margin-bottom:80px;
    color: rgba(0, 0, 0, 0.3);
}
.app_manswer_bottom img 
{ 
    width:150px;
	margin-bottom:5px;
}

.app_manswer_head 
{
  max-width: 590px;
  word-wrap: break-word;
  word-break: normal;
  margin: 0px auto;
  text-align: left;
  padding:20px 20px 20px 20px;
  position: relative;
}

.app_manswer_head .manswer_head_left 
{
   float:left;
   width:calc(100% - 30px);
}

.app_manswer_head .manswer_head_left .question_title 
{
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 5px;
}

.app_manswer_head .manswer_head_left .answer_count 
{
    font-size: 15px;
    color: rgba(0, 0, 0, 0.3);   
}

.app_manswer_head .manswer_head_right 
{
   position: absolute;
   top: 50%; 
   margin-top:-10px;
   width:15px;
   margin-left:10px;
}

.manswer_follow_act2 {
display: inline-block;
width: 64px;
height: 27px;
font-size: 9pt;
line-height: 27px;
color: rgb(255, 90, 95);
border: 1px solid rgb(255, 90, 95);
text-align: center;
}

.manswer_round_sty {
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}

.manswer_followed_act2 {
display: inline-block;
width: 64px;
height: 27px;
font-size: 9pt;
line-height: 27px;
color: #8c8c8c;
border: 1px solid #cecece;
text-align: center;
}

.manswer_line 
{
    height:1px;
    background-color:#ececec;
}

.app_manswer_contentend 
{
    color: rgba(0, 0, 0, 0.3);
    text-align:right;
    font-size:13px;
}

.index_question_content
{
    float: right;
}

.index_question_photo
{
    height: 120px;
    float: left;
    margin-top:15px;
}

.index_question_photo img
{
    width: 150px;
    height: 120px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.index_question_contentaction
{
    color: rgba(0, 0, 0, 0.3);
}  

.index_question_contentaction img, .index_question_userinfo img
{
    width: 32px;
    height: 32px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
}

.question_contentaction_item
{
    height: 32px;
    float: left;
}

.index_question_contentcont
{
    font: 15px/1.6 "microsoft yahei" ,arial,helvetica,sans-serif, "宋体";
    font-weight: 400;
    font-style: normal;
    color: #888;
    margin-top:10px;
    letter-spacing: 1px;
}

.index_question_contentcont2 
{
    margin-top:10px;
    font: 15px/1.6 "microsoft yahei" ,arial,helvetica,sans-serif, "宋体";
    font-weight: 400;
    font-style: normal;
    color: #666666;
    letter-spacing: 1px;
}

.index_question_contentcont2 a
{
    color: #666666;
}

.index_question_answercount 
{
   margin-top:5px;
   color: #999999; 
   font-size:13px;
}

.index_question_contentcont .expend
{
  color: #3377aa;
}

.question_expend2 {
    float:right;
    color: #3377aa;
    line-height: 32px;
}

.i-incline-down {
    margin-left: 2px;
    background-image: ;
    background-repeat: no-repeat;
    width: 11px;
    height: 11px;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
}

.i-incline-up {
    margin-left: 2px;
    background-image: ;
    background-repeat: no-repeat;
    width: 11px;
    height: 11px;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline; 
}

.i-incline-mdown {
    margin-left: 2px;
    background-image: ;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
}

.i-incline-mup {
    margin-left: 2px;
    background-image: ;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline; 
}

.index_question_contenttitle
{
    font-weight: bold;
    font-size: 20px;
    margin-top: 10px;
}

.index_question_contenttitle2
{
    font-weight: bold;
    font-size: 20px;
}

.index_question_contenttitle a, .index_question_contenttitle2 a
{
    color: #555;
}

.index_question_contenttitle a:hover, .index_question_contenttitle2 a:hover
{
    color: rgba(0, 0, 0, 0.8);
    text-decoration:underline;
}

.mquestion_answer_actionitem 
{
    display:inline-block;
    text-align:center;
    padding:0px;
    margin:0px;
    width:calc((100% - 10px)/3);
}

.index_question_action .question_action_item
{
    color: #666666;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: center | left;
    line-height:32px;
    font-size: 11pt;
    margin-right:20px;
}

.index_question_action .question_zan
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 25px;
    background-size:20px 20px;
    background-image: ;
    background-position:left center;
    vertical-align: middle;
}

.index_question_action .question_zaned
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 25px;
    background-size:20px 20px;
    background-image: ;
    background-position:left center;
    vertical-align: middle;
}

.index_question_action .question_collect
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 25px;
    background-image: ;
    background-size:19px 19px;
    background-position:left center;
    vertical-align: middle;
}

.index_question_action .question_collected
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 25px;
    background-size:19px 19px;
    background-image: ;
    background-position:left center;
    vertical-align: middle;
}

.index_question_action .question_reply
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 25px;
    background-size:20px 20px;
    background-image: ;
    background-position:left center;
    vertical-align: middle;
}

.index_note_image 
{
  margin-top:10px;   
}

.index_note_image img 
{
  margin-right:5px;   
}

.question-tag-red {
    padding: 2px 6px;
    color: #ff5a60 !important;
    border: 1px solid #ff5a60;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 400;
    line-height: 32px;
    margin-right:10px;
}

.question_reply_add
{
    margin-top: 20px;
}  

.question_reply_add textarea
{
    width: 576px;
    height: 130px;
    padding: 8px;
    margin-top: 10px;
    font-size: 10.5pt;
} 

.question_reply_post
{
    margin-top: 15px;
} 

.question_reply_post a
{
    float: right;
    text-decoration: none;
    color: rgb(255,90,95);
    font-size: 10pt;
    border: 1px solid rgb(255,90,95);
    padding: 5px 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.question_reply_post img 
{
    float: right;
    margin-top:10px;
    margin-left:10px;
}

.question_reply_atcontent
{
    padding: 10px;
    margin-top: 10px;
    font-size: 10pt;
    color: #666666;
    background-color: #f7f7f7;
}

.question_reply_atcontent .name
{
    color: #333333;
}

.question_category_sty 
{
   margin-bottom:30px;
   position:relative; 
}

.question_category_sty span
{
  font-size:18pt;  
  font-weight:bold; 
}

.question_category_sty .right
{
   position:absolute;
   bottom:0; 
   right:0;
   font-size:12pt; 
}

.question_category_sty .right .normal_sort 
{
   color:#333333;
   text-decoration:none;
}

.question_category_sty .right .selected_sort 
{
   color:#ff5a60; 
   text-decoration:none;
}

.single_question_head 
{
   margin-bottom:10px;
}

.single_question_head .title
{
   font-size: 22px;
   font-weight: 600;
   font-synthesis: style;
   line-height: 32px;
   color: #1a1a1a;
   padding-top:20px;
   text-align: left;
}

.single_question_head .content 
{
   margin-top:10px;
   color: #333333;
   font-size: 15px;
   line-height: 25px;
   text-align: left;
}

.single_question_head .content_all 
{
   margin-top:5px;
   text-align:center;
}

.single_question_head .content_all a 
{
  display:inline-block;
  padding:3px 5px 3px 5px;
}

.mobile_question_flod {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.mobile_question_flod2 
{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

.mobile_question_answertime 
{
  color:#999999;
}

.question_temp_content 
{
   font-size: 15px;
   line-height: 25px;
   display:none; 
}

.question_content_omit 
{
    display:block;
    position:absolute;
    bottom:0;
    right:0;
    height:20px;
}

.question_content_ex
{
   margin-left:20px;
   margin-top:5px;
}

.question_content_omit2
{
    display:inline-block;
    height:20px;
    vertical-align:middle;
    margin-right:3px;
}

.question_content_expend2
{
  display:inline-block;
  height:20px;
  vertical-align:middle;
}

.question_content_expend 
{
  display: block;
  position: absolute;
  bottom: 5px;
  right: 0;
  height: 20px;
}

.single_question_head .action
{
   margin-top:20px;
}

.question_answer_count 
{
   font-size: 15px;  
   color: #666666;
}

.question_answer_count2
{
   font-size: 15px;  
   color: #666666;
   background-color: #ececec;
   padding: 5px 0px 5px 20px;
}

.single_question_head .action .left 
{
    float:left; 
}

.single_question_head .action .right 
{
   float:right;  
}

.single_question_head .action .right a
{
    display:inline-block;
    width:113px;
    height:37px;
    text-align:center;
    line-height:37px;
    color: white;
    border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
    background-color: rgb(255,90,95);
}

.single_question_head .attachment_picture, .single_question_head .attachment_book, .single_question_head .attachment_experience
{
  margin-top:20px;
  text-align:left;
}

.single_question_head .attachment_picture img 
{
  width:100px;
}

.single_question_head .attachment_picture a
{
  margin-right:10px;   
}

.single_question_head .attachment_book .book_item 
{
    float:left;
    margin-right:10px;
    margin-bottom:15px;
}

.single_question_head .attachment_book .book_item img 
{
  width:80px;   
}

.single_question_head .attachment_book .book_item span
{
  margin-top:3px;
  display:block;
  font-size:9pt;
  color:#999999;
  width:80px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
}

.single_question_head .attachment_experience .left 
{
   float:left;  
}

.single_question_head .attachment_experience .left img 
{
    width:18px;
}

.single_question_head .attachment_experience .right
{
   float:left;
   font-size:12pt;
   font-weight:bold; 
   margin-left:5px;
   width:calc(100% - 23px);
}

.single_question_head .app_tip 
{
  color:#333333;   
  text-align:center;
}

.single_question_head .question_category a
{
    display:inline-block;
    font-size: 10pt;
    text-decoration: none;
    margin-right: 10px;
    margin-bottom:10px;
    padding: 0px 10px;
    line-height:25px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    float:left;
    color: rgb(255,90,95);
    border: 1px solid rgb(255,90,95);
}

.mquestion_topic a
{
    display:inline-block;
    font-size: 12pt;
    text-decoration: none;
    margin-right: 5px;
    margin-bottom:0px;
    padding: 0px 5px;
    line-height:25px;
    float:left;
    color:#6a7ba0;
}

.message_reply_info .action a
{
   padding: 5px 15px;
   border-radius: 3px;
   font-size: 15px;
   font-weight: 400;
   line-height: 32px;
   color:white;
   background-color:#ff5a60;
   cursor:pointer;
}

.question-tag-red2 {
    padding: 2px 6px;
    color: #ff5a60 !important;
    border: 1px solid #ff5a60;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 400;
    line-height: 32px;
    margin-right:10px;
}

.question_answer_content 
{
   
}

.is-book-collapsed
{
    position:relative;
    max-height:280px;
    overflow:hidden;
}

.is-category-collapsed
{
    position:relative;
    max-height:125px;
    overflow:hidden;
}

.is-collapsed 
{
   position:relative;
   max-height:400px;
   transition:max-height .32s cubic-bezier(.95,.05,.795,.035),-webkit-mask-size .22s cubic-bezier(.95,.05,.795,.035);
   transition:mask-size .22s cubic-bezier(.95,.05,.795,.035),max-height .32s cubic-bezier(.95,.05,.795,.035);
   transition:mask-size .22s cubic-bezier(.95,.05,.795,.035),max-height .32s cubic-bezier(.95,.05,.795,.035),-webkit-mask-size .22s cubic-bezier(.95,.05,.795,.035);
   -webkit-mask-image:linear-gradient(#1a1a1a calc(100% - 8rem),transparent calc(100% - 2.8rem));
   mask-image:linear-gradient(#1a1a1a calc(100% - 8rem),transparent calc(100% - 2.8rem));
   -webkit-mask-size:100% 100%;
   mask-size:100% 100%;
   overflow:hidden;
}
.is-collapsed2
{
   position:relative;
   max-height:640px;
   transition:max-height .32s cubic-bezier(.95,.05,.795,.035),-webkit-mask-size .22s cubic-bezier(.95,.05,.795,.035);
   transition:mask-size .22s cubic-bezier(.95,.05,.795,.035),max-height .32s cubic-bezier(.95,.05,.795,.035);
   transition:mask-size .22s cubic-bezier(.95,.05,.795,.035),max-height .32s cubic-bezier(.95,.05,.795,.035),-webkit-mask-size .22s cubic-bezier(.95,.05,.795,.035);
   -webkit-mask-image:linear-gradient(#1a1a1a calc(100% - 8rem),transparent calc(100% - 2.8rem));
   mask-image:linear-gradient(#1a1a1a calc(100% - 8rem),transparent calc(100% - 2.8rem));
   -webkit-mask-size:100% 100%;
   mask-size:100% 100%;
   overflow:hidden;
}
.bookcase_category_collapsed
{
    width: 100%;
    font-size: 13px;
    text-align: center;
    padding-bottom: 15px;
    padding-top:15px;
}
.hot_book_collapsed
{
    text-align: center;
    margin-top: 25px;
    margin-bottom: 50px;
}
.hot_book_collapsed a 
{
   background-color:#efefef;
   padding:5px 10px 5px 15px;  
   border-radius: 999em;
  -webkit-border-radius: 999em;
  -moz-border-radius: 999em;
}
.question_answer_collapsed 
{
  position: absolute;
  z-index: 1;
  bottom: 10px;
  left: 0;
  width: 100%;
  color: #175199;
  font-size: 15px;
  text-align:center; 
 display:none; 
}

.mquestion_answer_collapsed 
{
  position: absolute;
  z-index: 1;
  bottom: 10px;
  left: 0;
  width: 100%;
  color: #175199;
  font-size: 17px;
  text-align:center; 
  display:none; 
}

.question_answer_collapsed2
{
   font-size: 15px;
   text-align:center; 
}

.add_question_title 
{
   margin-bottom:25px;
   font-size: 22px;
   font-weight: 600;
   font-synthesis: style;
   line-height: 32px;
   color: #1a1a1a;
}

.question_answer_head 
{
    margin-bottom:10px; 
}

.question_answer_head .left 
{
    float:left;
    color: rgba(0, 0, 0, 0.3);
}

.question_answer_head .right
{
    float:right;
    line-height:32px;
}

.index_question_userinfo 
{
    color: rgba(0, 0, 0, 0.3);
    margin-bottom:10px;
}

.question_answer_head .left .image
{
    width: 32px;
    height: 32px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
}

.question_answer_head .right .experience_action_item
{
    color: rgba(0, 0, 0, 0.3);
    text-decoration: none;
    margin-left: 20px;
    padding-left: 17px;
    background-repeat: no-repeat;
    background-position: center | left;
}  

.question_answer_head .right .experience_action_item:hover
{
    color: #555;
} 

.question_answer_head .right .experience_action_item img
{
    margin-top: 3px;
}

.question_answer_head .right .exp_modify
{
    background-image: ;
}

.question_answer_head .right .exp_modify:hover
{
    background-image: ;
}

.question_answer_head .right .exp_delete
{
    background-image: ;
}

.question_answer_head .right .exp_delete:hover
{
    background-image: ;
}

.question_search_title 
{
    line-height:15px;
}

.question_search_answercount 
{
    line-height:15px;
    color: #8590a6;
}

.question_vxgk
{
    font-size: 10pt;
    color: rgb(51,51,51);
    margin-left: 10px;
    display: block;
    line-height:20px;
    padding-top:5px;
    padding-bottom:5px;
}

.comments-placeholder {
  padding-top:15px;
}
.comments-placeholder .author {
 margin-bottom:15px
}
.comments-placeholder .author .avatar {
 cursor:default!important;
 margin-right:5px;
 width:20px;
 height:20px;
 background-color:#eaeaea;
 border-radius:50%
}
.comments-placeholder .author .avatar,.comments-placeholder .author .info {
 vertical-align:middle;
 display:inline-block
}
.comments-placeholder .author .info .name {
 margin-bottom:3px;
 height:14px;
 width:60px;
 background-color:#eaeaea
}
.comments-placeholder .author .info .meta {
 height:12px;
 width:120px;
 background-color:#eaeaea
}
.comments-placeholder .text {
 width:100%;
 height:16px;
 margin:0 0 8px!important;
 background-color:#eaeaea;
 animation:loading 1s ease-in-out infinite;
 -webkit-animation:loading 1s ease-in-out infinite;
 -moz-animation:loading 1s ease-in-out infinite;
 -o-animation:loading 1s ease-in-out infinite;
 -ms-animation:loading 1s ease-in-out infinite
}
.comments-placeholder .animation-delay {
 animation:loading 1s ease-in-out -.5s infinite;
 -webkit-animation:loading 1s ease-in-out -.5s infinite;
 -moz-animation:loading 1s ease-in-out -.5s infinite;
 -o-animation:loading 1s ease-in-out -.5s infinite;
 -ms-animation:loading 1s ease-in-out -.5s infinite
}
.comments-placeholder .tool-group {
 margin:0;
 padding-top:6px;
 color:#eaeaea;
 font-size:15px
}
.comments-placeholder .tool-group div {
 display:inline-block;
 vertical-align:middle;
 background-color:#eaeaea
}
.comments-placeholder .tool-group i {
 margin-right:5px;
 vertical-align:middle
}
.comments-placeholder .tool-group .zan {
 height:14px;
 width:40px;
 margin-right:10px
}

#answers-placeholder {
  padding-top:0px;
}
#answers-placeholder .author {
 margin-bottom:15px
}
#answers-placeholder .author .avatar {
 cursor:default!important;
 margin-right:5px;
 width:32px;
 height:32px;
 background-color:#eaeaea;
 border-radius:50%
}
#answers-placeholder .author .avatar,#answers-placeholder .author .info {
 vertical-align:middle;
 display:inline-block
}
#answers-placeholder .author .info .name {
 height:14px;
 width:60px;
 background-color:#eaeaea
}
#answers-placeholder .author .info .meta {
 height:12px;
 width:120px;
 background-color:#eaeaea
}
#answers-placeholder .text {
 width:100%;
 height:16px;
 margin:0 0 8px!important;
 background-color:#eaeaea;
 animation:loading 1s ease-in-out infinite;
 -webkit-animation:loading 1s ease-in-out infinite;
 -moz-animation:loading 1s ease-in-out infinite;
 -o-animation:loading 1s ease-in-out infinite;
 -ms-animation:loading 1s ease-in-out infinite
}
#answers-placeholder .animation-delay {
 animation:loading 1s ease-in-out -.5s infinite;
 -webkit-animation:loading 1s ease-in-out -.5s infinite;
 -moz-animation:loading 1s ease-in-out -.5s infinite;
 -o-animation:loading 1s ease-in-out -.5s infinite;
 -ms-animation:loading 1s ease-in-out -.5s infinite
}
#answers-placeholder .tool-group {
 margin:0;
 padding-top:6px;
 color:#eaeaea;
 font-size:15px
}
#answers-placeholder .tool-group div {
 display:inline-block;
 vertical-align:middle;
 background-color:#eaeaea
}
#answers-placeholder .tool-group .zan {
 height:14px;
 width:30px;
 margin-right:10px
}
#answers-placeholder .tool-group .collection {
 height:14px;
 width:30px;
 margin-right:10px
}
#answers-placeholder .tool-group .comment {
 height:14px;
 width:30px;
 margin-right:10px
}

.home_head_actions .action_item {
    background-size: 100% 100%;
    width: 180px;
    height: 90px;
    float:left;
    text-align:center;
}

.home_head_actions .title {
    color:white;
    font-size:18pt;
    margin-top:8px;
    margin-bottom:8px;
}

.home_head_actions .item_answer_bg .title img
{
   width:25px;
   margin-right:3px;  
}

.home_head_actions .item_write_bg .title img
{
   width:22px;
   margin-right:3px;  
}

.home_head_actions .item_draft_bg .title img
{
   width:25px;
   margin-right:3px;  
}

.home_head_actions .btn a 
{
    display:inline-block;
    color:white;
    border:1px solid white;
    line-height:28px;
    height:28px;
    width:69px;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
 }
 
 .home_head_actions .btn :nth-child(1) {
     margin-right:5px;
 }
 
 .home_head_actions .btn :nth-child(2) {
     margin-left:5px;
 }
 
 .home_head_actions .item_answer_bg a:active {
     background-color:white;
     color:rgb(250,108,119);
 }
 
 .home_head_actions .item_write_bg a:active {
     background-color:white;
     color:rgb(40,195,170);
 }
 
 .home_head_actions .item_draft_bg a:active {
     background-color:white;
     color:rgb(102,168,244);
 }

.item_answer_bg {
    background-image: ;
    margin-right:23px;
}

.item_write_bg {
    background-image: ;
    margin-right:23px;
}

.item_draft_bg {
    background-image: ;
}

.pop_add_question {
    width: 595px;
}

.pop_add_question .all_content 
{
   margin:0px 24px 20px 24px; 
}

.pop_add_question .title {
    margin-top: 35px;
    font-size: 24px;
    font-weight: 500;
    color: #1a1a1a;
    text-align: center;
}

.pop_add_question .content1 {
    padding: 0 38px;
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.5;
    color: #8590a6;
    text-align: center;
}

.pop_add_question .txt_title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 81px;
    padding: 4px 10px;
    font-size: 14px;
    border-radius: 3px;
    box-sizing: border-box;
    transition: background .2s,border .2s;
}

.pop_add_question .txt_title textarea {
    line-height: 24px;
    color: #1a1a1a;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0;
    overflow:hidden;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    background: transparent;
    border: none;
    outline: none;
    resize: none;
}

.pop_add_question .txt_title textarea::placeholder {
    color: #999999;
}

.pop_add_question .is-focus {
 background:#fff;
 border:1px solid #8590a6
}

.pop_add_question .is-nofocus {
 background: #fff;
 border: 1px solid #ebebeb;
}

.pop_add_question .error {
    color: #f1403c;
    font-size: 15px;
    line-height: 1.7;
    text-align:right;
    margin-top:5px;
    height:15px;
}

.pop_add_question .des
{
    margin-top:40px;  
}

.pop_add_question .des .des_title
{
    color: #444;
    line-height: 1.7;
    font-size: 15px;
    padding-left: 13px;
    margin-bottom: 8px;
    float:left;
}

.pop_add_question .des .des_content
{
   float:right;
   color:#999999;
}

.addanswer_app_tip 
{
  color:#999999;
  margin-top:10px;
  font-size:10pt; 
  margin-bottom:20px;  
}

.question_answer_content .attachment_book .book_item 
{
    float:left;
    margin-right:10px;
    margin-top:20px;
}

.question_answer_content .attachment_book .book_item img 
{
  width:80px;
  height:120px;   
}

.question_answer_content .attachment_book .book_item span
{
  margin-top:3px;
  display:block;
  font-size:9pt;
  color:#999999;
  width:80px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
}

.answer_book_title 
{
    text-align:center; 
    color:#666666;
}

.answer_book_apptip 
{
    text-align:center;
    color:#999999;
}

.gray-layer[data-v-2aeaa8ac] {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.4);
  z-index: 1006;
}
.down-app[data-v-2aeaa8ac] {
  width: 280px;
  height: 271px;
  background: #fff;
  z-index: 1007;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -136px 0 0 -140px;
  border-radius: 8px;
}
.down-app .img-box[data-v-2aeaa8ac] {
  margin: 21px 76px 17px 76px;
}
.down-app .img-box img[data-v-2aeaa8ac] {
  width: 128px;
  height: 128px;
  border-radius: 5px;
}
.down-app p[data-v-2aeaa8ac] {
  font-size: 14px;
  color: #555;
  text-align: center;
  margin: 0 0 3px 0;
}
.down-app .close[data-v-2aeaa8ac] {
  color: #5b92e1;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  display: block;
  border-top: 1px solid #eee;
  padding: 10px 0;
  margin: 18px 0 0 0;
}

/**知乎样式**/

.button {
 display:inline-block;
 padding:0px;
 font-size:14px;
 color:#8590a6;
 text-align:center;
 cursor:pointer;
 background:none;
 border:0px solid;
 border-radius:3px
}
.button::-moz-focus-inner {
 padding:0;
 border:0
}
.button:focus {
 outline:none
}
.button:disabled {
 cursor:default;
 opacity:.5
}
html[data-theme=dark] .button {
 color:#606a80
}
.input-wrapper {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 width:180px;
 height:34px;
 padding:4px 10px;
 font-size:14px;
 background:#fff;
 border:1px solid #ebebeb;
 border-radius:3px;
 box-sizing:border-box;
 transition:background .2s,border .2s
}
.popover {
 position:relative;
 display:inline-block
}
.popover-arrow {
 position:absolute
}
.popover-arrow,.popover-arrow:after {
 border:8px solid transparent;
 display:block;
 width:0;
 height:0
}
.popover-arrow:after {
 position:absolute;
 left:0;
 top:0;
 content:""
}
.popover-arrow--top {
 border-top-color:#ebebeb;
 margin-top:7px
}
.popover-arrow--top,.popover-arrow--top:after {
 border-bottom-width:0;
 -webkit-transform:translate3d(-50%,-100%,0);
 transform:translate3d(-50%,-100%,0)
}
.popover-arrow--top:after {
 margin-top:-1px;
 border-top-color:#fff
}
html[data-theme=dark] .popover-arrow--top:after {
 border-top-color:#1a1a1a
}
html[data-theme=dark] .popover-arrow--top {
 border-top-color:#2e2e2e
}
.popover-arrow--bottom {
 border-bottom-color:#ebebeb;
 margin-top:-8px
}
.popover-arrow--bottom,.popover-arrow--bottom:after {
 border-top-width:0;
 -webkit-transform:translatex(-50%);
 transform:translatex(-50%)
}
.popover-arrow--bottom:after {
 margin-top:1px;
 border-bottom-color:#fff
}
html[data-theme=dark] .popover-arrow--bottom:after {
 border-bottom-color:#1a1a1a
}
html[data-theme=dark] .popover-arrow--bottom {
 border-bottom-color:#2e2e2e
}
.popover-arrow--left {
 border-left-color:#ebebeb;
 margin-left:7px
}
.popover-arrow--left,.popover-arrow--left:after {
 border-right-width:0;
 -webkit-transform:translate3d(-100%,-50%,0);
 transform:translate3d(-100%,-50%,0)
}
.popover-arrow--left:after {
 margin-left:-1px;
 border-left-color:#fff
}
html[data-theme=dark] .popover-arrow--left:after {
 border-left-color:#1a1a1a
}
html[data-theme=dark] .popover-arrow--left {
 border-left-color:#2e2e2e
}
.popover-arrow--right {
 border-right-color:#ebebeb;
 margin-left:-8px
}
.popover-arrow--right,.popover-arrow--right:after {
 border-left-width:0;
 -webkit-transform:translatey(-50%);
 transform:translatey(-50%)
}
.popover-arrow--right:after {
 margin-left:1px;
 border-right-color:#fff
}
html[data-theme=dark] .popover-arrow--right:after {
 border-right-color:#1a1a1a
}
html[data-theme=dark] .popover-arrow--right {
 border-right-color:#2e2e2e
}
.popover-content {
 position:absolute;
 background:#fff;
 border:1px solid #ebebeb;
 border-radius:4px;
 box-shadow:0 5px 20px rgba(26,26,26,.1);
 z-index:203
}
html[data-theme=dark] .popover-content {
 box-shadow:0 1px 3px rgba(0,0,0,.3)
}
.popover-content-enter {
 opacity:.01
}
.popover-content-enter-active {
 transition:opacity .2s ease-out,-webkit-transform .2s ease-out;
 transition:transform .2s ease-out,opacity .2s ease-out;
 transition:transform .2s ease-out,opacity .2s ease-out,-webkit-transform .2s ease-out
}
.popover-content-enter-active,.popover-content-leave {
 opacity:1;
 -webkit-transform:translatey(0);
 transform:translatey(0)
}
.popover-content-leave-active {
 opacity:.01;
 transition:opacity .2s ease-out,-webkit-transform .2s ease-out;
 transition:transform .2s ease-out,opacity .2s ease-out;
 transition:transform .2s ease-out,opacity .2s ease-out,-webkit-transform .2s ease-out
}
.popover-content--fixed {
 position:fixed
}
html[data-theme=dark] .popover-content {
 background:#1a1a1a;
 border:1px solid #2e2e2e
}
.popover-content--top {
 -webkit-transform-origin:bottom center;
 transform-origin:bottom center;
 margin-top:-8px
}
.popover-content--top.popover-content--arrowed {
 margin-top:-16px
}
.popover-content--top.popover-content--enter,.popover-content--top.popover-content-leave-active {
 -webkit-transform:translatey(8px);
 transform:translatey(8px)
}
.popover-content--bottom {
 margin-top:8px
}
.popover-content--bottom.popover-content--arrowed {
 margin-top:16px
}
.popover-content--bottom.popover-content--enter,.popover-content--bottom.popover-content-leave-active {
 -webkit-transform:translatey(-8px);
 transform:translatey(-8px)
}
.popover-content--left {
 -webkit-transform-origin:right center;
 transform-origin:right center;
 margin-left:-8px
}
.popover-content--left.popover-content--arrowed {
 margin-left:-16px
}
.popover-content--left.popover-content--enter,.popover-content--left.popover-content-leave-active {
 -webkit-transform:translatex(8px);
 transform:translatex(8px)
}
.popover-content--right {
 margin-left:8px
}
.popover-content--right.popover-content--arrowed {
 margin-left:16px
}
.popover-content--right.popover-content--enter,.popover-content--right.popover-content-leave-active {
 -webkit-transform:translatex(-8px);
 transform:translatex(-8px)
}
.attentionpopover {
 font-size:15px;
 background-color:#0084ff;
 color:#fff;
 padding:9px 14px;
 border-radius:8px;
 border:none
}
.attentionpopover .popover-arrow {
 border:none
}
.attentionpopover .popover-arrow--top:after {
 border-top-color:#0084ff
}
html[data-theme=dark] .attentionpopover .popover-arrow--top:after {
 border-top-color:#3a76d0
}
.attentionpopover .popover-arrow--bottom:after {
 border-bottom-color:#0084ff
}
html[data-theme=dark] .attentionpopover .popover-arrow--bottom:after {
 border-bottom-color:#3a76d0
}
.attentionpopover .popover-arrow--left:after {
 border-left-color:#0084ff
}
html[data-theme=dark] .attentionpopover .popover-arrow--left:after {
 border-left-color:#3a76d0
}
.attentionpopover .popover-arrow--right:after {
 border-right-color:#0084ff
}
html[data-theme=dark] .attentionpopover .popover-arrow--right:after {
 border-right-color:#3a76d0
}
html[data-theme=dark] .attentionpopover {
 background-color:#3a76d0
}
.mathtoolbar {
 display:block;
 padding:4px 12px;
 border-radius:inherit inherit 0 0;
 background:#f6f6f6;
 border-bottom:1px solid #ebebeb;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
html[data-theme=dark] .mathtoolbar {
 background:#2e2e2e;
 border-bottom:1px solid #444
}
.mathtoolbar-button {
 height:28px;
 padding:2px 4px;
 box-sizing:border-box;
 border:1px solid transparent;
 vertical-align:middle
}
.mathtoolbar-button .mathtoolbar-button {
 margin-left:16px
}
.mathtoolbar-button:hover {
 background:#f6f6f6;
 border-color:#ebebeb
}
html[data-theme=dark] .mathtoolbar-button:hover {
 background:#2e2e2e;
 border-color:#444
}
.mathtoolbar-palettes {
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 margin:-4px;
 padding:16px;
 max-width:384px
}
.mathtoolbar-palettes,.mathtoolbar-palettesbutton {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row
}
.mathtoolbar-palettesbutton {
 margin:4px;
 padding:0;
 width:24px;
 height:24px;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 font-size:16px;
 color:#8590a6;
 border-radius:4px
}
.mathtoolbar-palettesbutton:hover {
 background-color:#f6f6f6
}
html[data-theme=dark] .mathtoolbar-palettesbutton:hover {
 background-color:#2e2e2e
}
html[data-theme=dark] .mathtoolbar-palettesbutton {
 color:#606a80
}
.mathtoolbar-paletteicon {
 max-width:calc(100% - 2px)
}
.mathtoolbar-palettes--math {
 max-width:380px
}
.mathtoolbar-palettes--math .mathtoolbar-palettesbutton {
 padding:0 3px;
 width:30px;
 height:60px
}
.mathtoolbar-palettes--arrow .mathtoolbar-palettesbutton {
 height:35px
}
.formulamodal {
 width:550px
}
.formulamodal-input {
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 margin-bottom:30px
}
.formulamodal-input .input {
 padding:6px 12px;
 min-height:100px;
 box-sizing:border-box
}
.formulamodal-formula {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 padding:0 3px;
 background:#fff;
 border:2px dashed #ebebeb;
 border-radius:3px;
 min-height:106px;
 overflow-x:auto
}
.formulamodal-formula img {
 max-width:100%
}
html[data-theme=dark] .formulamodal-formula {
 background:#1a1a1a;
 border:2px dashed #444
}
.formulamodal-buttongroup {
 margin-top:32px
}
.formulamodal-previewtext {
 color:#8590a6;
 font-size:14px
}
html[data-theme=dark] .formulamodal-previewtext {
 color:#606a80
}
.focusplugin--unfocused:hover {
 cursor:default;
 box-shadow:0 0 0 2px rgba(0,132,255,.3)
}
html[data-theme=dark] .focusplugin--unfocused:hover {
 box-shadow:0 0 0 2px rgba(58,118,208,.3)
}
.focusplugin--focused {
 cursor:default;
 box-shadow:0 0 0 2px #0084ff
}
html[data-theme=dark] .focusplugin--focused {
 box-shadow:0 0 0 2px #3a76d0
}
.image {
 max-width:100%;
 margin:0 auto
}
.image[data-size=small] {
 max-width:40%
}
.image--isblock {
 display:block
}
.loadingbar {
 position:fixed;
 top:0;
 right:0;
 left:0;
 z-index:101;
 display:none;
 height:2px;
 pointer-events:none;
 background:#0084ff;
 -webkit-transform:translatex(-100%);
 transform:translatex(-100%)
}
.loadingbar.is-active {
 display:block;
 -webkit-animation:loadingbarforward 1s ease-in-out .8s infinite;
 animation:loadingbarforward 1s ease-in-out .8s infinite
}
html[data-theme=dark] .loadingbar {
 background:#3a76d0
}
@-webkit-keyframes loadingbarforward {
 0% {
  -webkit-transform:translatex(-100%);
  transform:translatex(-100%)
 }
 40% {
  -webkit-transform:translatex(0);
  transform:translatex(0)
 }
 60% {
  -webkit-transform:translatex(0);
  transform:translatex(0)
 }
 to {
  -webkit-transform:translatex(100%);
  transform:translatex(100%)
 }
}
@keyframes loadingbarforward {
 0% {
  -webkit-transform:translatex(-100%);
  transform:translatex(-100%)
 }
 40% {
  -webkit-transform:translatex(0);
  transform:translatex(0)
 }
 60% {
  -webkit-transform:translatex(0);
  transform:translatex(0)
 }
 to {
  -webkit-transform:translatex(100%);
  transform:translatex(100%)
 }
}
.editable-imageuploader {
 text-align:center
}
.editable-imageuploader-layout {
 position:relative;
 display:inline-block;
 max-width:100%;
 vertical-align:top
}
.editable-imageuploader-layout.is-fullwidth {
 width:100%
}
.editable-imageuploader-image {
 display:block;
 max-width:100%;
 opacity:.3
}
.editable-imageuploader-placeholder {
 height:192px;
 background-color:#ebebeb
}
html[data-theme=dark] .editable-imageuploader-placeholder {
 background-color:#444
}
.editable-imageuploader-status {
 position:absolute;
 left:0;
 top:0;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 width:100%;
 height:100%
}
.editable-imageuploader-statustext {
 font-size:28px;
 line-height:40px;
 color:#8590a6
}
html[data-theme=dark] .editable-imageuploader-statustext {
 color:#606a80
}
.editable-imageuploader-status.is-error .editable-imageuploader-statustext {
 color:#f36
}
html[data-theme=dark] .editable-imageuploader-status.is-error .editable-imageuploader-statustext {
 color:#d92155
}
.editable-imageuploader-retry {
 margin-top:4px;
 font-size:16px;
 line-height:32px
}
.editable-imageuploader-retry .button {
 font-size:inherit
}
.editable-imageuploader-progress {
 position:absolute;
 left:0;
 bottom:0;
 width:100%;
 height:4px;
 background-color:#0084ff
}
.editable-imageuploader-progress.is-error {
 background-color:#f36
}
html[data-theme=dark] .editable-imageuploader-progress.is-error {
 background-color:#d92155
}
.editable-imageuploader-progress .loadingbar {
 position:relative;
 height:100%;
 background-color:hsla(0,0%,100%,.3)
}
html[data-theme=dark] .editable-imageuploader-progress .loadingbar {
 background-color:rgba(26,26,26,.3)
}
html[data-theme=dark] .editable-imageuploader-progress {
 background-color:#3a76d0
}
.image-caption.is-placeholder {
 color:#bfbfbf
}
html[data-theme=dark] .image-caption.is-placeholder {
 color:gray
}
.image-caption.is-editing {
 opacity:0
}
.image-captioninput {
 position:absolute;
 z-index:203
}
.image-captioninput textarea {
 display:block;
 overflow:hidden;
 width:100%;
 height:100%;
 padding:0;
 border:none;
 font:inherit;
 font-size:.9em;
 line-height:1.5;
 text-align:center;
 color:#8590a6;
 background:none;
 resize:none
}
.image-captioninput textarea::-webkit-input-placeholder {
 color:#bfbfbf
}
.image-captioninput textarea:-ms-input-placeholder {
 color:#bfbfbf
}
.image-captioninput textarea::placeholder {
 color:#bfbfbf
}
html[data-theme=dark] .image-captioninput textarea::-webkit-input-placeholder {
 color:gray
}
html[data-theme=dark] .image-captioninput textarea:-ms-input-placeholder {
 color:gray
}
html[data-theme=dark] .image-captioninput textarea::placeholder {
 color:gray
}
.image-captioninput textarea:focus {
 outline:none
}
html[data-theme=dark] .image-captioninput textarea {
 color:#606a80
}
.image-resizer {
 padding:8px
}
.image-resizerbutton {
 padding:0 8px;
 vertical-align:middle
}
.image-resizerbutton .zi {
 display:block
}
.image-resizerbutton.is-active {
 color:#0084ff
}
html[data-theme=dark] .image-resizerbutton.is-active {
 color:#3a76d0
}
.editable-videotitleinput-container {
 -ms-flex-item-align:stretch;
 align-self:stretch;
 background:#fff;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 width:100%
}
html[data-theme=dark] .editable-videotitleinput-container {
 background:#1a1a1a
}
.editable-videotitleinput-innercontainer {
 cursor:text;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 padding:0 16px
}
.editable-videotitleinput-innercontainer--isbeforeiconshown {
 padding:0 10px
}
.editable-videotitleinput-beforeicon,html[data-theme=dark] .editable-videotitleinput-beforeicon {
 color:gray
}
.editable-videotitleinput-value {
 font-size:15px;
 line-height:48px
}
.editable-videotitleinput-value--nocontent,html[data-theme=dark] .editable-videotitleinput-value--nocontent {
 color:gray
}
.editable-videotitleinput {
 border:none;
 box-sizing:border-box;
 font-size:15px;
 height:48px;
 outline:none;
 padding:0;
 width:100%
}
.editable-videotitleinput::-webkit-input-placeholder {
 color:gray
}
.editable-videotitleinput:-ms-input-placeholder {
 color:gray
}
.editable-videotitleinput::placeholder {
 color:gray
}
html[data-theme=dark] .editable-videotitleinput::-webkit-input-placeholder {
 color:gray
}
html[data-theme=dark] .editable-videotitleinput:-ms-input-placeholder {
 color:gray
}
html[data-theme=dark] .editable-videotitleinput::placeholder {
 color:gray
}
.embed embed {
 display:block;
 width:100%;
 height:100%
}
.videocard {
 position:relative;
 overflow:hidden;
 border:1px solid #ebebeb;
 border-radius:4px;
 box-shadow:0 1px 3px rgba(26,26,26,.1)
}
html[data-theme=dark] .videocard {
 box-shadow:0 1px 3px rgba(0,0,0,.3);
 border:1px solid #444
}
.videocard-link {
 display:block
}
.videocard-layout {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap
}
.videocard-poster {
 width:120px;
 height:90px;
 background-color:#ebebeb
}
.videocard-poster img {
 display:block;
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover
}
html[data-theme=dark] .videocard-poster {
 background-color:#444
}
.videocard-video {
 position:relative;
 width:100%
}
.videocard-video:before {
 display:block;
 padding-top:56.25%;
 content:""
}
.videocard-video-content {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%
}
.videocard-thumbnail {
 position:relative;
 width:100%;
 height:100%;
 background-color:#ebebeb
}
.videocard-thumbnail img {
 display:block;
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover
}
html[data-theme=dark] .videocard-thumbnail {
 background-color:#444
}
.videocard-play-button {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 width:64px;
 height:64px;
 margin:auto;
 transition:-webkit-transform .3s;
 transition:transform .3s;
 transition:transform .3s,-webkit-transform .3s
}
.videocard-playicon {
 display:block
}
html[data-theme=dark] .videocard-playicon {
 filter:;
 -webkit-filter:brightness(.7);
 filter:brightness(.7)
}
.videocard--interactive .videocard-video:hover .videocard-play-button {
 -webkit-transform:scale(1.1);
 transform:scale(1.1)
}
.videocard-content {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 padding:10px 16px;
 overflow:hidden;
 box-sizing:border-box
}
.videocard-videotitleinputholder {
 height:48px;
 width:100%
}
.videocard-title {
 overflow:hidden;
 height:28px;
 font-size:16px;
 line-height:28px;
 text-overflow:ellipsis;
 white-space:nowrap
}
.videocard--interactive .videocard-link .videocard-content:hover .videocard-title,html[data-theme=dark] .videocard--interactive .videocard-link .videocard-content:hover .videocard-title {
 color:#175199
}
.videocard-description {
 height:25px;
 margin-top:5px;
 line-height:25px
}
.videocard-source {
 display:inline-block;
 margin-right:10px;
 color:#8590a6
}
html[data-theme=dark] .videocard-source {
 color:#606a80
}
.videocard-badge {
 display:inline-block;
 padding:0 8px;
 color:#8590a6;
 background-color:#f6f6f6;
 border-radius:3px
}
html[data-theme=dark] .videocard-badge {
 color:#606a80;
 background-color:#2e2e2e
}
.videocard-player {
 width:100%;
 height:100%;
 background-color:#1a1a1a
}
.videocard-player .embed,.videocard-player iframe {
 display:block;
 width:100%;
 height:100%
}
html[data-theme=dark] .videocard-player {
 background-color:#999
}
.videocard-overlay {
 position:absolute;
 top:0;
 left:0;
 z-index:1;
 width:100%;
 height:100%;
 background-color:#fff
}
.videocard-overlay.is-loading {
 opacity:0
}
.videocard-mask,html[data-theme=dark] .videocard-overlay {
 background-color:#1a1a1a
}
.videocard-mask {
 position:absolute;
 top:0;
 left:0;
 z-index:1;
 width:100%;
 height:100%;
 transition:opacity .3s,visibility .3s
}
.videocard-mask:not(.is-shown) {
 opacity:0;
 visibility:hidden
}
html[data-theme=dark] .videocard-mask {
 background-color:#999
}
.videocard--mobile .videocard-poster {
 width:100px;
 height:75px
}
.videocard--mobile .videocard-video:hover .videocard-play-button {
 -webkit-transform:scale(1);
 transform:scale(1)
}
.videocard--mobile .videocard-content {
 padding:10px 12px
}
.videocard--mobile .videocard-title {
 font-size:16px
}
.videocard--mobile .videocard-description {
 margin-top:0;
 font-size:12px
}
.editable-video {
 margin:16px 0;
 border-radius:4px
}
.video-uploadposterbutton {
 background:rgba(26,26,26,.5);
 border:1px solid hsla(0,0%,100%,.3);
 border-radius:3px;
 height:32px;
 width:109px;
 position:absolute;
 bottom:16px;
 right:16px;
 text-align:center;
 line-height:32px;
 cursor:pointer
}
.video-uploadposterbutton p {
 color:#fff;
 font-size:14px;
 margin:0!important
}
html[data-theme=dark] .video-uploadposterbutton p {
 color:#1a1a1a
}
html[data-theme=dark] .video-uploadposterbutton {
 background:hsla(0,0%,60%,.5);
 border:1px solid rgba(26,26,26,.3)
}
.editable-videouploader {
 margin:16px 0;
 border-radius:4px
}
.editable-videouploader-thumbnail {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 width:100%;
 height:100%
}
.editable-videouploader-text {
 text-align:center;
 position:relative;
 color:#8590a6
}
html[data-theme=dark] .editable-videouploader-text {
 color:#606a80
}
.editable-videouploader-status {
 font-size:28px;
 line-height:40px
}
.editable-videouploader-size {
 margin-top:10px;
 font-size:14px;
 line-height:20px
}
.editable-videouploader-retry {
 margin-top:4px;
 font-size:16px;
 line-height:32px
}
.editable-videouploader-retry .button {
 font-size:inherit
}
.editable-videouploader-retry .button:hover {
 background-color:transparent!important;
 background-color:initial!important
}
.editable-videouploader-progress {
 position:absolute;
 left:0;
 right:0;
 bottom:0;
 overflow:hidden;
 height:4px;
 background-color:rgba(26,26,26,.05)
}
html[data-theme=dark] .editable-videouploader-progress {
 background-color:hsla(0,0%,60%,.05)
}
.editable-videouploader-progress-bar {
 position:absolute;
 left:0;
 top:0;
 height:100%;
 background-color:#0084ff
}
.editable-videouploader-progress-bar.is-error {
 background-color:#f36
}
html[data-theme=dark] .editable-videouploader-progress-bar.is-error {
 background-color:#d92155
}
html[data-theme=dark] .editable-videouploader-progress-bar {
 background-color:#3a76d0
}
.editable-videouploader-progress .loadingbar {
 position:absolute;
 left:0;
 top:0;
 height:100%;
 background-color:hsla(0,0%,100%,.3)
}
html[data-theme=dark] .editable-videouploader-progress .loadingbar {
 background-color:rgba(26,26,26,.3)
}
.editable-videouploader-image {
 position:absolute
}
.editable-videouploader-uploadposterbutton {
 background:rgba(26,26,26,.5);
 border:1px solid hsla(0,0%,100%,.3);
 border-radius:3px;
 height:32px;
 width:109px;
 position:absolute;
 bottom:16px;
 right:16px;
 text-align:center;
 line-height:32px;
 cursor:pointer
}
.editable-videouploader-uploadposterbutton p {
 color:#fff;
 font-size:14px;
 margin:0!important
}
html[data-theme=dark] .editable-videouploader-uploadposterbutton p {
 color:#1a1a1a
}
html[data-theme=dark] .editable-videouploader-uploadposterbutton {
 background:hsla(0,0%,60%,.5);
 border:1px solid rgba(26,26,26,.3)
}
.editable-videouploader-imagemask {
 width:100%;
 height:100%;
 position:absolute;
 background:hsla(0,0%,92%,.9)
}
html[data-theme=dark] .editable-videouploader-imagemask {
 background:rgba(68,68,68,.9)
}
.videoerrorcard-thumbnail {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 width:100%;
 height:100%
}
.videoerrorcard-error {
 font-size:28px;
 line-height:40px;
 text-align:center;
 color:#8590a6
}
html[data-theme=dark] .videoerrorcard-error {
 color:#606a80
}
.editable-videoerror {
 margin:16px 0;
 border-radius:4px
}
.editable-divider {
 overflow:hidden
}
.link .link {
 margin-left:2px
}
.link[data-editable] {
 cursor:text!important
}
.linkcard {
 position:relative;
 display:block;
 margin:1em auto;
 width:390px;
 box-sizing:border-box;
 border-radius:12px;
 max-width:100%;
 overflow:hidden
}
.linkcard,.linkcard:hover {
 text-decoration:none;
 border:none!important;
 color:inherit!important
}
.linkcard-content {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 padding:12px;
 border-radius:inherit;
 background-color:hsla(0,0%,96%,.88)
}
.linkcard--noimage .linkcard-content {
 background-color:#f6f6f6
}
html[data-theme=dark] .linkcard--noimage .linkcard-content {
 background-color:#2e2e2e
}
@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))) {
 .linkcard-content {
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px)
 }
}
html[data-theme=dark] .linkcard-content {
 background-color:rgba(46,46,46,.88)
}
.linkcard-title {
 display:-webkit-box;
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical;
 overflow:hidden;
 text-overflow:ellipsis;
 max-height:40px;
 font-size:16px;
 font-weight:500;
 line-height:1.25;
 color:#1a1a1a
}
html[data-theme=dark] .linkcard-title {
 color:#999
}
.linkcard-meta {
 display:block;
 margin-top:4px;
 font-size:14px;
 line-height:1.25;
 color:#999
}
html[data-theme=dark] .linkcard-meta {
 color:#646464
}
.linkcard-image {
 display:block;
 width:60px;
 height:60px;
 border-radius:inherit
}
.linkcard-image.linkcard-image--horizontal {
 width:90px
}
.linkcard-image.linkcard-image--vertical {
 height:80px
}
.linkcard-imagecell {
 margin-left:8px;
 border-radius:6px
}
html[data-theme=dark] .linkcard--hasimage .linkcard-imagecell {
 filter:;
 -webkit-filter:brightness(.7);
 filter:brightness(.7)
}
.linkcard-backdrop {
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background-repeat:no-repeat;
 filter:;
 -webkit-filter:blur(20px);
 filter:blur(20px);
 background-size:cover;
 background-position:50%
}
@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))) {
 .linkcard-backdrop {
  -webkit-filter:none;
  filter:none
 }
}
.linkcard-image--default {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 background-color:#ebebeb;
 color:#d3d3d3
}
html[data-theme=dark] .linkcard-image--default {
 background-color:#444;
 color:#2e2e2e
}
.linkmodal-input {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.linkmodal-input .linkmodal-input {
 margin-top:10px
}
.linkmodal-input .input {
 margin-left:8px
}
.linkbubble.popover-content--top.popover-content--arrowed {
 margin-top:-10px
}
.linkbubble.popover-content--bottom.popover-content--arrowed {
 margin-top:10px
}
.linkbubble-content {
 display:block;
 padding:7px 10px 7px 16px
}
.linkbubble-button,.linkbubble-previewlink {
 vertical-align:middle
}
.linkbubble-previewlink {
 display:inline-block;
 margin-right:8px;
 max-width:233px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 text-decoration:none;
 font-size:14px;
 line-height:1.3;
 border-bottom:1px solid transparent
}
.linkbubble-previewlink:hover {
 color:#175199;
 border-bottom-color:rgba(0,132,255,.72)
}
html[data-theme=dark] .linkbubble-previewlink:hover {
 color:#175199;
 border-bottom-color:rgba(58,118,208,.72)
}
.linkbubble-button {
 padding:0 6px
}
.menu {
 padding:6px 0
}
.menu-item {
 display:block;
 width:100%;
 padding:0 20px;
 text-align:left;
 cursor:pointer;
 box-sizing:border-box
}
.menu-item.is-active {
 background:#f6f6f6
}
html[data-theme=dark] .menu-item.is-active {
 background:#2e2e2e
}
.menu-item--noactive {
 cursor:default
}
.menu-divider {
 margin:8px 0;
 border-bottom:1px solid #ebebeb
}
html[data-theme=dark] .menu-divider {
 border-bottom:1px solid #444
}
.autocomplete-defaultitem {
 line-height:40px
}
.avatar {
 background:#fff;
 border-radius:2px
}
html[data-theme=dark] .avatar {
 background:#1a1a1a
}
.avatar--medium {
 border-radius:3px
}
.avatar--large {
 border-radius:4px
}
.avatar--round {
 border-radius:50%
}
.vagueimage {
 position:relative;
 display:inline-block;
 width:100%;
 height:100%;
 overflow:hidden;
 background-color:#f6f6f6
}
html[data-theme=dark] .vagueimage {
 background-color:#2e2e2e
}
.vagueimage-mask {
 z-index:1;
 opacity:0;
 background-size:cover;
 background-position:50%;
 background-repeat:no-repeat;
 transition:opacity .3s ease-in
}
.vagueimage-mask.is-active {
 opacity:1
}
.vagueimage-mask,.vagueimage-mask:after,.vagueimage-mask:before {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0
}
.vagueimage-mask:after,.vagueimage-mask:before {
 display:block;
 content:""
}
.vagueimage-mask:before {
 background-color:#fff;
 opacity:.32
}
html[data-theme=dark] .vagueimage-mask:before {
 background-color:#1a1a1a
}
.vagueimage-mask:after {
 filter:;
 -webkit-filter:blur(16px);
 filter:blur(16px);
 background-image:inherit;
 background-size:cover;
 background-position:50%
}
.vagueimage-innerlarge {
 position:absolute;
 top:50%;
 left:50%;
 width:100%;
 -webkit-transform:translate3d(-50%,-50%,0);
 transform:translate3d(-50%,-50%,0)
}
.richtext a.userlink-link {
 color:#175199
}
.richtext a.userlink-link:hover,html[data-theme=dark] .richtext a.userlink-link:hover {
 border-bottom:1px solid #175199
}
html[data-theme=dark] .richtext a.userlink-link {
 color:#175199
}
.ztext {
 word-break:break-word;
 line-height:1.6
}
.ztext>:first-child {
 margin-top:0
}
.ztext>:last-child {
 margin-bottom:0
}
.ztext h1,.ztext h2,.ztext h3,.ztext h4,.ztext h5,.ztext h6 {
 margin-top:1.66667em;
 margin-bottom:.83333em;
 font-size:1.2em;
 line-height:1.5;
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .ztext h1,html[data-ios] .ztext h2,html[data-ios] .ztext h3,html[data-ios] .ztext h4,html[data-ios] .ztext h5,html[data-ios] .ztext h6 {
 font-weight:500
}
html[data-android] .ztext h1,html[data-android] .ztext h2,html[data-android] .ztext h3,html[data-android] .ztext h4,html[data-android] .ztext h5,html[data-android] .ztext h6 {
 font-weight:700
}
.ztext u {
 text-decoration:none
}
.ztext u,html[data-theme=dark] .ztext u {
 border-bottom:1px dashed gray
}
.ztext b {
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .ztext b {
 font-weight:500
}
html[data-android] .ztext b {
 font-weight:700
}
.ztext a.external,.ztext a.internal,.ztext a.ztext-link {
 text-decoration:none;
 cursor:pointer;
 border-bottom:1px solid gray
}
.ztext a.external:hover,.ztext a.internal:hover,.ztext a.ztext-link:hover {
 color:#175199;
 border-bottom:1px solid #175199
}
html[data-theme=dark] .ztext a.external:hover,html[data-theme=dark] .ztext a.internal:hover,html[data-theme=dark] .ztext a.ztext-link:hover {
 color:#175199;
 border-bottom:1px solid #175199
}
.ztext a.external>.ellipsis:after,.ztext a.internal>.ellipsis:after,.ztext a.ztext-link>.ellipsis:after {
 content:"..."
}
.ztext a.external>.invisible,.ztext a.internal>.invisible,.ztext a.ztext-link>.invisible {
 font:0/0 a;
 color:transparent;
 text-shadow:none;
 background-color:transparent
}
.ztext a.external u,.ztext a.internal u,.ztext a.ztext-link u {
 border:none
}
html[data-theme=dark] .ztext a.external,html[data-theme=dark] .ztext a.internal,html[data-theme=dark] .ztext a.ztext-link {
 border-bottom:1px solid gray
}
.ztext a.member_mention {
 color:#175199
}
.ztext a.member_mention:hover,html[data-theme=dark] .ztext a.member_mention:hover {
 border-bottom:1px solid #175199
}
html[data-theme=dark] .ztext a.member_mention {
 color:#175199
}
.ztext p {
 margin:1em 0
}
.ztext hr {
 margin:4em auto;
 width:240px;
 max-width:100%;
 border:none;
 border-top:1px solid #d3d3d3
}
html[data-theme=dark] .ztext hr {
 border-top:1px solid #2e2e2e
}
.ztext img[eeimg] {
 max-width:100%;
 vertical-align:middle
}
html[data-theme=dark] .ztext img[eeimg] {
 filter:;
 -webkit-filter:invert(.6) hue-rotate(180deg);
 filter:invert(.6) hue-rotate(180deg)
}
.ztext img[eeimg="1"] {
 margin:0 3px;
 display:inline-block
}
.ztext img[eeimg="2"] {
 margin:1em auto;
 display:block
}
.ztext blockquote {
 margin:1em 0;
 padding-left:1em;
 color:#646464;
 border-left:3px solid #d3d3d3
}
html[data-theme=dark] .ztext blockquote {
 color:#999;
 border-left:3px solid #2e2e2e
}
.ztext ol,.ztext ul {
 margin:1em 0;
 padding:0
}
.ztext ol ol,.ztext ol ul,.ztext ul ol,.ztext ul ul {
 margin:0
}
.ztext ol>ol,.ztext ol>ul,.ztext ul>ol,.ztext ul>ul {
 display:table-row
}
.ztext ol>ol:before,.ztext ol>ul:before,.ztext ul>ol:before,.ztext ul>ul:before {
 display:table-cell;
 content:""
}
.ztext ul {
 display:table
}
.ztext ul>li {
 display:table-row;
 list-style:none
}
.ztext ul>li:before {
 display:table-cell;
 content:"\2022   ";
 white-space:pre
}
.ztext ol {
 display:table;
 counter-reset:ol
}
.ztext ol>li {
 display:table-row;
 list-style:none
}
.ztext ol>li:before {
 display:table-cell;
 text-align:right;
 counter-increment:ol;
 content:counter(ol) ". ";
 white-space:pre
}
.ztext ol ol {
 counter-reset:ol2
}
.ztext ol ol li:before {
 counter-increment:ol2;
 content:counter(ol2) ". "
}
.ztext ol ol ol {
 counter-reset:ol3
}
.ztext ol ol ol li:before {
 counter-increment:ol3;
 content:counter(ol3) ". "
}
.ztext ol ol ol ol {
 counter-reset:ol4
}
.ztext ol ol ol ol li:before {
 counter-increment:ol4;
 content:counter(ol4) ". "
}
.ztext figure {
 margin:1em 0
}
.ztext figure .content_image,.ztext figure .origin_image {
 margin:0 auto
}
.ztext figure figcaption {
 margin-top:.66667em;
 padding:0 1em;
 font-size:.9em;
 line-height:1.5;
 text-align:center;
 color:#999
}
html[data-theme=dark] .ztext figure figcaption {
 color:#646464
}
.ztext figure figure {
 margin-top:1.6em
}
.ztext .content_image,.ztext .origin_image {
 display:block;
 max-width:100%;
 margin:1em auto
}
html[data-theme=dark] .ztext .content_image,html[data-theme=dark] .ztext .origin_image {
 filter:;
 -webkit-filter:brightness(.7);
 filter:brightness(.7)
}
html[data-ios] .ztext .content_image,html[data-ios] .ztext .origin_image {
 -webkit-filter:none;
 filter:none
}
.ztext .content_image[data-size=small],.ztext .origin_image[data-size=small] {
 max-width:40%
}
.ztext .content_image.zh-lightbox-thumb,.ztext .origin_image.zh-lightbox-thumb {
 cursor:zoom-in
}
.ztext code {
 margin:0 2px;
 padding:3px 4px;
 border-radius:3px;
 font-family:menlo,monaco,consolas,andale mono,lucida console,courier new,monospace;
 font-size:.9em;
 background-color:#f6f6f6
}
html[data-theme=dark] .ztext code {
 background-color:#2e2e2e
}
.ztext pre {
 margin:1em 0;
 padding:.88889em;
 font-size:.9em;
 word-wrap:normal;
 white-space:pre;
 overflow:auto;
 background:#f6f6f6;
 border-radius:4px
}
.ztext pre code {
 margin:0;
 padding:0;
 font-size:inherit;
 border-radius:0;
 background-color:inherit
}
html[data-theme=dark] .ztext pre {
 background:#2e2e2e
}
.ztext .link-box,.ztext .video-box {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 margin:1em 0;
 overflow:auto;
 white-space:normal;
 cursor:pointer;
 border:1px solid #ebebeb;
 border-radius:4px;
 box-shadow:0 1px 3px rgba(26,26,26,.1)
}
html[data-theme=dark] .ztext .link-box,html[data-theme=dark] .ztext .video-box {
 box-shadow:0 1px 3px rgba(0,0,0,.3)
}
.ztext .link-box .thumbnail,.ztext .video-box .thumbnail {
 -ms-flex-negative:0;
 flex-shrink:0;
 width:90px;
 height:90px;
 -o-object-fit:cover;
 object-fit:cover
}
.ztext .link-box .content,.ztext .video-box .content {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 width:100%;
 padding:10px 1em;
 overflow:hidden;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -ms-flex-pack:distribute;
 justify-content:space-around
}
.ztext .link-box .title,.ztext .video-box .title {
 font-size:1.2em;
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .ztext .link-box .title,html[data-ios] .ztext .video-box .title {
 font-weight:500
}
html[data-android] .ztext .link-box .title,html[data-android] .ztext .video-box .title {
 font-weight:700
}
.ztext .link-box .url,.ztext .video-box .url {
 overflow:hidden;
 color:gray;
 text-overflow:ellipsis;
 word-wrap:normal;
 white-space:nowrap
}
html[data-theme=dark] .ztext .link-box .url,html[data-theme=dark] .ztext .video-box .url {
 color:gray
}
.ztext .link-box .label,.ztext .video-box .label {
 display:none
}
html[data-theme=dark] .ztext .link-box,html[data-theme=dark] .ztext .video-box {
 border:1px solid #444
}
.highlight {
 margin:1em 0
}
.highlight pre {
 margin:0
}
.highlight .hll {
 background-color:#fdfdfd
}
html[data-theme=dark] .highlight .hll {
 background-color:#2e2e2e
}
.highlight .c {
 font-style:italic;
 color:#999
}
html[data-theme=dark] .highlight .c {
 color:#646464
}
.highlight .err {
 color:#f1403c
}
html[data-theme=dark] .highlight .err {
 color:#b7302d
}
.highlight .k {
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .highlight .k {
 font-weight:500
}
html[data-android] .highlight .k {
 font-weight:700
}
.highlight .o {
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .highlight .o {
 font-weight:500
}
html[data-android] .highlight .o {
 font-weight:700
}
.highlight .cm {
 font-style:italic;
 color:#999
}
html[data-theme=dark] .highlight .cm {
 color:#646464
}
.highlight .cp {
 font-weight:600;
 font-synthesis:style;
 color:#999
}
html[data-ios] .highlight .cp {
 font-weight:500
}
html[data-android] .highlight .cp {
 font-weight:700
}
html[data-theme=dark] .highlight .cp {
 color:#646464
}
.highlight .c1 {
 font-style:italic;
 color:#999
}
html[data-theme=dark] .highlight .c1 {
 color:#646464
}
.highlight .cs {
 font-style:italic;
 font-weight:600;
 font-synthesis:style;
 color:#999
}
html[data-ios] .highlight .cs {
 font-weight:500
}
html[data-android] .highlight .cs {
 font-weight:700
}
html[data-theme=dark] .highlight .cs {
 color:#646464
}
.highlight .gd {
 color:#1a1a1a;
 background-color:#ebebeb
}
html[data-theme=dark] .highlight .gd {
 color:#999;
 background-color:#444
}
.highlight .ge {
 font-style:italic
}
.highlight .gr {
 color:#f1403c
}
html[data-theme=dark] .highlight .gr {
 color:#b7302d
}
.highlight .gh {
 color:#999
}
html[data-theme=dark] .highlight .gh {
 color:#646464
}
.highlight .gi {
 color:#1a1a1a;
 background-color:#f6f6f6
}
html[data-theme=dark] .highlight .gi {
 color:#999;
 background-color:#2e2e2e
}
.highlight .go,html[data-theme=dark] .highlight .go {
 color:gray
}
.highlight .gp {
 color:#646464
}
html[data-theme=dark] .highlight .gp {
 color:#999
}
.highlight .gs {
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .highlight .gs {
 font-weight:500
}
html[data-android] .highlight .gs {
 font-weight:700
}
.highlight .gu {
 color:#999
}
html[data-theme=dark] .highlight .gu {
 color:#646464
}
.highlight .gt {
 color:#f1403c
}
html[data-theme=dark] .highlight .gt {
 color:#b7302d
}
.highlight .kc {
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .highlight .kc {
 font-weight:500
}
html[data-android] .highlight .kc {
 font-weight:700
}
.highlight .kd {
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .highlight .kd {
 font-weight:500
}
html[data-android] .highlight .kd {
 font-weight:700
}
.highlight .kn {
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .highlight .kn {
 font-weight:500
}
html[data-android] .highlight .kn {
 font-weight:700
}
.highlight .kp {
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .highlight .kp {
 font-weight:500
}
html[data-android] .highlight .kp {
 font-weight:700
}
.highlight .kr {
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .highlight .kr {
 font-weight:500
}
html[data-android] .highlight .kr {
 font-weight:700
}
.highlight .kt {
 font-weight:600;
 font-synthesis:style;
 color:#175199
}
html[data-ios] .highlight .kt {
 font-weight:500
}
html[data-android] .highlight .kt {
 font-weight:700
}
html[data-theme=dark] .highlight .kt {
 color:#175199
}
.highlight .m {
 color:#0084ff
}
html[data-theme=dark] .highlight .m {
 color:#3a76d0
}
.highlight .s {
 color:#f1403c
}
html[data-theme=dark] .highlight .s {
 color:#b7302d
}
.highlight .na {
 color:#0084ff
}
html[data-theme=dark] .highlight .na {
 color:#3a76d0
}
.highlight .nb {
 color:#0084ff
}
html[data-theme=dark] .highlight .nb {
 color:#3a76d0
}
.highlight .nc {
 font-weight:600;
 font-synthesis:style;
 color:#175199
}
html[data-ios] .highlight .nc {
 font-weight:500
}
html[data-android] .highlight .nc {
 font-weight:700
}
html[data-theme=dark] .highlight .nc {
 color:#175199
}
.highlight .no {
 color:#0084ff
}
html[data-theme=dark] .highlight .no {
 color:#3a76d0
}
.highlight .ni,html[data-theme=dark] .highlight .ni {
 color:#5868d1
}
.highlight .ne {
 font-weight:600;
 font-synthesis:style;
 color:#f1403c
}
html[data-ios] .highlight .ne {
 font-weight:500
}
html[data-android] .highlight .ne {
 font-weight:700
}
html[data-theme=dark] .highlight .ne {
 color:#b7302d
}
.highlight .nf {
 font-weight:600;
 font-synthesis:style;
 color:#f1403c
}
html[data-ios] .highlight .nf {
 font-weight:500
}
html[data-android] .highlight .nf {
 font-weight:700
}
html[data-theme=dark] .highlight .nf {
 color:#b7302d
}
.highlight .nn {
 color:#646464
}
html[data-theme=dark] .highlight .nn {
 color:#999
}
.highlight .nt,html[data-theme=dark] .highlight .nt {
 color:#175199
}
.highlight .nv {
 color:#0084ff
}
html[data-theme=dark] .highlight .nv {
 color:#3a76d0
}
.highlight .ow {
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .highlight .ow {
 font-weight:500
}
html[data-android] .highlight .ow {
 font-weight:700
}
.highlight .w {
 color:#bfbfbf
}
html[data-theme=dark] .highlight .w {
 color:#444
}
.highlight .mf {
 color:#0084ff
}
html[data-theme=dark] .highlight .mf {
 color:#3a76d0
}
.highlight .mh {
 color:#0084ff
}
html[data-theme=dark] .highlight .mh {
 color:#3a76d0
}
.highlight .mi {
 color:#0084ff
}
html[data-theme=dark] .highlight .mi {
 color:#3a76d0
}
.highlight .mo {
 color:#0084ff
}
html[data-theme=dark] .highlight .mo {
 color:#3a76d0
}
.highlight .sb {
 color:#f1403c
}
html[data-theme=dark] .highlight .sb {
 color:#b7302d
}
.highlight .sc {
 color:#f1403c
}
html[data-theme=dark] .highlight .sc {
 color:#b7302d
}
.highlight .sd {
 color:#f1403c
}
html[data-theme=dark] .highlight .sd {
 color:#b7302d
}
.highlight .s2 {
 color:#f1403c
}
html[data-theme=dark] .highlight .s2 {
 color:#b7302d
}
.highlight .se {
 color:#f1403c
}
html[data-theme=dark] .highlight .se {
 color:#b7302d
}
.highlight .sh {
 color:#f1403c
}
html[data-theme=dark] .highlight .sh {
 color:#b7302d
}
.highlight .si {
 color:#f1403c
}
html[data-theme=dark] .highlight .si {
 color:#b7302d
}
.highlight .sx {
 color:#f1403c
}
html[data-theme=dark] .highlight .sx {
 color:#b7302d
}
.highlight .sr {
 color:#c2a469
}
html[data-theme=dark] .highlight .sr {
 color:#ba9b5d
}
.highlight .s1 {
 color:#f1403c
}
html[data-theme=dark] .highlight .s1 {
 color:#b7302d
}
.highlight .ss {
 color:#f1403c
}
html[data-theme=dark] .highlight .ss {
 color:#b7302d
}
.highlight .bp {
 color:#999
}
html[data-theme=dark] .highlight .bp {
 color:#646464
}
.highlight .vc {
 color:#0084ff
}
html[data-theme=dark] .highlight .vc {
 color:#3a76d0
}
.highlight .vg {
 color:#0084ff
}
html[data-theme=dark] .highlight .vg {
 color:#3a76d0
}
.highlight .vi {
 color:#0084ff
}
html[data-theme=dark] .highlight .vi {
 color:#3a76d0
}
.highlight .il {
 color:#0084ff
}
html[data-theme=dark] .highlight .il {
 color:#3a76d0
}
.highlight::-webkit-scrollbar {
 width:6px;
 height:6px
}
.highlight::-webkit-scrollbar-thumb:horizontal {
 background-color:rgba(26,26,26,.5);
 border-radius:6px
}
.highlight::-webkit-scrollbar-thumb:horizontal:hover {
 background-color:rgba(26,26,26,.6)
}
html[data-theme=dark] .highlight::-webkit-scrollbar-thumb:horizontal:hover {
 background-color:hsla(0,0%,60%,.6)
}
html[data-theme=dark] .highlight::-webkit-scrollbar-thumb:horizontal {
 background-color:hsla(0,0%,60%,.5)
}
.autocomplete-useritem {
 width:188px;
 height:50px;
 padding:9px 0;
 line-height:normal;
 box-sizing:border-box
}
.autocomplete-userdetail {
 display:inline-block;
 margin-left:8px;
 vertical-align:middle
}
.autocomplete-userheadline,.autocomplete-username {
 max-width:120px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.autocomplete-username {
 font-size:14px;
 color:#1a1a1a
}
html[data-theme=dark] .autocomplete-username {
 color:#999
}
.autocomplete-userheadline {
 font-size:12px;
 color:#8590a6
}
html[data-theme=dark] .autocomplete-userheadline {
 color:#606a80
}
.autocomplete-useravatar {
 vertical-align:middle
}
.autocomplete-menu--hidden {
 visibility:hidden
}
.mentionsuggestions {
 position:absolute;
 z-index:203;
 line-height:1
}
.mentionsuggestions-input {
 width:200px;
 padding:4px 6px;
 font-size:inherit
}
.mentionsuggestions-input .input {
 height:auto;
 background:transparent
}
.mentionsuggestions-menu {
 width:200px
}
.mentionsuggestions-menu .menu-item {
 padding:0 10px
}
.dropzone {
 position:relative
}
.dropzone-cursor {
 position:absolute;
 left:0;
 right:0;
 margin:-1px 0;
 border-bottom:2px solid #0084ff;
 pointer-events:none
}
html[data-theme=dark] .dropzone-cursor {
 border-bottom:2px solid #3a76d0
}
.editable-toolbar {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 background:#fff;
 border-bottom:1px solid #ebebeb;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.istoolbarsticky .editable-toolbar,.sticky.is-fixed .editable-toolbar {
 border-top:none!important;
 border-bottom:none!important
}
.istoolbarsticky .editable-toolbar:after,.sticky.is-fixed .editable-toolbar:after {
 content:" ";
 position:absolute;
 left:0;
 top:100%;
 width:100%;
 pointer-events:none;
 height:3px;
 background:radial-gradient(ellipse at 50% 1%,rgba(26,26,26,.1),hsla(0,0%,100%,0) 80%)
}
html[data-theme=dark] .istoolbarsticky .editable-toolbar:after,html[data-theme=dark] .sticky.is-fixed .editable-toolbar:after {
 background:radial-gradient(ellipse at 50% 1%,hsla(0,0%,60%,.1),rgba(26,26,26,0) 80%)
}
html[data-theme=dark] .editable-toolbar {
 background:#1a1a1a;
 border-bottom:1px solid #444
}
.editable-toolbar-separator {
 background-color:#ebebeb;
 display:inline-block;
 height:20px;
 margin:0 3px;
 vertical-align:middle;
 width:1px
}
html[data-theme=dark] .editable-toolbar-separator {
 background-color:#444
}
.editable-control {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 border:1px solid transparent;
 box-sizing:border-box;
 cursor:pointer;
 display:-webkit-inline-box;
 display:-ms-inline-flexbox;
 display:inline-flex;
 height:26px;
 margin:0 2px;
 white-space:nowrap
}
.editable-control .zi {
 fill:#8590a6
}
html[data-theme=dark] .editable-control .zi {
 fill:#606a80
}
.editable-control:not(:disabled):hover {
 background:#f6f6f6;
 border-color:#ebebeb
}
html[data-theme=dark] .editable-control:not(:disabled):hover {
 background:#2e2e2e;
 border-color:#444
}
.editable-control.is-active .zi {
 fill:#0084ff
}
html[data-theme=dark] .editable-control.is-active .zi {
 fill:#3a76d0
}
.editable-control .zi,.editable-control span {
 vertical-align:middle
}
.editable-control .zi span {
 margin-left:6px
}
.editable-toolbarmenu {
 height:26px;
 margin-left:auto
}
.editable-toolbarmenuitem {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 line-height:36px
}
.editable-toolbarmenuitem .zi {
 margin-right:4px
}
.editable-videomodal .modal-footer {
 padding:12px 24px
}
.editable-videomodal-title {
 font-size:20px;
 font-weight:500;
 color:#1a1a1a
}
html[data-theme=dark] .editable-videomodal-title {
 color:#999
}
.editable-videomodal-uploader {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 box-sizing:border-box;
 height:220px;
 border:2px dashed #ebebeb;
 border-radius:10px;
 cursor:pointer
}
.editable-videomodal-uploader:hover {
 border-color:#8590a6
}
.editable-videomodal-uploader:hover .zi {
 fill:#8590a6
}
html[data-theme=dark] .editable-videomodal-uploader:hover .zi {
 fill:#606a80
}
html[data-theme=dark] .editable-videomodal-uploader:hover {
 border-color:#606a80
}
.editable-videomodal-uploader input {
 display:none
}
html[data-theme=dark] .editable-videomodal-uploader {
 border:2px dashed #444
}
.editable-videomodal-uploader-icon {
 text-align:center;
 display:block
}
.editable-videomodal-uploader-icon .zi {
 vertical-align:middle;
 fill:#ebebeb
}
html[data-theme=dark] .editable-videomodal-uploader-icon .zi {
 fill:#444
}
.editable-videomodal-uploader-text {
 margin-top:10px;
 font-size:18px;
 line-height:30px;
 text-align:center
}
.editable-videomodal-uploader-tip {
 font-size:14px;
 line-height:30px;
 text-align:center;
 color:#8590a6
}
html[data-theme=dark] .editable-videomodal-uploader-tip {
 color:#606a80
}
.bounceloading {
 position:relative
}
.bounceloading .bounceloading-child {
 position:absolute;
 background-color:#0084ff;
 border-radius:50%;
 -webkit-transform-origin:center;
 transform-origin:center;
 -webkit-animation-iteration-count:infinite;
 animation-iteration-count:infinite;
 -webkit-animation-name:bounce;
 animation-name:bounce;
 -webkit-animation-timing-function:ease-in-out;
 animation-timing-function:ease-in-out;
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both
}
html[data-theme=dark] .bounceloading .bounceloading-child {
 background-color:#3a76d0
}
@-webkit-keyframes bounce {
 0%,to {
  -webkit-transform:translatey(-100%);
  transform:translatey(-100%)
 }
 50% {
  -webkit-transform:translatey(100%);
  transform:translatey(100%)
 }
}
@keyframes bounce {
 0%,to {
  -webkit-transform:translatey(-100%);
  transform:translatey(-100%)
 }
 50% {
  -webkit-transform:translatey(100%);
  transform:translatey(100%)
 }
}
.editable-docmodal .modal-footer {
 padding:12px 24px
}
.editable-docmodal input[type=file] {
 display:none
}
.editable-docmodal-title {
 font-size:20px;
 font-weight:500;
 color:#1a1a1a
}
html[data-theme=dark] .editable-docmodal-title {
 color:#999
}
.editable-docmodal-uploader {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 box-sizing:border-box;
 height:220px;
 border:2px dashed #ebebeb;
 border-radius:10px;
 cursor:pointer
}
.editable-docmodal-uploader:hover {
 border-color:#8590a6
}
.editable-docmodal-uploader:hover .zi {
 fill:#8590a6
}
html[data-theme=dark] .editable-docmodal-uploader:hover .zi {
 fill:#606a80
}
html[data-theme=dark] .editable-docmodal-uploader:hover {
 border-color:#606a80
}
html[data-theme=dark] .editable-docmodal-uploader {
 border:2px dashed #444
}
.editable-docmodal-uploader-icon {
 text-align:center;
 display:block
}
.editable-docmodal-uploader-icon .zi {
 vertical-align:middle;
 fill:#ebebeb
}
html[data-theme=dark] .editable-docmodal-uploader-icon .zi {
 fill:#444
}
.editable-docmodal-uploader-text {
 font-size:18px;
 line-height:30px;
 margin-top:20px;
 text-align:center
}
.editable-docmodal-uploader-tip {
 font-size:14px;
 line-height:30px;
 text-align:center;
 color:#8590a6
}
html[data-theme=dark] .editable-docmodal-uploader-tip {
 color:#606a80
}
.editable-docmodal-filename {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.editable-docmodal-filename .zi {
 fill:#0084ff;
 margin-right:4px
}
html[data-theme=dark] .editable-docmodal-filename .zi {
 fill:#3a76d0
}
.editable-docmodal-loading {
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 margin:36px 0 12px
}
.editable-docmodal-fail,.editable-docmodal-loading {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.editable-docmodal-fail {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 text-align:center
}
.editable-docmodal-failhint {
 color:#f1403c;
 font-size:16px;
 margin-top:36px;
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .editable-docmodal-failhint {
 font-weight:500
}
html[data-android] .editable-docmodal-failhint {
 font-weight:700
}
html[data-theme=dark] .editable-docmodal-failhint {
 color:#b7302d
}
.editable-docmodal-retrybutton {
 margin:32px 0 10px;
 width:220px
}
.watermarkhint-modalbody {
 font-size:14px;
 text-align:center
}
.watermarkhint-modalcontent {
 padding-top:16px
}
.watermarkhint-modalcontent .modalbuttongroup {
 margin-top:32px;
 margin-bottom:0
}
.watermarkhint-modaltitle {
 font-size:24px;
 margin:32px 0 16px;
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .watermarkhint-modaltitle {
 font-weight:500
}
html[data-android] .watermarkhint-modaltitle {
 font-weight:700
}
.editable-languagesuggestions {
 position:fixed;
 z-index:203
}
.editable-languagesuggestionsinput {
 cursor:pointer
}
.editable-languagesuggestionsinput input {
 cursor:inherit
}
.editable-languagesuggestionsinput input:focus {
 cursor:text
}
.editable-languagesuggestionsmenu {
 max-height:300px;
 margin-top:-8px;
 margin-bottom:-8px;
 overflow-y:auto
}
.editable-languagesuggestionsmenucontainer {
 overflow-y:hidden
}
.editable-notification-layout {
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between
}
.editable-notification-actions,.editable-notification-layout {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row
}
.editable-notification-actions {
 margin:0 -12px
}
.editable-notification-action {
 margin:0 12px
}
.editable .richtext {
 cursor:text
}
.public-drafteditorplaceholder-root {
 position:absolute;
 pointer-events:none
}
.editable--hideplaceholder .public-drafteditorplaceholder-root {
 display:none
}
.editable-styled,.editable-unstyled {
 margin:0 0 .72em
}
.editable-styled:first-child,.editable-unstyled:first-child {
 margin-top:0
}
.editable-styled:last-child,.editable-unstyled:last-child {
 margin-bottom:0
}
.drafteditor-root blockquote blockquote {
 margin-top:-1em
}
.drafteditor-root pre.public-draftstyledefault-pre {
 border-radius:4px
}
.drafteditor-root pre.public-draftstyledefault-pre pre {
 padding:0;
 margin:0;
 border-radius:0;
 overflow:visible;
 overflow:initial
}
.drafteditor-root .public-draftstyledefault-orderedlistitem,.drafteditor-root .public-draftstyledefault-unorderedlistitem {
 margin:0
}
.drafteditor-root .public-draftstyledefault-orderedlistitem.public-draftstyledefault-depth1,.drafteditor-root .public-draftstyledefault-unorderedlistitem.public-draftstyledefault-depth1 {
 margin-left:1.15em
}
.drafteditor-root .public-draftstyledefault-orderedlistitem.public-draftstyledefault-depth2,.drafteditor-root .public-draftstyledefault-unorderedlistitem.public-draftstyledefault-depth2 {
 margin-left:2.3em
}
.drafteditor-root .public-draftstyledefault-orderedlistitem.public-draftstyledefault-depth3,.drafteditor-root .public-draftstyledefault-unorderedlistitem.public-draftstyledefault-depth3 {
 margin-left:3.45em
}
.drafteditor-root .public-draftstyledefault-orderedlistitem.public-draftstyledefault-depth4,.drafteditor-root .public-draftstyledefault-unorderedlistitem.public-draftstyledefault-depth4 {
 margin-left:4.6em
}
.drafteditor-root .public-draftstyledefault-ol,.drafteditor-root .public-draftstyledefault-ul {
 display:block
}
.drafteditor-root .public-draftstyledefault-ol>li,.drafteditor-root .public-draftstyledefault-ul>li {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.drafteditor-root .public-draftstyledefault-ol>li:before,.drafteditor-root .public-draftstyledefault-ul>li:before {
 display:inline;
 display:initial
}
.drafteditor-root .public-draftstyledefault-orderedlistitem {
 list-style-type:none
}
.drafteditor-root .public-draftstyledefault-orderedlistitem.public-draftstyledefault-depth0.public-draftstyledefault-reset {
 counter-reset:ol0
}
.drafteditor-root .public-draftstyledefault-orderedlistitem.public-draftstyledefault-depth0:before {
 content:counter(ol0) ". ";
 counter-increment:ol0
}
.drafteditor-root .public-draftstyledefault-orderedlistitem.public-draftstyledefault-depth1.public-draftstyledefault-reset {
 counter-reset:ol1
}
.drafteditor-root .public-draftstyledefault-orderedlistitem.public-draftstyledefault-depth1:before {
 content:counter(ol1) ". ";
 counter-increment:ol1
}
.drafteditor-root .public-draftstyledefault-orderedlistitem.public-draftstyledefault-depth2.public-draftstyledefault-reset {
 counter-reset:ol2
}
.drafteditor-root .public-draftstyledefault-orderedlistitem.public-draftstyledefault-depth2:before {
 content:counter(ol2) ". ";
 counter-increment:ol2
}
.drafteditor-root .public-draftstyledefault-orderedlistitem.public-draftstyledefault-depth3.public-draftstyledefault-reset {
 counter-reset:ol3
}
.drafteditor-root .public-draftstyledefault-orderedlistitem.public-draftstyledefault-depth3:before {
 content:counter(ol3) ". ";
 counter-increment:ol3
}
.drafteditor-root .public-draftstyledefault-orderedlistitem.public-draftstyledefault-depth4.public-draftstyledefault-reset {
 counter-reset:ol4
}
.drafteditor-root .public-draftstyledefault-orderedlistitem.public-draftstyledefault-depth4:before {
 content:counter(ol4) ". ";
 counter-increment:ol4
}
_:-ms-lang(x),pre.public-draftstyledefault-pre,pre.public-draftstyledefault-pre pre {
 overflow:visible;
 overflow:initial;
 word-wrap:break-word
}
.drafteditor-root code[class*=language-],.drafteditor-root pre[class*=language-] {
 color:#000;
 background:none;
 text-shadow:0 1px #fff;
 font-family:consolas,monaco,andale mono,ubuntu mono,monospace;
 text-align:left;
 white-space:pre;
 word-spacing:normal;
 word-break:normal;
 word-wrap:normal;
 line-height:1.5;
 -moz-tab-size:4;
 -o-tab-size:4;
 tab-size:4;
 -webkit-hyphens:none;
 -ms-hyphens:none;
 hyphens:none
}
.drafteditor-root code[class*=language-]::-moz-selection,.drafteditor-root code[class*=language-] ::-moz-selection,.drafteditor-root pre[class*=language-]::-moz-selection,.drafteditor-root pre[class*=language-] ::-moz-selection {
 text-shadow:none;
 background:#bfbfbf
}
.drafteditor-root code[class*=language-]::selection,.drafteditor-root code[class*=language-] ::selection,.drafteditor-root pre[class*=language-]::selection,.drafteditor-root pre[class*=language-] ::selection {
 text-shadow:none;
 background:#bfbfbf
}
html[data-theme=dark] .drafteditor-root code[class*=language-]::-moz-selection,html[data-theme=dark] .drafteditor-root code[class*=language-] ::-moz-selection,html[data-theme=dark] .drafteditor-root pre[class*=language-]::-moz-selection,html[data-theme=dark] .drafteditor-root pre[class*=language-] ::-moz-selection {
 background:gray
}
html[data-theme=dark] .drafteditor-root code[class*=language-]::selection,html[data-theme=dark] .drafteditor-root code[class*=language-] ::selection,html[data-theme=dark] .drafteditor-root pre[class*=language-]::selection,html[data-theme=dark] .drafteditor-root pre[class*=language-] ::selection {
 background:gray
}
@media print {
 .drafteditor-root code[class*=language-],.drafteditor-root pre[class*=language-] {
  text-shadow:none
 }
}
.drafteditor-root pre[class*=language-] {
 padding:1em;
 margin:.5em 0;
 overflow:auto
}
.drafteditor-root :not(pre)>code[class*=language-],.drafteditor-root pre[class*=language-] {
 background:#f6f6f6
}
html[data-theme=dark] .drafteditor-root :not(pre)>code[class*=language-],html[data-theme=dark] .drafteditor-root pre[class*=language-] {
 background:#2e2e2e
}
.drafteditor-root :not(pre)>code[class*=language-] {
 padding:.1em;
 border-radius:.3em;
 white-space:normal
}
.drafteditor-root .token.cdata,.drafteditor-root .token.comment,.drafteditor-root .token.doctype,.drafteditor-root .token.prolog {
 color:#708090
}
.drafteditor-root .token.punctuation {
 color:#999
}
html[data-theme=dark] .drafteditor-root .token.punctuation {
 color:#646464
}
.drafteditor-root .namespace {
 opacity:.7
}
.drafteditor-root .token.boolean,.drafteditor-root .token.constant,.drafteditor-root .token.deleted,.drafteditor-root .token.number,.drafteditor-root .token.property,.drafteditor-root .token.symbol,.drafteditor-root .token.tag {
 color:#f36
}
html[data-theme=dark] .drafteditor-root .token.boolean,html[data-theme=dark] .drafteditor-root .token.constant,html[data-theme=dark] .drafteditor-root .token.deleted,html[data-theme=dark] .drafteditor-root .token.number,html[data-theme=dark] .drafteditor-root .token.property,html[data-theme=dark] .drafteditor-root .token.symbol,html[data-theme=dark] .drafteditor-root .token.tag {
 color:#d92155
}
.drafteditor-root .token.attr-name,.drafteditor-root .token.builtin,.drafteditor-root .token.char,.drafteditor-root .token.inserted,.drafteditor-root .token.selector,.drafteditor-root .token.string,html[data-theme=dark] .drafteditor-root .token.attr-name,html[data-theme=dark] .drafteditor-root .token.builtin,html[data-theme=dark] .drafteditor-root .token.char,html[data-theme=dark] .drafteditor-root .token.inserted,html[data-theme=dark] .drafteditor-root .token.selector,html[data-theme=dark] .drafteditor-root .token.string {
 color:gray
}
.drafteditor-root .language-css .token.string,.drafteditor-root .style .token.string,.drafteditor-root .token.entity,.drafteditor-root .token.operator,.drafteditor-root .token.url {
 color:#c2a469;
 background:hsla(0,0%,100%,.5)
}
html[data-theme=dark] .drafteditor-root .language-css .token.string,html[data-theme=dark] .drafteditor-root .style .token.string,html[data-theme=dark] .drafteditor-root .token.entity,html[data-theme=dark] .drafteditor-root .token.operator,html[data-theme=dark] .drafteditor-root .token.url {
 color:#ba9b5d;
 background:rgba(26,26,26,.5)
}
.drafteditor-root .token.atrule,.drafteditor-root .token.attr-value,.drafteditor-root .token.keyword {
 color:#0084ff
}
html[data-theme=dark] .drafteditor-root .token.atrule,html[data-theme=dark] .drafteditor-root .token.attr-value,html[data-theme=dark] .drafteditor-root .token.keyword {
 color:#3a76d0
}
.drafteditor-root .token.function {
 color:#f36
}
html[data-theme=dark] .drafteditor-root .token.function {
 color:#d92155
}
.drafteditor-root .token.important,.drafteditor-root .token.regex,.drafteditor-root .token.variable,html[data-theme=dark] .drafteditor-root .token.important,html[data-theme=dark] .drafteditor-root .token.regex,html[data-theme=dark] .drafteditor-root .token.variable {
 color:#ff9607
}
.drafteditor-root .token.bold,.drafteditor-root .token.important {
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .drafteditor-root .token.bold,html[data-ios] .drafteditor-root .token.important {
 font-weight:500
}
html[data-android] .drafteditor-root .token.bold,html[data-android] .drafteditor-root .token.important {
 font-weight:700
}
.drafteditor-root .token.italic {
 font-style:italic
}
.drafteditor-root .token.entity {
 cursor:help
}
.card {
 margin-bottom:10px;
 background:#fff;
 overflow:hidden;
 border-radius:2px;
 box-shadow:0 1px 3px rgba(26,26,26,.1);
 box-sizing:border-box
}
html[data-theme=dark] .card {
 box-shadow:0 1px 3px rgba(0,0,0,.3)
}
.card:last-child {
 margin-bottom:0
}
html[data-theme=dark] .card {
 background:#1a1a1a
}
.card-header {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 height:50px;
 padding:0 20px;
 border-bottom:1px solid #f6f6f6;
 box-sizing:border-box
}
.card-header:last-child {
 border-bottom:none
}
html[data-theme=dark] .card-header {
 border-bottom:1px solid #2e2e2e
}
.card-headertext {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .card-headertext {
 font-weight:500
}
html[data-android] .card-headertext {
 font-weight:700
}
.card-section {
 padding:16px 20px;
 position:relative
}
.card-section .card-section:after {
 position:absolute;
 top:0;
 left:0;
 right:0;
 margin:0 20px;
 display:block;
 border-bottom:1px solid #f6f6f6;
 content:""
}
html[data-theme=dark] .card-section .card-section:after {
 border-bottom:1px solid #2e2e2e
}
.signflowinput {
 position:relative
}
.signflowinput .input-wrapper {
 width:100%;
 height:48px;
 padding:0;
 color:#8590a6
}
html[data-theme=dark] .signflowinput .input-wrapper {
 color:#606a80
}
.signflowinput input.input {
 height:48px
}
.signflowinput-errormask {
 position:absolute;
 right:0;
 height:90%;
 padding:12px 0 0 20px;
 margin-top:-47px;
 font-size:14px;
 color:#f1403c;
 text-align:right;
 cursor:text;
 background:#fff;
 opacity:1;
 box-sizing:border-box;
 transition:opacity .25s ease
}
.signflowinput-errormask:before {
 position:absolute;
 top:0;
 left:-16px;
 width:16px;
 height:46px;
 background:linear-gradient(90deg,hsla(0,0%,100%,0),#fff);
 content:""
}
html[data-theme=dark] .signflowinput-errormask:before {
 background:linear-gradient(90deg,rgba(26,26,26,0),#1a1a1a)
}
html[data-theme=dark] .signflowinput-errormask {
 color:#b7302d;
 background:#1a1a1a
}
.signflowinput-errormask--hidden {
 width:0;
 height:0;
 padding:0;
 margin:0;
 opacity:0
}
.signflowinput-errormask--hidden:before {
 width:0;
 height:0;
 overflow:hidden;
 opacity:0
}
.signflowinput-requirederrormask {
 right:auto!important;
 width:100%;
 padding-left:0;
 text-align:left
}
.signflowinput-requirederrormask:before {
 width:0;
 height:0;
 overflow:hidden;
 opacity:0
}
.icon {
 vertical-align:text-bottom;
 fill:currentcolor
}
.icon--grey {
 color:#8590a6
}
html[data-theme=dark] .icon--grey {
 color:#606a80
}
.icon--left {
 margin-right:6px
}
.captcha {
 position:relative;
 opacity:1;
 transition:opacity .3s ease
}
.captcha-chinesecontainer {
 position:relative;
 width:100%;
 padding:0 60px;
 margin-top:12px;
 box-sizing:border-box
}
.captcha-englishcontainer {
 position:absolute;
 top:24px;
 right:0;
 display:inline-block;
 -webkit-transform:translatey(-50%);
 transform:translatey(-50%)
}
.captcha-chineseimg {
 display:block;
 margin:0 auto;
 box-sizing:border-box;
 width:100%;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.captcha-englishimg {
 display:block;
 height:30px;
 cursor:pointer
}
.captcha-chineseoperator {
 width:100%;
 padding-top:4px;
 margin-top:0
}
.captcha-info {
 font-size:14px;
 color:#8590a6
}
html[data-theme=dark] .captcha-info {
 color:#606a80
}
.captcha-error {
 color:#f1403c
}
html[data-theme=dark] .captcha-error {
 color:#b7302d
}
.captcha-chineserefreshbutton {
 float:right;
 width:20px;
 height:20px
}
.captcha-errormessage {
 right:76px
}
.captcha-requirederrormessage {
 right:0
}
.chinesecaptchapoint {
 position:absolute
}
.chinesecaptchapoint-backicon {
 fill-opacity:.75
}
.chinesecaptchapoint-backicon--hovered {
 fill-opacity:.8
}
.chinesecaptchapoint-fronticon {
 position:absolute;
 top:4px;
 left:4px
}
.chinesecaptchapoint-fronticon--hovered {
 top:6px;
 left:6px
}
.select-button {
 height:40px;
 padding:0 20px;
 line-height:38px;
 text-align:left;
 box-sizing:border-box;
 background:none;
 outline:none
}
.select-plainbutton {
 padding:0;
 border:1px solid transparent
}
.select-arrow {
 margin-left:8px
}
.select-list {
 position:relative;
 overflow:auto;
 max-height:500px;
 padding:8px 0;
 border-radius:4px
}
.select-option {
 display:block;
 width:100%;
 height:40px;
 padding:0 20px;
 line-height:40px;
 color:#8590a6;
 text-align:left;
 background:none;
 border:none;
 outline:none
}
html[data-theme=dark] .select-option {
 color:#606a80
}
.select-option:focus {
 background:#f6f6f6
}
html[data-theme=dark] .select-option:focus {
 background:#2e2e2e
}
.select-popovertarget {
 margin-top:0;
 transition:opacity .2s ease-out
}
.mobilecontriesselect {
 height:40px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.mobilecontriesselect-content {
 width:50px;
 display:inline-block;
 position:relative
}
.mobilecontriesselect-content div,.mobilecontriesselect-content select {
 position:absolute;
 right:0;
 left:0;
 top:50%;
 -webkit-transform:translatey(-50%);
 transform:translatey(-50%);
 width:100%
}
.mobilecontriesselect-content select {
 opacity:0
}
.signflow-accountinputcontainer {
 overflow:hidden
}
.signflow-account {
 margin-top:16px;
 border-bottom:1px solid #ebebeb;
 border-radius:0
}
html[data-theme=dark] .signflow-account {
 border-bottom:1px solid #444
}
.signflow-supportedcountriesselectcontainer {
 display:inline-block;
 float:left;
 min-width:72px;
 -webkit-transform:translatey(4px);
 transform:translatey(4px)
}
.signflow-supportedcountriesselectcontainer .select-button {
 color:#8590a6
}
html[data-theme=dark] .signflow-supportedcountriesselectcontainer .select-button {
 color:#606a80
}
.signflow-supportedcountrieslist .select-option {
 color:#8590a6
}
html[data-theme=dark] .signflow-supportedcountrieslist .select-option {
 color:#606a80
}
.signflow-accountseperator {
 float:left;
 width:1px;
 height:22px;
 margin:24px 12px 0;
 background:#ebebeb;
 -webkit-transform:translatey(-11px);
 transform:translatey(-11px)
}
html[data-theme=dark] .signflow-accountseperator {
 background:#444
}
.countingdownbutton,html[data-theme=dark] .countingdownbutton {
 color:#175199
}
.countingdownbutton.is-counting {
 color:#8590a6;
 cursor:auto
}
html[data-theme=dark] .countingdownbutton.is-counting {
 color:#606a80
}
.signflow-smsinputcontainer {
 position:relative;
 margin-top:12px
}
.signflow-smsinputbutton {
 position:absolute;
 top:24px;
 right:0;
 padding:4px 0;
 color:#175199;
 -webkit-transform:translatey(-50%);
 transform:translatey(-50%)
}
html[data-theme=dark] .signflow-smsinputbutton {
 color:#175199
}
.signflow-smsinputerrormessage {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 top:24px;
 right:130px;
 width:40%;
 padding:0;
 padding-left:4px;
 margin:0;
 -webkit-transform:translatey(-50%);
 transform:translatey(-50%)
}
.signflow-smsinputrequirederrormask {
 right:0;
 padding-left:0
}
.signflow-passworderrormask {
 z-index:10
}
.signflow-passwordinput {
 font-size:24px
}
.signflow-passwordinput input {
 letter-spacing:1.8px
}
.signflow-requiredpassworderrormask {
 right:auto;
 width:80%
}
.signflow-password {
 position:relative;
 margin-top:12px
}
.signflow-password input::-webkit-input-safebox-button {
 display:none
}
.signflow-switchpassword {
 position:absolute;
 top:24px;
 right:0;
 -webkit-transform:translatey(-50%);
 transform:translatey(-50%)
}
.signflow-switchpasswordicon:hover {
 fill:#999
}
html[data-theme=dark] .signflow-switchpasswordicon:hover {
 fill:#646464
}
.signflow-username {
 position:relative;
 margin-top:12px
}
.register-content {
 padding:0 40px 36px;
 font-size:14px
}
.register-content .signflow-smsinputerrormessage {
 width:auto;
 min-width:40%
}
.register-getin,.register-submitbutton {
 width:100%;
 margin-top:30px;
 height:36px
}
.register-footer {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 margin-top:16px;
 line-height:25px
}
.register-org,html[data-theme=dark] .register-org {
 color:#175199
}
.register-declaration,.register-declaration a {
 color:#8590a6
}
html[data-theme=dark] .register-declaration a {
 color:#606a80
}
.register-declaration a:hover,html[data-theme=dark] .register-declaration a:hover {
 color:gray
}
html[data-theme=dark] .register-declaration {
 color:#606a80
}
.register-padname {
 padding:40px 30px
}
.register-padnameheader {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 position:relative;
 padding-bottom:18px;
 font-size:24px;
 line-height:32px;
 color:#444;
 font-weight:500
}
.register-padnameheader .button {
 position:absolute;
 border:none;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.register-padnameheader .button:hover {
 background-color:#fff
}
html[data-theme=dark] .register-padnameheader .button:hover {
 background-color:#1a1a1a
}
html[data-theme=dark] .register-padnameheader {
 color:gray
}
.register-padnametitle {
 margin:0 auto
}
.register-smsbackup {
 padding-top:12px;
 height:20px;
 color:#8590a6;
 text-align:right;
 transition:height .5s,padding .5s
}
.register-smsbackup span {
 display:inline-block;
 cursor:pointer
}
html[data-theme=dark] .register-smsbackup {
 color:#606a80
}
.register-hiddensmsbackup {
 height:0;
 padding:0;
 margin:0;
 overflow:hidden
}
.register-socialheader {
 text-align:center;
 padding:36px 0 8px
}
.register-socialtitle {
 position:relative;
 font-size:24px;
 line-height:32px;
 color:#444;
 margin-bottom:2px
}
.register-socialtitle .button {
 position:absolute;
 border:none;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 left:0;
 padding:0
}
.register-socialtitle .button:hover {
 background:#fff
}
html[data-theme=dark] .register-socialtitle .button:hover {
 background:#1a1a1a
}
html[data-theme=dark] .register-socialtitle {
 color:gray
}
.register-socialsubtitle {
 font-size:14px;
 color:#8590a6
}
html[data-theme=dark] .register-socialsubtitle {
 color:#606a80
}
.register-socialname {
 overflow:hidden;
 height:48px;
 transition:height .5s,visibility .5s
}
.register-hiddensocialname {
 height:0;
 visibility:hidden
}
.zhihulogo {
 fill:#0084ff
}
html[data-theme=dark] .zhihulogo {
 fill:#3a76d0
}
.signflowheader {
 padding-top:30px
}
.signflowheader-slogen {
 margin-top:15px;
 color:#0084ff;
 font-size:22px
}
html[data-theme=dark] .signflowheader-slogen {
 color:#3a76d0
}
.signcontainer-content {
 width:432px;
 margin:0 auto;
 text-align:center
}
.signcontainer-content .input-wrapper {
 width:100%;
 height:48px;
 padding:0;
 color:#8590a6;
 border:none;
 border-bottom:1px solid #ebebeb;
 border-radius:0
}
html[data-theme=dark] .signcontainer-content .input-wrapper {
 color:#606a80;
 border-bottom:1px solid #444
}
.signcontainer-content .input-wrapper.is-focus {
 border:none;
 border-bottom:1px solid #ebebeb
}
html[data-theme=dark] .signcontainer-content .input-wrapper.is-focus {
 border-bottom:1px solid #444
}
.signcontainer-content .signflow-accountinput.input-wrapper,.signcontainer-content .signflow-accountinput.input-wrapper.is-focus {
 border:none
}
.signcontainer-content input:-webkit-autofill {
 -webkit-box-shadow:0 0 0 30px #fff inset
}
.signcontainer-content .signflow-captchacontainer:not(.captcha-chinese),.signcontainer-content .signflow-password,.signcontainer-content .signflow-username {
 border-bottom:1px solid #ebebeb
}
.signcontainer-content .signflow-captchacontainer:not(.captcha-chinese) .input-wrapper,.signcontainer-content .signflow-password .input-wrapper,.signcontainer-content .signflow-username .input-wrapper {
 border-bottom:none!important
}
html[data-theme=dark] .signcontainer-content .signflow-captchacontainer:not(.captcha-chinese),html[data-theme=dark] .signcontainer-content .signflow-password,html[data-theme=dark] .signcontainer-content .signflow-username {
 border-bottom:1px solid #444
}
.signcontainer-inner {
 position:relative
}
.signcontainer-switch {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 width:100%;
 background-color:#f6f6f6;
 height:58px;
 border-top:1px solid #ebebeb;
 font-size:16px
}
.signcontainer-switch span {
 color:#175199;
 cursor:pointer
}
html[data-theme=dark] .signcontainer-switch span {
 color:#175199
}
html[data-theme=dark] .signcontainer-switch {
 background-color:#2e2e2e;
 border-top:1px solid #444
}
.captcha-chineserefreshbutton {
 margin-right:10px
}
.signflow-captchacontainer {
 margin-top:12px;
 height:48px;
 transition:height .5s
}
.signflow-captchacontainer.captcha-chinese {
 height:87px;
 background-color:#f9f9f9;
 overflow:hidden
}
.captcha-chineseoperator {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between
}
.captcha-chineseimg {
 width:200px;
 height:44px
}
.signflowmodal {
 width:auto
}
.signflowmodal .modal-content {
 padding:0;
 margin:0
}
.emailregister {
 width:432px;
 padding:30px;
 background-color:#fff;
 position:absolute;
 top:50%;
 left:50%;
 -webkit-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%)
}
html[data-theme=dark] .emailregister {
 background-color:#1a1a1a
}
.emailregister-submitbutton {
 width:100%;
 margin-top:30px
}
.login-options {
 margin-top:12px;
 height:20px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 background:#fff
}
html[data-theme=dark] .login-options {
 background:#1a1a1a
}
.login-content {
 padding:0 40px 36px
}
.login-content .login-footer {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 line-height:25px
}
.login-switchtype,html[data-theme=dark] .login-switchtype {
 color:#175199
}
.login-cannotlogin {
 float:right
}
.login-cannotlogin:hover,html[data-theme=dark] .login-cannotlogin:hover {
 color:gray
}
.login-footer {
 margin-top:16px;
 text-align:center
}
.login-aboardphone,.login-qrcode {
 display:inline-block;
 color:#8590a6;
 vertical-align:middle
}
.login-aboardphone button:hover,.login-qrcode button:hover,html[data-theme=dark] .login-aboardphone button:hover,html[data-theme=dark] .login-qrcode button:hover {
 color:gray
}
html[data-theme=dark] .login-aboardphone,html[data-theme=dark] .login-qrcode {
 color:#606a80
}
.login-footerseparate {
 display:inline-block;
 width:6%;
 color:#8590a6;
 text-align:center;
 box-sizing:border-box
}
html[data-theme=dark] .login-footerseparate {
 color:#606a80
}
.login-sociallogin {
 max-width:106px;
 display:inline-block;
 vertical-align:middle
}
.login-socialbuttongroup {
 margin-left:2px;
 transition:opacity .3s ease
}
.login-socialbuttongroup--hidden {
 display:inline-block;
 width:0;
 height:0;
 overflow:hidden;
 opacity:0
}
.login-socialbuttongroup--hidden button {
 width:0;
 height:0;
 overflow:hidden
}
.login-socialbuttonentrance {
 width:103px;
 text-align:left
}
.login-socialbuttonentrance--hidden {
 width:0;
 height:0;
 overflow:hidden;
 opacity:0;
 display:none
}
.login-socialbuttonentrance:hover,html[data-theme=dark] .login-socialbuttonentrance:hover {
 color:gray
}
.login-socialbutton {
 height:24px
}
.login-socialbutton svg {
 vertical-align:middle
}
.login-socialbutton:not(:first-child) {
 margin-left:22px
}
.login-accountblockemphasis {
 color:#f1403c
}
html[data-theme=dark] .login-accountblockemphasis {
 color:#b7302d
}
.login-socialicon:hover {
 fill:#999
}
html[data-theme=dark] .login-socialicon:hover {
 fill:#646464
}
.signinqrcode {
 margin:35px 0 -32px
}
.qrcode-container {
 text-align:center
}
.qrcode-container p {
 font-size:14px;
 line-height:22px
}
.qrcode-container p a,html[data-theme=dark] .qrcode-container p a {
 color:#175199
}
.qrcode-container p.qrcode-scanresulttips {
 margin:12px 0;
 font-size:16px;
 color:#1a1a1a;
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .qrcode-container p.qrcode-scanresulttips {
 font-weight:500
}
html[data-android] .qrcode-container p.qrcode-scanresulttips {
 font-weight:700
}
html[data-theme=dark] .qrcode-container p.qrcode-scanresulttips {
 color:#999
}
.qrcode-content {
 height:210px;
 margin-bottom:30px
}
.qrcode-failure div {
 padding:40px 0 8px
}
.qrcode-failure p {
 width:270px;
 margin:0 auto
}
.qrcode-img {
 margin:0 auto 15px;
 line-height:0;
 height:150px;
 width:150px;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.qrcode-cutbutton {
 border-top:1px solid #ebebeb;
 padding:14px 0;
 font-size:14px;
 color:#175199
}
.qrcode-cutbutton span {
 cursor:pointer
}
html[data-theme=dark] .qrcode-cutbutton {
 border-top:1px solid #444;
 color:#175199
}
.qrcode-scanresultstaus {
 padding-top:36px
}
.mobilemodal-wrapper {
 position:relative
}
.mobilemodal-wrapper--absoluted {
 position:absolute;
 top:0;
 max-height:100vh;
 overflow:hidden;
 z-index:-1
}
.mobilemodal {
 background:#fff
}
html[data-theme=dark] .mobilemodal {
 background:#1a1a1a
}
.mobilemodal-content--default {
 padding-top:50px;
 padding-bottom:60px;
 min-height:100vh;
 box-sizing:border-box
}
.mobilemodal-closebutton {
 position:fixed;
 top:0;
 right:0;
 padding:12px;
 z-index:100
}
.mobilemodal-closeicon {
 fill:#1a1a1a;
 display:block
}
html[data-theme=dark] .mobilemodal-closeicon {
 fill:#999
}
.mobilemodal-title {
 font-weight:700
}
.mobilemodal-title--default {
 position:fixed;
 top:0;
 width:100%;
 padding:0 16px;
 border-bottom:1px solid #ebebeb;
 box-sizing:border-box;
 box-shadow:0 1px 3px rgba(26,26,26,.05);
 margin:0;
 font-size:16px;
 line-height:49px;
 background:#fff;
 z-index:99
}
html[data-theme=dark] .mobilemodal-title--default {
 border-bottom:1px solid #444;
 box-shadow:0 1px 3px hsla(0,0%,60%,.05);
 background:#1a1a1a
}
.mobilemodal-backdrop {
 position:fixed;
 top:0;
 right:0;
 left:0;
 bottom:0;
 z-index:100;
 background:rgba(26,26,26,.65)
}
html[data-theme=dark] .mobilemodal-backdrop {
 background:hsla(0,0%,60%,.65)
}
.mobilemodal--plain {
 position:fixed;
 top:50%;
 right:0;
 left:0;
 z-index:100;
 margin:auto;
 -webkit-transform:translatey(-50%);
 transform:translatey(-50%);
 width:87.2%;
 box-shadow:0 5px 20px 0 rgba(23,81,153,.5);
 border-radius:2px;
 overflow:hidden
}
.mobilemodal--plain .mobilemodal-closeicon {
 fill:#8590a6
}
html[data-theme=dark] .mobilemodal--plain .mobilemodal-closeicon {
 fill:#606a80
}
html[data-theme=dark] .mobilemodal--plain {
 box-shadow:0 5px 20px 0 rgba(23,81,153,.5)
}
.mobilemodal-content--plain {
 padding:16px 20px
}
.mobilemodal-title--plain {
 text-align:center;
 padding:24px 20px 8px;
 font-size:18px
}
.mobilemodal-subtitle {
 font-size:14px;
 padding:0 20px;
 color:#8590a6
}
html[data-theme=dark] .mobilemodal-subtitle {
 color:#606a80
}
.appauthentication--appview .modal-title {
 font-size:18px;
 margin-top:24px
}
.appauthentication--appview .modal-content {
 padding-bottom:16px
}
.appauthentication {
 max-width:87.2%
}
.appauthentication-buttoncontainer {
 padding:0 16px
}
.appauthentication-button {
 width:100%;
 margin-bottom:16px;
 padding:5px 0
}
.appauthentication-closebutton {
 position:absolute;
 right:16px;
 top:16px;
 font-size:0
}
.signflowactive-account {
 width:100%;
 height:48px;
 line-height:48px
}
.signflowactive-editemail {
 float:right;
 color:#175199
}
html[data-theme=dark] .signflowactive-editemail {
 color:#175199
}
.signflowactive-senddigits,.signflowactive-sendemail {
 display:block;
 width:220px;
 margin:0 auto
}
.signflowactive-sendemail {
 margin-top:48px
}
.signflowactive-senddigits {
 margin-top:55px
}
.signflowactive-button {
 display:inline-block;
 border:none
}
.signflowactive-options {
 text-align:right;
 margin-top:16px
}
.verificationdialogmodal-cutsmstype:hover,html[data-theme=dark] .verificationdialogmodal-cutsmstype:hover {
 color:gray
}
.verificationdialogmodalheader {
 text-align:center
}
.verificationdialogmodalheader-title {
 margin-top:40px;
 font-size:24px;
 color:#1a1a1a;
 margin-bottom:0;
 padding:0
}
html[data-theme=dark] .verificationdialogmodalheader-title {
 color:#999
}
.verificationdialogmodalheader-subtitle {
 margin:2px auto 24px;
 font-size:14px;
 color:#8590a6;
 max-width:240px
}
.verificationdialogmodalheader-subtitle:first-child:last-child {
 margin-bottom:16px;
 max-width:none;
 text-align:left
}
html[data-theme=dark] .verificationdialogmodalheader-subtitle {
 color:#606a80
}
.verificationdialogmodal-select {
 height:48px;
 background:#fff;
 border:none;
 border-bottom:1px solid #ebebeb;
 width:100%;
 color:#444
}
.verificationdialogmodal-select .select-plainbutton {
 width:100%
}
.verificationdialogmodal-select .select-arrow {
 position:absolute;
 right:0;
 top:27%
}
html[data-theme=dark] .verificationdialogmodal-select {
 background:#1a1a1a;
 border-bottom:1px solid #444;
 color:gray
}
.verificationdialogmodal-code {
 position:relative
}
.verificationdialogmodal-code .countingdownbutton {
 top:16px!important
}
.verificationdialogmodal-input {
 padding-left:0;
 margin-top:16px;
 width:100%;
 border:none!important;
 border-bottom:1px solid #ebebeb!important
}
html[data-theme=dark] .verificationdialogmodal-input {
 border-bottom:1px solid #444!important
}
.verificationdialogmodal-checkout {
 text-align:center
}
.verificationdialogmodal-button {
 color:#fff;
 background:#0084ff;
 width:220px;
 height:36px;
 border:1px solid #0084ff;
 margin-top:45px;
 font-size:14px;
 border-radius:3px
}
html[data-theme=dark] .verificationdialogmodal-button {
 color:#1a1a1a;
 background:#3a76d0;
 border:1px solid #3a76d0
}
.verificationdialogmodal-button:hover {
 background:#0084ff
}
html[data-theme=dark] .verificationdialogmodal-button:hover {
 background:#3a76d0
}
.verificationdialogmodal-button:hover:disabled {
 background-color:#0084ff
}
html[data-theme=dark] .verificationdialogmodal-button:hover:disabled {
 background-color:#3a76d0
}
.verificationdialogmodal-tips {
 background:#f6f6f6;
 box-shadow:0 -1px 0 0 #ebebeb;
 margin:30px -24px -32px;
 padding:16px;
 font-size:13px;
 line-height:21px;
 color:#8590a6
}
html[data-theme=dark] .verificationdialogmodal-tips {
 background:#2e2e2e;
 box-shadow:0 -1px 0 0 #444;
 color:#606a80
}
.verificationdialogmodal-blue {
 color:#0084ff
}
html[data-theme=dark] .verificationdialogmodal-blue {
 color:#3a76d0
}
.popover-targetcontainer-verification {
 width:376px
}
.verificationdialogmodal-options {
 margin-top:16px;
 text-align:right
}
.verificationdialogmodal-cutsmstype:hover,html[data-theme=dark] .verificationdialogmodal-cutsmstype:hover {
 color:gray
}
.verificationdialogmodal-helpwrapper {
 width:100%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:end;
 -ms-flex-pack:end;
 justify-content:flex-end;
 margin-top:12px
}
.verificationdialogmodal-helptext {
 color:#8590a6
}
html[data-theme=dark] .verificationdialogmodal-helptext {
 color:#606a80
}
.verificationdialogmobilemodal-helptext {
 font-size:13px;
 color:#8590a6;
 margin-top:16px
}
html[data-theme=dark] .verificationdialogmobilemodal-helptext {
 color:#606a80
}
.verificationdialogmodal-oneselection {
 font-size:14px
}
.verificationdialogmodal-smsinputbutton {
 position:absolute;
 top:24px;
 right:0;
 padding:4px 0;
 color:#175199;
 -webkit-transform:translatey(-50%);
 transform:translatey(-50%)
}
html[data-theme=dark] .verificationdialogmodal-smsinputbutton {
 color:#175199
}
.signflow-smsbindphoneinputcontainer {
 position:relative;
 margin-top:12px
}
.signflow-smsbindphoneinputerrormessage {
 top:24px;
 right:108px;
 width:40%;
 height:47px;
 padding:0;
 padding-left:4px;
 margin:0;
 line-height:47px;
 -webkit-transform:translatey(-50%);
 transform:translatey(-50%)
}
.signflow-smsbindphoneinputerrormask {
 right:20px
}
.signflow-smsbindphoneinputbutton {
 position:absolute;
 top:24px;
 right:0;
 padding:4px 0;
 color:#175199;
 -webkit-transform:translatey(-50%);
 transform:translatey(-50%)
}
html[data-theme=dark] .signflow-smsbindphoneinputbutton {
 color:#175199
}
.signflow-smsbindphoneinput {
 width:calc(100% - 100px)
}
.bindphone-buttonsection {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 margin-top:40px
}
.bindphone-button {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1
}
.bindphone-button:first-child {
 margin-right:10px
}
.bindphone-subtitle {
 color:#8590a6;
 margin-top:2px;
 margin-bottom:24px;
 padding:0 24px;
 text-align:center
}
html[data-theme=dark] .bindphone-subtitle {
 color:#606a80
}
.bindphone-helpwrapper {
 width:100%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:end;
 -ms-flex-pack:end;
 justify-content:flex-end;
 margin-top:12px
}
.bindphone-helptext {
 color:#8590a6
}
html[data-theme=dark] .bindphone-helptext {
 color:#606a80
}
.bindphone-remindloginwithphonebutton {
 display:block;
 width:220px;
 margin:48px auto 0
}
.mobilemodal .signflowactive.signflow {
 padding:0 16px;
 margin-top:16px
}
.mobilemodal .mobilebindphonetip {
 color:#8590a6;
 font-size:14px
}
html[data-theme=dark] .mobilemodal .mobilebindphonetip {
 color:#606a80
}
.mobilemodal .bindphone-buttonsection {
 margin-top:16px
}
.mobilemodal.verificationmodal {
 padding:0 16px
}
.mobilemodal .signflow-smsinputbutton {
 top:23px
}
.mobilemodal .bindphone-remindloginwithphonebutton {
 margin-top:16px
}
.mobilemodal.bindphonemobilemodal .mobilemodal-content,.mobilemodal.confirmunbindmobilemodal .mobilemodal-content,.mobilemodal.loginwithphonemobilemodal .mobilemodal-content,.mobilemodal.needunbindmobilemodal .mobilemodal-content {
 padding-top:0
}
.bindphoneform .input-wrapper {
 width:100%;
 height:48px;
 padding:0;
 color:#8590a6;
 border:none;
 border-bottom:1px solid #ebebeb;
 border-radius:0
}
html[data-theme=dark] .bindphoneform .input-wrapper {
 color:#606a80;
 border-bottom:1px solid #444
}
.bindphoneform .input-wrapper.is-focus {
 border:none;
 border-bottom:1px solid #ebebeb
}
html[data-theme=dark] .bindphoneform .input-wrapper.is-focus {
 border-bottom:1px solid #444
}
.bindphoneform .signflow-accountinput.input-wrapper,.bindphoneform .signflow-accountinput.input-wrapper.is-focus {
 border:none
}
.bindphoneform .signflow-smsbindphoneinput {
 width:100%;
 border-bottom:1px solid #ebebeb
}
.bindphoneform .signflow-smsbindphoneinput .input-wrapper,.bindphoneform .signflow-smsbindphoneinput .input-wrapper.is-focus {
 border:none
}
html[data-theme=dark] .bindphoneform .signflow-smsbindphoneinput {
 border-bottom:1px solid #444
}
.signflow {
 overflow:hidden
}
.signflow input[type=number]::-webkit-inner-spin-button,.signflow input[type=number]::-webkit-outer-spin-button {
 margin:0;
 -webkit-appearance:none;
 appearance:none
}
.signflow input {
 height:48px
}
.signflow input::-webkit-autofill {
 -webkit-box-shadow:0 0 0 1000px #fff inset!important
}
.signflow input[type=number] {
 -moz-appearance:textfield
}
.signflow .signflow-accountinput,.signflow .signflow-smsinput {
 width:auto
}
.signflow-submitbutton {
 width:100%;
 margin-top:30px;
 height:36px
}
.signflow-captchacontainer {
 height:48px;
 margin-top:12px;
 transition:height .3s ease
}
.signflow-snackbar {
 font-size:13px;
 color:#8590a6
}
html[data-theme=dark] .signflow-snackbar {
 color:#606a80
}
.signflow-snackbarlink,html[data-theme=dark] .signflow-snackbarlink {
 color:#175199
}
.unknownerror {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 height:100%;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 font-size:18px;
 padding:48px
}
.cornerbuttons {
 position:fixed;
 bottom:0;
 right:12px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 transition:-webkit-transform .2s ease;
 transition:transform .2s ease;
 transition:transform .2s ease,-webkit-transform .2s ease;
 will-change:transfrom
}
.corneranimayedflex {
 width:40px;
 height:52px;
 transition:height .2s ease
}
.corneranimayedflex--hidden {
 height:0
}
.cornerbutton {
 background:#fff;
 border-radius:4px;
 width:40px;
 height:40px;
 box-shadow:0 1px 3px rgba(26,26,26,.1)
}
html[data-theme=dark] .cornerbutton {
 box-shadow:0 1px 3px rgba(0,0,0,.3)
}
.cornerbutton:hover {
 background:#d3d3d3
}
html[data-theme=dark] .cornerbutton:hover {
 background:#2e2e2e
}
.cornerbutton .zi,.cornerbutton .zi:hover {
 fill:#8590a6
}
html[data-theme=dark] .cornerbutton .zi,html[data-theme=dark] .cornerbutton .zi:hover {
 fill:#606a80
}
html[data-theme=dark] .cornerbutton {
 background:#1a1a1a
}
.globalerror {
 min-height:100vh;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.globalerror-main {
 min-width:540px;
 min-height:300px;
 color:#999;
 font-size:18px;
 background:;
 background-size:202px 111px;
 background-repeat:no-repeat;
 background-position:100% 100%
}
html[data-theme=dark] .globalerror-main {
 color:#646464
}
.globalerror-detail {
 margin-top:80px
}
.globalerror-detailtitle {
 margin-bottom:30px;
 font-size:40px
}
.retryerror {
 background:#fff;
 min-height:160px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 width:100%;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column
}
.retryerror-title {
 color:#8590a6;
 font-size:22px;
 margin-bottom:16px
}
html[data-theme=dark] .retryerror-title {
 color:#606a80
}
html:not([data-focus-method=pointer]) .button:focus {
 box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(0,132,255,.3)
}
html[data-theme=dark] html:not([data-focus-method=pointer]) .button:focus {
 box-shadow:0 0 0 2px #1a1a1a,0 0 0 4px rgba(58,118,208,.3)
}
.tooltip {
 position:absolute;
 width:0;
 height:0
}
.tooltip-enter,.tooltip-leave {
 transition:opacity .3s
}
.tooltip-enter {
 opacity:0
}
.tooltip-enter-active,.tooltip-leave {
 opacity:1
}
.tooltip-leave-active {
 opacity:0
}
.tooltipcontent-wrapper {
 position:relative;
 width:0;
 height:0
}
.tooltipcontent {
 position:absolute;
 top:0;
 left:0;
 padding:6px 8px;
 color:#fff;
 white-space:nowrap;
 background-color:rgba(26,26,26,.8);
 border-radius:4px;
 font-size:13px;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
html[data-theme=dark] .tooltipcontent {
 color:#1a1a1a;
 background-color:hsla(0,0%,60%,.8)
}
.tooltipcontent--top {
 -webkit-transform:translate(-50%,-100%) translatey(-8px);
 transform:translate(-50%,-100%) translatey(-8px)
}
.tooltipcontent--bottom {
 -webkit-transform:translate(-50%) translatey(8px);
 transform:translate(-50%) translatey(8px)
}
.tooltipcontent--left {
 -webkit-transform:translate(-100%,-50%) translatex(-8px);
 transform:translate(-100%,-50%) translatex(-8px)
}
.tooltipcontent--right {
 -webkit-transform:translatey(-50%) translatex(8px);
 transform:translatey(-50%) translatex(8px)
}
.tooltipcontent:before {
 position:absolute;
 z-index:-1;
 border-color:rgba(26,26,26,.8) transparent transparent rgba(26,26,26,.8);
 border-style:solid;
 border-width:4px;
 content:"";
 -webkit-transform:translate(-50%,-50%) rotate(45deg);
 transform:translate(-50%,-50%) rotate(45deg)
}
html[data-theme=dark] .tooltipcontent:before {
 border-color:hsla(0,0%,60%,.8) transparent transparent hsla(0,0%,60%,.8)
}
.tooltipcontent--top:before {
 top:100%;
 left:50%;
 -webkit-transform:translate(-50%,-50%) rotate(-135deg);
 transform:translate(-50%,-50%) rotate(-135deg)
}
.tooltipcontent--bottom:before {
 top:0;
 left:50%
}
.tooltipcontent--left:before {
 top:50%;
 left:100%;
 -webkit-transform:translate(-50%,-50%) rotate(135deg);
 transform:translate(-50%,-50%) rotate(135deg)
}
.tooltipcontent--right:before {
 top:50%;
 left:0;
 -webkit-transform:translate(-50%,-50%) rotate(-45deg);
 transform:translate(-50%,-50%) rotate(-45deg)
}
.tooltipcontent a {
 color:inherit;
 text-decoration:underline
}
.globaltooltip {
 position:fixed;
 z-index:9999
}
.staticcachebanner {
 position:relative;
 z-index:100;
 padding:16px 10px;
 line-height:28px;
 color:#8590a6;
 text-align:center;
 background-color:#ebebeb
}
.staticcachebanner a {
 color:#175199;
 transition:border-bottom .2s ease-in
}
.staticcachebanner a:hover,html[data-theme=dark] .staticcachebanner a:hover {
 border-bottom:1px solid rgba(23,81,153,.72)
}
html[data-theme=dark] .staticcachebanner a {
 color:#175199
}
html[data-theme=dark] .staticcachebanner {
 color:#606a80;
 background-color:#444
}
.placeholder-inner {
 position:relative;
 overflow:hidden;
 background:#f6f6f6;
 color:#fff
}
html[data-theme=dark] .placeholder-inner {
 background:#2e2e2e;
 color:#1a1a1a
}
.placeholder-mask {
 position:relative;
 min-width:100%;
 vertical-align:top;
 box-sizing:border-box
}
.placeholder-bg {
 position:absolute;
 width:200%;
 height:100%;
 background:linear-gradient(90deg,#f6f6f6 0,#ebebeb 20%,#f6f6f6 40%,#f6f6f6);
 -webkit-animation:linear-double 1s linear 1ms infinite forwards;
 animation:linear-double 1s linear 1ms infinite forwards
}
html[data-theme=dark] .placeholder-bg {
 background:linear-gradient(90deg,#2e2e2e 0,#444 20%,#2e2e2e 40%,#2e2e2e)
}
@-webkit-keyframes linear-double {
 0% {
  -webkit-transform:translatex(-56%);
  transform:translatex(-56%)
 }
 to {
  -webkit-transform:translatex(56%);
  transform:translatex(56%)
 }
}
@keyframes linear-double {
 0% {
  -webkit-transform:translatex(-56%);
  transform:translatex(-56%)
 }
 to {
  -webkit-transform:translatex(56%);
  transform:translatex(56%)
 }
}
.infiloader--bounceshown {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 min-height:100px;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.pagination {
 padding:16px 20px;
 text-align:center;
 margin:0 auto
}
.paginationbutton {
 color:#1a1a1a;
 transition:color .2s;
 padding:0 15px
}
.paginationbutton:not(:disabled):hover,html[data-theme=dark] .paginationbutton:not(:disabled):hover {
 color:#175199
}
html[data-theme=dark] .paginationbutton {
 color:#999
}
.paginationbutton--current {
 color:#8590a6
}
html[data-theme=dark] .paginationbutton--current {
 color:#606a80
}
.maxlength {
 font-size:14px;
 color:#8590a6
}
.maxlength.is-error {
 color:#f1403c
}
html[data-theme=dark] .maxlength.is-error {
 color:#b7302d
}
html[data-theme=dark] .maxlength {
 color:#606a80
}
.holder {
 height:14px;
 margin-bottom:16px;
 background:#f6f6f6;
 border-radius:2px
}
.holder:last-child {
 margin-bottom:0
}
html[data-theme=dark] .holder {
 background:#2e2e2e
}
.holder--avatar,.holder--button,.holder--icon,.holder--inline {
 display:inline-block;
 margin-bottom:0;
 vertical-align:bottom
}
.holder--title {
 height:18px
}
.holder--icon {
 width:14px;
 margin-right:8px;
 border-radius:999px
}
.holder--button {
 width:96px;
 height:34px;
 border-radius:3px
}
.holder--button .holder--button {
 margin-left:16px
}
.holder--avatar {
 width:24px;
 height:24px
}
.favlists-items {
 max-height:335px;
 min-height:140px;
 margin-bottom:40px;
 overflow-x:hidden;
 overflow-y:auto
}
.favlists-item {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 padding:8px 0;
 border-bottom:1px solid #ebebeb
}
html[data-theme=dark] .favlists-item {
 border-bottom:1px solid #444
}
.favlists-iteminner {
 overflow:hidden;
 margin-right:20px
}
.favlists-itemname {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 overflow:hidden;
 text-overflow:ellipsis
}
.favlists-itemnametext {
 overflow:hidden;
 font-weight:700;
 text-overflow:ellipsis;
 white-space:nowrap
}
.favlists-itemicon {
 margin-left:6px
}
.favlists-itemicon .zi {
 fill:#8590a6;
 vertical-align:baseline
}
html[data-theme=dark] .favlists-itemicon .zi {
 fill:#606a80
}
.favlists-itemcontent {
 font-size:14px;
 color:#8590a6;
 margin-top:4px
}
html[data-theme=dark] .favlists-itemcontent {
 color:#606a80
}
.favlists-updatebutton {
 padding-left:0;
 padding-right:0;
 width:76px;
 -ms-flex-negative:0;
 flex-shrink:0
}
.favlists-actions {
 padding:16px 20px
}
.favlists-actions,.favlists-mobileactions {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 box-sizing:border-box
}
.favlists-mobileactions {
 position:fixed;
 bottom:0;
 width:100%;
 padding:12px 20px;
 border-top:1px solid #ebebeb;
 background:#fff
}
.favlists-mobileactions .favlists-addbutton:last-child:first-child {
 width:100%
}
.favlists-mobileactions .button {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1
}
.favlists-mobileactions .button:first-child:not(:last-child) {
 margin-right:8px
}
html[data-theme=dark] .favlists-mobileactions {
 border-top:1px solid #444;
 background:#1a1a1a
}
.favlist-empty {
 position:fixed;
 left:0;
 right:0;
 top:0;
 bottom:0
}
.favlist-emptycontent {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 height:100%
}
.favlist-emptytip {
 margin-top:30px;
 font-size:15px;
 color:#8590a6
}
html[data-theme=dark] .favlist-emptytip {
 color:#606a80
}
.favlists-addbutton {
 width:220px
}
.favlists-additem {
 margin-bottom:8px
}
.favlists-descritioninput,.favlists-titleinput {
 width:100%;
 height:auto;
 padding:8px 12px
}
.favlists-privacyoption {
 display:block;
 margin-bottom:6px;
 overflow:auto;
 font-size:14px
}
.favlists-privacyoptiontips {
 margin-left:4px;
 color:#8590a6
}
html[data-theme=dark] .favlists-privacyoptiontips {
 color:#606a80
}
.favlists-privacyoptionradio {
 display:inline-block;
 width:14px;
 height:14px;
 padding:2px;
 margin:0 4px 0 0;
 vertical-align:middle;
 border:2px solid #ebebeb;
 border-radius:50%;
 transition:background-color,border-color .3s;
 background-clip:content-box;
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none
}
.favlists-privacyoptionradio:checked {
 background-color:#0084ff;
 border-color:#0084ff
}
html[data-theme=dark] .favlists-privacyoptionradio:checked {
 background-color:#3a76d0;
 border-color:#3a76d0
}
.favlists-privacyoptionradio:focus {
 outline:none
}
html[data-theme=dark] .favlists-privacyoptionradio {
 border:2px solid #444
}
.favlists-inputtips {
 padding-top:8px;
 text-align:right
}
.favlists-favbutton {
 width:72px
}
.favlistitem-title {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.favlistitem-lockicon {
 margin-left:8px
}
.favlistitem-follow {
 width:90px
}
.emptystate {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 height:100%
}
.emptystate-inner {
 font-size:15px;
 color:#8590a6;
 text-align:center
}
html[data-theme=dark] .emptystate-inner {
 color:#606a80
}
.emptystate-image {
 display:block;
 margin:0 auto
}
.emptystate-action:not(.button) {
 color:#175199
}
.emptystate-action:not(.button):hover,html[data-theme=dark] .emptystate-action:not(.button):hover {
 border-bottom:1px solid #175199
}
html[data-theme=dark] .emptystate-action:not(.button) {
 color:#175199
}
.emptystate-action.button:hover {
 color:gray
}
.emptystate-action.button:hover .icon {
 fill:#999
}
html[data-theme=dark] .emptystate-action.button:hover .icon {
 fill:#646464
}
html[data-theme=dark] .emptystate-action.button:hover {
 color:gray
}
.openinappbutton {
 position:fixed;
 top:auto;
 bottom:0;
 left:50%;
 z-index:100;
 width:105px;
 font-size:15px;
 font-weight:500;
 line-height:36px;
 color:#fff;
 text-align:center;
 background:#0084ff;
 border-radius:18px;
 -webkit-transform:translate(-50%,200%);
 transform:translate(-50%,200%);
 box-shadow:0 2px 5px rgba(26,26,26,.25);
 transition:-webkit-transform .3s .3s;
 transition:transform .3s .3s;
 transition:transform .3s .3s,-webkit-transform .3s .3s
}
html[data-theme=dark] .openinappbutton {
 color:#1a1a1a;
 background:#3a76d0;
 box-shadow:0 2px 5px hsla(0,0%,60%,.25)
}
.openinappbutton.is-shown {
 -webkit-transform:translate(-50%,-25px);
 transform:translate(-50%,-25px)
}
.commenteditor .richtext {
 min-height:auto!important
}
.commenteditor--normal {
 position:relative;
 transition:padding-right .3s ease
}
.commenteditor--normal .commenteditor-input {
 overflow:hidden;
 width:100%
}
.commenteditor--normal .editable-unstyled {
 margin:0!important
}
.commenteditor--normal.commenteditor--active {
 padding-right:94px
}
.commenteditor--normal.commenteditor--active .commenteditor-singlebutton {
 -webkit-transform:scale(1);
 transform:scale(1)
}
.commenteditor--incommentitem .commenteditor-actions {
 margin-top:16px;
 text-align:right
}
.commenteditor--incommentitem .commenteditor-actions .button {
 line-height:34px
}
.commenteditor--incommentitem .commenteditor-actions .button .button {
 margin-left:20px
}
.commenteditor-singlebutton {
 position:absolute;
 right:16px;
 bottom:12px;
 line-height:34px!important;
 -webkit-transform:scale(0);
 transform:scale(0);
 transition:opacity .3s ease,-webkit-transform .3s ease;
 transition:opacity .3s ease,transform .3s ease;
 transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease
}
.commenteditor-singlebutton:disabled {
 cursor:not-allowed
}
.commenteditor-input {
 font-size:15px
}
.commenteditor-input .editable {
 background:#f6f6f6
}
.commenteditor-input .editable--focus {
 background:#fff
}
html[data-theme=dark] .commenteditor-input .editable--focus {
 background:#1a1a1a
}
html[data-theme=dark] .commenteditor-input .editable {
 background:#2e2e2e
}
.commenteditor-input .dropzone {
 min-height:auto!important
}
.commenteditor-input .drafteditor-root {
 padding:5px 12px!important
}
.commenteditor-startcommentbutton {
 width:100%
}
.commenteditor-hiddeninput {
 position:absolute;
 z-index:-1;
 top:-9999px
}
.commenteditor-input--mobile {
 min-height:208px
}
.commenteditor-input--mobile,.commenteditor-input--mobile.is-focus {
 border:none
}
.commenteditor-input--mobile .editable {
 background:#fff
}
html[data-theme=dark] .commenteditor-input--mobile .editable {
 background:#1a1a1a
}
.commenteditor-modalbuttons {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 padding:8px 20px;
 border-top:1px solid #ebebeb;
 border-bottom:1px solid #ebebeb
}
.commenteditor-modalbuttons .button {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1
}
.commenteditor-modalbuttons .button .button {
 margin-left:16px
}
html[data-theme=dark] .commenteditor-modalbuttons {
 border-top:1px solid #444;
 border-bottom:1px solid #444
}
.signinmodal .mobilemodal-title {
 padding-bottom:0
}
.signinmodal-openinappbutton {
 margin-bottom:16px;
 width:100%;
 line-height:44px;
 color:#fff;
 background-color:#0084ff
}
html[data-theme=dark] .signinmodal-openinappbutton {
 color:#1a1a1a;
 background-color:#3a76d0
}
.signinmodal-content {
 padding:0 16px
}
.signinmodal-content button {
 height:44px;
 width:100%;
 font-size:16px;
 border:1px solid;
 border-radius:3px
}
.signinmodal-content button:not(:last-child) {
 margin-bottom:16px
}
.signinmodal-button-zhihu {
 background-color:#fff;
 border-color:#0084ff;
 color:#0084ff
}
html[data-theme=dark] .signinmodal-button-zhihu {
 background-color:#1a1a1a;
 border-color:#3a76d0;
 color:#3a76d0
}
.signinmodal-button-weibo {
 background-color:#f1403c;
 border-color:##f1403c;
 color:#fff
}
html[data-theme=dark] .signinmodal-button-weibo {
 background-color:#b7302d;
 border-color:##b7302d;
 color:#1a1a1a
}
.signinmodal-button-wechat {
 background-color:#bfbfbf;
 border-color:#bfbfbf;
 color:#fff
}
html[data-theme=dark] .signinmodal-button-wechat {
 background-color:#444;
 border-color:#444;
 color:#1a1a1a
}
.signinmodal-button-qq {
 background-color:#0084ff;
 border-color:#0084ff;
 color:#fff
}
html[data-theme=dark] .signinmodal-button-qq {
 background-color:#3a76d0;
 border-color:#3a76d0;
 color:#1a1a1a
}
.reportmenu-inner {
 min-height:192px;
 margin-bottom:30px;
 font-size:14px;
 line-height:1.75
}
.reportmenu-mobile .reportmenu-inner:not(.reportmenu-options) {
 padding-top:18px
}
.reportmenu-item {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 width:100%;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 padding:12px 0;
 text-align:left;
 cursor:pointer;
 border-bottom:1px solid #f6f6f6;
 outline:none
}
html[data-theme=dark] .reportmenu-item {
 border-bottom:1px solid #2e2e2e
}
.reportmenu-itemvalue {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1
}
.reportmenu-itemcheck {
 position:absolute;
 width:0;
 height:0;
 opacity:0
}
.reportmenu-itemcheck:checked .reportmenu-itemcheckicon {
 opacity:1
}
.reportmenu-itemcheckicon {
 fill:#0084ff;
 opacity:0;
 transition:opacity .2s
}
html[data-theme=dark] .reportmenu-itemcheckicon {
 fill:#3a76d0
}
.reportmenu-paragraph {
 white-space:pre-wrap;
 list-style:none
}
.reportmenu-paragraph--light {
 margin-top:1em;
 color:#8590a6
}
html[data-theme=dark] .reportmenu-paragraph--light {
 color:#606a80
}
.reportmenu-check {
 display:-webkit-inline-box;
 display:-ms-inline-flexbox;
 display:inline-flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.reportmenu-textarea {
 width:100%
}
.reportmenu-link {
 color:#175199
}
.reportmenu-link:hover {
 text-decoration:underline
}
html[data-theme=dark] .reportmenu-link {
 color:#175199
}
.reportmenu-link--light {
 text-decoration:underline
}
.reportmenu-errortext {
 width:100%;
 margin-top:16px;
 color:#f1403c;
 font-size:15px;
 text-align:right
}
html[data-theme=dark] .reportmenu-errortext {
 color:#b7302d
}
.numberboard {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.numberboard--divider .numberboard-item .numberboard-item .numberboard-iteminner {
 border-left:1px solid #ebebeb
}
html[data-theme=dark] .numberboard--divider .numberboard-item .numberboard-item .numberboard-iteminner {
 border-left:1px solid #444
}
.numberboard-item {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1
}
.numberboard-item.button {
 border:0;
 line-height:unset;
 font-size:unset
}
.numberboard-item.button:hover {
 background:none
}
.numberboard-item.button:hover .numberboard-itemname,.numberboard-item.button:hover .numberboard-itemvalue,.numberboard-itema:hover .numberboard-itemname,.numberboard-itema:hover .numberboard-itemvalue,html[data-theme=dark] .numberboard-item.button:hover .numberboard-itemname,html[data-theme=dark] .numberboard-item.button:hover .numberboard-itemvalue,html[data-theme=dark] .numberboard-itema:hover .numberboard-itemname,html[data-theme=dark] .numberboard-itema:hover .numberboard-itemvalue {
 color:#175199
}
.numberboard-iteminner {
 text-align:center;
 line-height:1.6
}
.numberboard-itemname {
 font-size:14px;
 color:#8590a6
}
html[data-theme=dark] .numberboard-itemname {
 color:#606a80
}
.numberboard-itemvalue {
 display:inline-block;
 font-size:18px;
 color:#1a1a1a;
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .numberboard-itemvalue {
 font-weight:500
}
html[data-android] .numberboard-itemvalue {
 font-weight:700
}
html[data-theme=dark] .numberboard-itemvalue {
 color:#999
}
.hovercard {
 padding:0 12px 16px;
 font-size:14px;
 opacity:1;
 transition:opacity .3s ease
}
.hovercard--isloading {
 opacity:0
}
.hovercard,.hovercard-loading {
 box-shadow:0 5px 20px rgba(26,26,26,.1);
 background:#fff;
 border-radius:2px
}
html[data-theme=dark] .hovercard,html[data-theme=dark] .hovercard-loading {
 box-shadow:0 1px 3px rgba(0,0,0,.3);
 background:#1a1a1a
}
.hovercard-container {
 width:360px;
 max-height:600px
}
.hovercard-loading {
 position:absolute;
 width:120px;
 height:80px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 margin:auto
}
.hovercard-loading--reversed {
 -webkit-transform:translatey(-100%);
 transform:translatey(-100%)
}
.hovercard-container--large {
 width:400px
}
.hovercard-titlecontainer {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 padding:8px 0;
 border-bottom:1px solid #f6f6f6;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
html[data-theme=dark] .hovercard-titlecontainer {
 border-bottom:1px solid #2e2e2e
}
.hovercard-avatar {
 position:absolute;
 top:-20px;
 border:2px solid #fff
}
html[data-theme=dark] .hovercard-avatar {
 border:2px solid #1a1a1a
}
.hovercard-titletext {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 min-height:42px;
 padding-bottom:2px;
 margin-left:84px;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 overflow:hidden;
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1
}
.hovercard-covercontainer {
 height:100px;
 margin:0 -12px;
 overflow:hidden;
 border-radius:2px 2px 0 0
}
.hovercard-cover {
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover
}
.hovercard-subtitle,.hovercard-title {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.hovercard-title {
 font-size:16px;
 font-weight:500
}
.hovercard-subtitle {
 margin-top:4px;
 font-weight:400
}
.hovercard-numberboard {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-pack:distribute;
 justify-content:space-around;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.hovercard-buttons {
 margin-top:16px
}
.hovercard-buttons .button {
 width:144px
}
.hovercard-numbergroup {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1
}
.hovercard-boardkey {
 line-height:1.7;
 color:#8590a6
}
html[data-theme=dark] .hovercard-boardkey {
 color:#606a80
}
.hovercard-boardnumber {
 margin-top:4px;
 font-size:18px;
 font-weight:500;
 line-height:1.4;
 color:#1a1a1a
}
html[data-theme=dark] .hovercard-boardnumber {
 color:#999
}
.hovercard-item {
 padding:8px 0;
 line-height:1.75;
 border-bottom:1px solid #f6f6f6
}
.hovercard-item:last-child {
 padding:8px 16px;
 text-align:center;
 border:0
}
.hovercard-item .icon {
 margin-right:8px
}
html[data-theme=dark] .hovercard-item {
 border-bottom:1px solid #2e2e2e
}
.hovercard-description {
 display:block;
 display:-webkit-box;
 max-height:73.5px;
 overflow:hidden;
 text-overflow:ellipsis;
 -webkit-line-clamp:3;
 -webkit-box-orient:vertical
}
.hovercard-attrinfo {
 margin-left:10px;
 color:#8590a6;
 white-space:nowrap
}
.hovercard-attrinfo .icon {
 margin-right:8px
}
html[data-theme=dark] .hovercard-attrinfo {
 color:#606a80
}
.hovercard-separate {
 color:#ebebeb
}
html[data-theme=dark] .hovercard-separate {
 color:#444
}
.hovercard-popovertarget {
 border-width:0;
 background:transparent;
 box-shadow:none
}
.hovercard-titlecontainer--noavatar {
 margin-top:20px
}
.followbutton {
 min-width:96px
}
.followbutton-icon {
 margin-right:8px;
 fill:currentcolor
}
.modifybutton {
 font-size:15px
}
.modifybutton-icon {
 margin-right:4px;
 fill:currentcolor
}
.messages-menu {
 width:360px;
 padding:0;
 overflow:hidden
}
.messages-newitem {
 background:#f6f6f6
}
html[data-theme=dark] .messages-newitem {
 background:#2e2e2e
}
.messages-header {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 border-bottom:1px solid #ebebeb
}
html[data-theme=dark] .messages-header {
 border-bottom:1px solid #444
}
.messages-tab {
 position:relative;
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 height:48px;
 font-size:14px;
 color:#8590a6;
 cursor:pointer
}
html[data-theme=dark] .messages-tab {
 color:#606a80
}
.messages-currenttab {
 color:#1a1a1a
}
.messages-currenttab:hover {
 color:currentcolor
}
html[data-theme=dark] .messages-currenttab {
 color:#999
}
.messages-mymessagetab {
 width:360px;
 color:#1a1a1a
}
html[data-theme=dark] .messages-mymessagetab {
 color:#999
}
.messages-tab:not(:last-child):after {
 position:absolute;
 left:180px;
 width:1px;
 height:20px;
 margin:auto;
 background:#ebebeb;
 content:""
}
html[data-theme=dark] .messages-tab:not(:last-child):after {
 background:#444
}
.messages-list {
 height:350px;
 overflow-x:hidden;
 overflow-y:auto
}
.messages-withnotablist {
 height:408px
}
.messages-item {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 padding:15px;
 font-size:14px;
 line-height:24px;
 color:#1a1a1a
}
.messages-item:hover {
 background-color:#f6f6f6
}
html[data-theme=dark] .messages-item:hover {
 background-color:#2e2e2e
}
.messages-item .avatar {
 display:block
}
html[data-theme=dark] .messages-item {
 color:#999
}
.messages-user {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 margin-left:16px;
 overflow:hidden
}
.messages-username {
 font-size:15px
}
.messages-itemcontent {
 height:20px;
 overflow:hidden;
 line-height:20px;
 color:#8590a6;
 text-overflow:ellipsis;
 white-space:nowrap
}
html[data-theme=dark] .messages-itemcontent {
 color:#606a80
}
.messages-newdialog {
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 min-height:274px
}
.messages-footer,.messages-newdialog {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.messages-footer {
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 height:40px;
 padding:0 16px;
 line-height:40px;
 background:#fff;
 border-top:1px solid #ebebeb;
 box-sizing:border-box
}
html[data-theme=dark] .messages-footer {
 background:#1a1a1a;
 border-top:1px solid #444
}
.messages-receiver {
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 margin-top:8px
}
.messages-receiver,.messages-receiverinfo {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 height:36px;
 line-height:36px
}
.messages-receiverinfo {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .messages-receiverinfo {
 font-weight:500
}
html[data-android] .messages-receiverinfo {
 font-weight:700
}
.messages-receiverautocomplete {
 position:relative;
 margin-top:8px
}
.messages-records,html[data-theme=dark] .messages-records {
 color:#175199
}
.messages-sendcontent {
 width:352px;
 margin:12px auto 0
}
.messages-sendcontent textarea {
 overflow-y:auto
}
.messages-modifybutton {
 position:absolute;
 top:50%;
 right:0;
 -webkit-transform:translatey(-50%);
 transform:translatey(-50%);
 fill:#8590a6
}
html[data-theme=dark] .messages-modifybutton {
 fill:#606a80
}
.messages-warning {
 height:23px;
 margin:4px auto 0;
 font-size:14px;
 color:#f1403c;
 opacity:0;
 transition:opacity .2s
}
.messages-warning.is-shown {
 opacity:1
}
html[data-theme=dark] .messages-warning {
 color:#b7302d
}
.messages-input {
 width:352px
}
.messages-icon {
 cursor:pointer
}
.messages-count {
 position:absolute;
 bottom:50%;
 left:50%;
 padding:0 4px;
 font-size:11px;
 color:#fff;
 background-color:#f1403c;
 border:2px solid #fff;
 border-radius:20px
}
html[data-theme=dark] .messages-count {
 color:#1a1a1a;
 background-color:#b7302d;
 border:2px solid #1a1a1a
}
.messages-menu {
 z-index:205
}
.messages-searchicon {
 position:absolute;
 top:50%;
 right:10px;
 width:16px;
 -webkit-transform:translatey(-50%);
 transform:translatey(-50%)
}
.memberbuttongroup .button .button {
 margin-left:16px
}
.memberbuttongroup-prohibiticon {
 fill:currentcolor;
 margin-right:4px
}
.followstatus {
 display:inline-block;
 padding:1px 6px;
 margin-left:8px;
 font-size:12px;
 color:#8590a6;
 vertical-align:1px;
 background-color:#f6f6f6;
 border-radius:3px
}
html[data-theme=dark] .followstatus {
 color:#606a80;
 background-color:#2e2e2e
}
.userhovercard-infoitem {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.userhovercard-infoitem:not(:last-child) {
 margin-bottom:8px
}
.userhovercard-infodivider {
 display:inline-block;
 width:1px;
 height:10px;
 margin:0 8px;
 background:#ebebeb
}
html[data-theme=dark] .userhovercard-infodivider {
 background:#444
}
.userhovercard-mutuals {
 color:#8590a6
}
html[data-theme=dark] .userhovercard-mutuals {
 color:#606a80
}
.userhovercard-orgbadge {
 margin-left:6px;
 vertical-align:2px
}
.userlink-badge {
 margin-left:.3em
}
.gifplayer {
 display:block;
 margin:0 auto;
 overflow:hidden;
 max-width:100%;
 width:-webkit-fit-content;
 width:-moz-fit-content;
 width:fit-content;
 cursor:pointer;
 text-align:center
}
.gifplayer,html[data-theme=dark] .gifplayer {
 position:relative
}
html[data-theme=dark] .gifplayer:after {
 content:"";
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background-color:rgba(0,0,0,.3);
 border-radius:inherit;
 pointer-events:none
}
.gifplayer[data-size=small] {
 max-width:40%
}
.gifplayer img {
 max-width:100%;
 vertical-align:top
}
.gifplayer-icon {
 position:absolute;
 top:50%;
 left:50%;
 margin-left:-30px;
 margin-top:-30px;
 pointer-events:none;
 transition:.3s ease-out;
 transition-property:opacity,-webkit-transform;
 transition-property:transform,opacity;
 transition-property:transform,opacity,-webkit-transform;
 -webkit-transform:scale(1);
 transform:scale(1);
 -webkit-transform-origin:center;
 transform-origin:center;
 opacity:1
}
.gifplayer.isplaying .gifplayer-icon {
 -webkit-transform:scale(.3);
 transform:scale(.3);
 opacity:0
}
.richtext-video {
 margin:16px 0
}
.commentitem {
 position:relative;
 -ms-flex-negative:0;
 flex-shrink:0;
 padding:12px 20px 10px;
 font-size:15px
}
.commentitem:not(:first-child):after {
 position:absolute;
 top:0;
 left:0;
 right:0;
 display:block;
 margin:0 20px;
 border-bottom-style:solid;
 border-bottom-color:#f6f6f6;
 border-bottom-width:1px;
 content:""
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
 .commentitem:not(:first-child):after {
  border-bottom-width:.5px
 }
}
@media (-webkit-min-device-pixel-ratio:3),(min-resolution:288dpi) {
 .commentitem:not(:first-child):after {
  border-bottom-width:.33333px
 }
}
@media (-webkit-min-device-pixel-ratio:4),(min-resolution:384dpi) {
 .commentitem:not(:first-child):after {
  border-bottom-width:.25px
 }
}
html[data-theme=dark] .commentitem:not(:first-child):after {
 border-bottom-color:#2e2e2e
}
.commentitem-deletedcontent {
 padding:16px 0;
 font-size:14px;
 color:#8590a6;
 text-align:center
}
html[data-theme=dark] .commentitem-deletedcontent {
 color:#606a80
}
.commentitem-meta {
 position:relative;
 height:27px;
 padding-right:3px;
 padding-left:1px;
 margin-bottom:5px;
 line-height:24px
}
.commentitem-avatar {
 margin-right:8px
}
.commentitem-avatar .userlink-avatar {
 vertical-align:top
}
.commentitem-reply,.commentitem-roleinfo {
 color:#8590a6
}
html[data-theme=dark] .commentitem-reply,html[data-theme=dark] .commentitem-roleinfo {
 color:#606a80
}
.commentitem-reviewing {
 margin-left:8px
}
.commentitem-reply {
 margin-right:8px;
 margin-left:8px
}
.commentitem-roleinfo {
 margin-right:-8px
}
.commentitem-time {
 float:right;
 font-size:14px;
 color:#8590a6
}
html[data-theme=dark] .commentitem-time {
 color:#606a80
}
.commentitem-content {
 margin-bottom:6px;
 line-height:25px
}
.commentitem-content p {
 margin:0
}
.commentitem-editor {
 margin-bottom:8px
}
.commentitem-footer {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 height:24px;
 font-size:14px;
 line-height:24px
}
.commentitem-footer .button .button {
 margin-left:20px
}
.commentitem-mobilefooter .button .button {
 margin-left:0
}
.commentitem-hoverbtn {
 opacity:0;
 transition:opacity .2s
}
.commentitem-likebtn:disabled,.commentitem:hover .commentitem-hoverbtn {
 opacity:1
}
.commentitem-likebtn.is-liked {
 color:#0084ff
}
.commentitem-likebtn.is-liked:hover {
 color:#175199
}
.commentitem-likebtn.is-liked:hover .icon {
 fill:currentcolor
}
html[data-theme=dark] .commentitem-likebtn.is-liked:hover {
 color:#175199
}
.commentitem-likebtn.is-liked .icon {
 fill:currentcolor
}
html[data-theme=dark] .commentitem-likebtn.is-liked {
 color:#3a76d0
}
.commentitem--highlighted {
 -webkit-animation:highlight 1.6s ease-out;
 animation:highlight 1.6s ease-out
}
@-webkit-keyframes highlight {
 0% {
  background:#ebebeb
 }
 html[data-theme=dark] 0% {
  background:#444
 }
 to {
  background:transparent none repeat 0 0/auto auto padding-box border-box scroll;
  background:initial
 }
}
@keyframes highlight {
 0% {
  background:#ebebeb
 }
 html[data-theme=dark] 0% {
  background:#444
 }
 to {
  background:transparent none repeat 0 0/auto auto padding-box border-box scroll;
  background:initial
 }
}
.isolationdot {
 margin:0 6px
}
.commentitem-replyarrow {
 color:#8590a6;
 -webkit-transform:rotate(90deg);
 transform:rotate(90deg);
 margin:0 8px
}
html[data-theme=dark] .commentitem-replyarrow {
 color:#606a80
}
.commentitem-userlink {
 max-width:80px;
 font-weight:600;
 font-synthesis:style;
 display:inline-block;
 text-overflow:ellipsis;
 overflow:hidden;
 white-space:nowrap;
 vertical-align:top
}
@media (min-width:360px) {
 .commentitem-userlink {
  max-width:100px
 }
}
html[data-ios] .commentitem-userlink {
 font-weight:500
}
html[data-android] .commentitem-userlink {
 font-weight:700
}
.commentitem-menu-item {
 padding-top:13px;
 padding-bottom:13px
}
.comments-pattern-loading {
 height:96px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.tabs {
 border-bottom:1px solid #f6f6f6
}
html[data-theme=dark] .tabs {
 border-bottom:1px solid #2e2e2e
}
.tabs-item {
 display:inline-block;
 padding:0 20px
}
.tabs-link {
 position:relative;
 display:inline-block;
 padding:14px 0;
 font-size:16px;
 line-height:22px;
 color:#1a1a1a;
 text-align:center
}
.tabs-link.is-active {
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .tabs-link.is-active {
 font-weight:500
}
html[data-android] .tabs-link.is-active {
 font-weight:700
}
.tabs-link.is-active:after {
 position:absolute;
 right:0;
 bottom:-1px;
 left:0;
 height:3px;
 background:#0084ff;
 content:""
}
html[data-theme=dark] .tabs-link.is-active:after {
 background:#3a76d0
}
html[data-theme=dark] .tabs-link {
 color:#999
}
.tabs-meta {
 margin-left:6px;
 font-size:14px;
 font-weight:300;
 line-height:20px;
 color:#999
}
html[data-theme=dark] .tabs-meta {
 color:#646464
}
.topbar {
 background:#fff;
 border-bottom:1px solid #f6f6f6;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 height:50px;
 padding:0 20px
}
html[data-theme=dark] .topbar {
 background:#1a1a1a;
 border-bottom:1px solid #2e2e2e
}
.topbar-title {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1
}
.topbar--mobile .topbar-title {
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .topbar--mobile .topbar-title {
 font-weight:500
}
html[data-android] .topbar--mobile .topbar-title {
 font-weight:700
}
.commenttopbar-title {
 display:inline-block;
 font-size:15px;
 font-weight:600;
 font-synthesis:style;
 color:#1a1a1a
}
html[data-ios] .commenttopbar-title {
 font-weight:500
}
html[data-android] .commenttopbar-title {
 font-weight:700
}
html[data-theme=dark] .commenttopbar-title {
 color:#999
}
.commenttopbar-back {
 font-size:16px;
 font-weight:inherit;
 color:#1a1a1a
}
.commenttopbar-back:hover {
 color:#0084ff
}
html[data-theme=dark] .commenttopbar-back:hover {
 color:#3a76d0
}
html[data-theme=dark] .commenttopbar-back {
 color:#999
}
.commenttopbar-backicon {
 vertical-align:-2px;
 fill:currentcolor
}
.commenttopbar {
 border-radius:2px
}
.commenttopbar-meta {
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 height:50px;
 padding:0 16px
}
.commenttopbar-meta,.commenttopbar-tabswrapper {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.commenttopbar-tabswrapper {
 font-size:15px
}
.commenttopbar-tabs {
 padding:0;
 border-bottom:none
}
.commenttopbar-tab {
 display:inline-block;
 padding:0 20px
}
.commenttopbar-tab:first-child {
 padding-left:0
}
.commenttopbar-tabbutton {
 position:relative;
 height:56px;
 border:none
}
.commenttopbar-tabbutton:hover {
 background:none
}
.comments,.comments-container {
 height:100%
}
.comments {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 overflow:hidden;
 box-sizing:border-box
}
.comments--hidden {
 display:none
}
.comments-titlelink a {
 color:#175199
}
.comments-titlelink a:hover,html[data-theme=dark] .comments-titlelink a:hover {
 border-bottom:1px solid #175199
}
html[data-theme=dark] .comments-titlelink a {
 color:#175199
}
.commentlist {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 overflow-x:hidden;
 overflow-y:auto
}
.commentlist-divider {
 position:relative;
 margin:0 24px;
 font-size:14px;
 color:#8590a6;
 text-align:center
}
.commentlist-divider:first-child {
 margin-top:16px
}
.commentlist-divider:last-child {
 margin-bottom:16px
}
.commentlist-divider .commentitem:after {
 content:none
}
.commentlist-divider a {
 color:#175199
}
.commentlist-divider a:hover,html[data-theme=dark] .commentlist-divider a:hover {
 border-bottom:1px solid #175199
}
html[data-theme=dark] .commentlist-divider a {
 color:#175199
}
html[data-theme=dark] .commentlist-divider {
 color:#606a80
}
.commentlist-dividerline {
 position:absolute;
 top:0;
 bottom:0;
 width:100%;
 height:0;
 margin:auto;
 border-top:1px solid #ebebeb
}
html[data-theme=dark] .commentlist-dividerline {
 border-top:1px solid #444
}
.commentlist-dividertext {
 position:relative;
 z-index:2;
 display:inline-block;
 padding:0 1em;
 background-color:#fff
}
.commentlist-dividertext .commentlist-questionmark {
 margin-left:8px
}
html[data-theme=dark] .commentlist-dividertext {
 background-color:#1a1a1a
}
.comments-footer {
 padding:12px 20px;
 background:#fff;
 border-top:1px solid #ebebeb
}
html[data-theme=dark] .comments-footer {
 background:#1a1a1a;
 border-top:1px solid #444
}
.comments-disabledtext {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 padding:14px 12px;
 color:#8590a6;
 background-color:#f6f6f6;
 border-top:1px solid #f6f6f6;
 box-sizing:border-box;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
html[data-theme=dark] .comments-disabledtext {
 color:#606a80;
 background-color:#2e2e2e;
 border-top:1px solid #2e2e2e
}
.comments-disabledtext--fixed {
 position:fixed;
 width:100%;
 bottom:0;
 background:#fff
}
.comments-disabledtext--fixed .comments-disabledreason {
 padding-top:8px;
 padding-bottom:8px;
 background:#f6f6f6;
 width:100%;
 text-align:center;
 border-radius:3px
}
html[data-theme=dark] .comments-disabledtext--fixed .comments-disabledreason {
 background:#2e2e2e
}
html[data-theme=dark] .comments-disabledtext--fixed {
 background:#1a1a1a
}
.commentlist-action {
 position:relative;
 padding:16px 0;
 text-align:center
}
.commentlist-action:after {
 position:absolute;
 top:0;
 display:block;
 width:calc(100% - 48px);
 border-bottom:1px solid #f6f6f6;
 content:""
}
html[data-theme=dark] .commentlist-action:after {
 border-bottom:1px solid #2e2e2e
}
.commentlist-action a {
 color:#175199
}
.commentlist-action a:hover,html[data-theme=dark] .commentlist-action a:hover {
 border-bottom:1px solid #175199
}
html[data-theme=dark] .commentlist-action a {
 color:#175199
}
.comments-withpagination {
 border:1px solid #ebebeb;
 box-shadow:0 1px 3px rgba(26,26,26,.1);
 background:#fff;
 margin-top:12px;
 overflow:visible;
 border-radius:4px
}
html[data-theme=dark] .comments-withpagination {
 box-shadow:0 1px 3px rgba(0,0,0,.3)
}
.comments-withpagination .commentlist {
 overflow-y:visible
}
html[data-theme=dark] .comments-withpagination {
 border:1px solid #444;
 background:#1a1a1a
}
.comments-pagination {
 border-top:1px solid #ebebeb
}
html[data-theme=dark] .comments-pagination {
 border-top:1px solid #444
}
.comments-packup-button {
 background:hsla(0,0%,92%,.95);
 border-radius:3px;
 position:fixed;
 height:30px;
 width:93px;
 bottom:30px;
 left:570px;
 font-size:13px;
 color:#8590a6;
 letter-spacing:0;
 margin-left:-93px
}
.comments-packup-button:hover,html[data-theme=dark] .comments-packup-button:hover {
 color:gray
}
.comments-packup-button .icon {
 margin-left:6px;
 -webkit-transform:rotatex(180deg);
 transform:rotatex(180deg)
}
.comments-packup-button-enter,.comments-packup-button-leave {
 transition:opacity .3s
}
.comments-packup-button-enter {
 opacity:0
}
.comments-packup-button-enter-active,.comments-packup-button-leave {
 opacity:1
}
.comments-packup-button-leave-active {
 opacity:0
}
html[data-theme=dark] .comments-packup-button {
 background:rgba(68,68,68,.95);
 color:#606a80
}
.comments-empty {
 padding:60px 0;
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 box-sizing:border-box;
 overflow:auto
}
.commentlist-expendcollapsebutton {
 color:#8590a6;
 cursor:pointer
}
.commentlist-expendcollapsebutton:hover,html[data-theme=dark] .commentlist-expendcollapsebutton:hover {
 color:gray
}
html[data-theme=dark] .commentlist-expendcollapsebutton {
 color:#606a80
}
.commentitem {
 outline:none
}
.authorinfo {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.authorinfo-avatar {
 vertical-align:top
}
.authorinfo-content {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 margin-left:14px;
 overflow:hidden
}
.authorinfo-head {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 font-size:15px;
 line-height:1.1;
 -ms-flex-negative:0;
 flex-shrink:0
}
.authorinfo-name {
 font-weight:600;
 font-synthesis:style;
 color:#444
}
html[data-ios] .authorinfo-name {
 font-weight:500
}
html[data-android] .authorinfo-name {
 font-weight:700
}
html[data-theme=dark] .authorinfo-name {
 color:gray
}
.authorinfo-badge {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 margin-top:2px;
 font-size:14px
}
.authorinfo-badgetext {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 color:#646464
}
html[data-theme=dark] .authorinfo-badgetext {
 color:#999
}
.authorinfo--plain .authorinfo-content {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 margin-left:10px
}
.authorinfo--plain .authorinfo-badge>:first-child {
 margin-top:0
}
.authorinfo--plain .authorinfo-badge>:first-child:before {
 content:"\ff0c"
}
.authorinfo-detail {
 overflow:hidden
}
.pushnotifications-menu {
 width:360px;
 padding:0;
 overflow:hidden
}
.pushnotifications-header {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 border-bottom:1px solid #ebebeb
}
html[data-theme=dark] .pushnotifications-header {
 border-bottom:1px solid #444
}
.pushnotifications-tab {
 position:relative;
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 height:48px;
 cursor:pointer;
 box-shadow:none!important
}
.pushnotifications-selectedtabicon {
 fill:#0084ff
}
html[data-theme=dark] .pushnotifications-selectedtabicon {
 fill:#3a76d0
}
.pushnotifications-tab:not(:last-child):after {
 position:absolute;
 left:120px;
 width:1px;
 height:20px;
 margin:auto;
 background:#ebebeb;
 content:""
}
html[data-theme=dark] .pushnotifications-tab:not(:last-child):after {
 background:#444
}
.pushnotifications-list {
 height:350px;
 overflow-x:hidden;
 overflow-y:auto
}
.pushnotifications-item {
 position:relative;
 padding:15px;
 font-size:14px;
 line-height:24px;
 color:#1a1a1a
}
html[data-theme=dark] .pushnotifications-item {
 color:#999
}
.pushnotifications-item a {
 color:#175199
}
.pushnotifications-item a:hover,html[data-theme=dark] .pushnotifications-item a:hover {
 color:#144785
}
html[data-theme=dark] .pushnotifications-item a {
 color:#175199
}
.pushnotifications-item:after {
 position:absolute;
 right:0;
 bottom:100%;
 left:0;
 height:1px;
 padding:0 16px;
 background-color:#ebebeb;
 content:"";
 background-clip:content-box
}
html[data-theme=dark] .pushnotifications-item:after {
 background-color:#444
}
.pushnotifications-newitem {
 background:#f6f6f6
}
html[data-theme=dark] .pushnotifications-newitem {
 background:#2e2e2e
}
.pushnotifications-followtitle {
 position:relative;
 height:54px;
 font-size:14px;
 line-height:54px;
 color:#8590a6;
 text-align:center
}
html[data-theme=dark] .pushnotifications-followtitle {
 color:#606a80
}
.pushnotifications-followtitle:after {
 position:absolute;
 right:0;
 bottom:0;
 left:0;
 margin:0 16px;
 border-bottom:1px solid #ebebeb;
 content:""
}
html[data-theme=dark] .pushnotifications-followtitle:after {
 border-bottom:1px solid #444
}
.pushnotifications-followitem {
 display:block
}
.pushnotifications-followitem:hover {
 background-color:#f6f6f6
}
html[data-theme=dark] .pushnotifications-followitem:hover {
 background-color:#2e2e2e
}
.pushnotifications-followitem .authorinfo-name {
 font-family:inherit
}
.pushnotifications-followitem .authorinfo-badge {
 color:#8590a6
}
html[data-theme=dark] .pushnotifications-followitem .authorinfo-badge {
 color:#606a80
}
.pushnotifications-followitem:after {
 content:none
}
.pushnotifications-followitem a {
 color:#1a1a1a
}
html[data-theme=dark] .pushnotifications-followitem a {
 color:#999
}
.notifications-footer {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 width:100%;
 height:40px;
 padding:0 16px;
 line-height:40px;
 background:#fff;
 border-top:1px solid #ebebeb;
 box-sizing:border-box
}
html[data-theme=dark] .notifications-footer {
 background:#1a1a1a;
 border-top:1px solid #444
}
.pushnotifications-redbot {
 position:absolute;
 top:50%;
 width:4px;
 height:4px;
 margin-left:8px;
 background-color:#f1403c;
 border-radius:50%;
 -webkit-transform:translatey(-2px);
 transform:translatey(-2px)
}
html[data-theme=dark] .pushnotifications-redbot {
 background-color:#b7302d
}
.pushnotifications-count {
 position:absolute;
 bottom:50%;
 left:50%;
 padding:0 4px;
 font-size:11px;
 color:#fff;
 background-color:#f1403c;
 border:2px solid #fff;
 border-radius:20px
}
html[data-theme=dark] .pushnotifications-count {
 color:#ebebeb;
 background-color:#b7302d;
 border:2px solid #1a1a1a
}
.pushnotifications-actor:not(:last-child):after {
 content:"\3001";
 color:#0084ff
}
html[data-theme=dark] .pushnotifications-actor:not(:last-child):after {
 color:#3a76d0
}
.tag {
 position:relative;
 display:inline-block;
 height:30px;
 padding:0 12px;
 font-size:14px;
 line-height:30px;
 color:#0084ff;
 vertical-align:top;
 border-radius:100px;
 background:rgba(0,132,255,.1)
}
.tag:hover {
 background-color:rgba(0,132,255,.15)
}
html[data-theme=dark] .tag:hover {
 background-color:rgba(58,118,208,.15)
}
.tag--removable {
 padding-right:28px
}
html[data-theme=dark] .tag {
 color:#3a76d0;
 background:rgba(58,118,208,.1)
}
.tag-remove {
 position:absolute;
 top:0;
 right:10px;
 bottom:0;
 margin-top:auto;
 margin-bottom:auto;
 cursor:pointer;
 padding:0;
 background:none;
 border:none;
 outline:none;
 color:inherit
}
.tag-remove .zi {
 display:block
}
.taginput .input-wrapper {
 display:block
}
.taginput .input {
 -webkit-box-flex:0;
 -ms-flex:none;
 flex:none;
 height:30px;
 margin-top:2px;
 margin-bottom:2px;
 margin-left:8px
}
.taginput.taginput--empty .input {
 width:100%;
 margin-left:0
}
.taginput .tag {
 margin-top:2px;
 margin-right:4px;
 margin-bottom:2px
}
.taginput .popover {
 display:block
}
input[type=range].rangeinput {
 width:220px;
 height:12px;
 padding:0;
 margin:0 10px;
 vertical-align:middle;
 background:transparent;
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none
}
input[type=range].rangeinput:focus {
 outline:none
}
input[type=range].rangeinput::-webkit-slider-runnable-track {
 height:5px;
 cursor:pointer;
 background:#f6f6f6;
 border-radius:2px
}
html[data-theme=dark] input[type=range].rangeinput::-webkit-slider-runnable-track {
 background:#2e2e2e
}
input[type=range].rangeinput::-webkit-slider-thumb {
 width:12px;
 height:12px;
 margin-top:-4px;
 cursor:pointer;
 background:#d3d3d3;
 border-radius:50%;
 -webkit-appearance:none;
 appearance:none
}
html[data-theme=dark] input[type=range].rangeinput::-webkit-slider-thumb {
 background:#2e2e2e
}
input[type=range].rangeinput::-moz-range-track {
 height:5px;
 cursor:pointer;
 background:#f6f6f6;
 border-radius:2px
}
html[data-theme=dark] input[type=range].rangeinput::-moz-range-track {
 background:#2e2e2e
}
input[type=range].rangeinput::-moz-range-thumb {
 width:12px;
 height:12px;
 cursor:pointer;
 background:#d3d3d3;
 border:none;
 border-radius:50%
}
html[data-theme=dark] input[type=range].rangeinput::-moz-range-thumb {
 background:#2e2e2e
}
input[type=range].rangeinput::-ms-track {
 width:100%;
 height:5px;
 color:transparent;
 cursor:pointer;
 background:transparent;
 border-color:transparent
}
input[type=range].rangeinput::-ms-fill-lower,input[type=range].rangeinput::-ms-fill-upper {
 background:#f6f6f6;
 border-radius:2px
}
html[data-theme=dark] input[type=range].rangeinput::-ms-fill-lower,html[data-theme=dark] input[type=range].rangeinput::-ms-fill-upper {
 background:#2e2e2e
}
input[type=range].rangeinput::-ms-thumb {
 width:12px;
 height:12px;
 cursor:pointer;
 background:#d3d3d3;
 border:none;
 border-radius:50%
}
html[data-theme=dark] input[type=range].rangeinput::-ms-thumb {
 background:#2e2e2e
}
input[type=range].rangeinput::-ms-tooltip {
 display:none
}
input[type=range].rangeinput .zi {
 vertical-align:middle;
 display:inline-block;
 fill:#8590a6
}
html[data-theme=dark] input[type=range].rangeinput .zi {
 fill:#606a80
}
.mask {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 z-index:1;
 transition:opacity .2s ease-in
}
.mask-hidden {
 pointer-events:none;
 opacity:0
}
.mask-mask {
 position:absolute;
 z-index:-1;
 width:100%;
 height:100%;
 opacity:.4;
 box-sizing:border-box
}
.mask-mask--black {
 background:#1a1a1a
}
html[data-theme=dark] .mask-mask--black {
 background:#999
}
.mask-mask--white {
 background:hsla(0,0%,100%,.95)
}
html[data-theme=dark] .mask-mask--white {
 background:rgba(26,26,26,.95)
}
.mask-content {
 position:absolute;
 top:50%;
 left:50%;
 z-index:5;
 color:#fff;
 text-align:center;
 -webkit-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%)
}
html[data-theme=dark] .mask-content {
 color:#1a1a1a
}
.mask-content--full {
 width:100%;
 height:100%
}
.videocovereditor-modal .modal-inner {
 width:400px;
 height:480px;
 overflow:hidden
}
.videocovereditor-title {
 font-size:20px;
 font-weight:500;
 color:#1a1a1a
}
html[data-theme=dark] .videocovereditor-title {
 color:#999
}
.videocovereditor-tabs {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 width:calc(100% - 80px);
 margin:0 auto
}
.videocovereditor-tabitem {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 font-weight:500;
 font-size:20px;
 color:#444;
 cursor:pointer
}
.videocovereditor-tabitem:not(:last-child):after {
 content:" |";
 float:right;
 font-weight:100;
 color:#ebebeb
}
html[data-theme=dark] .videocovereditor-tabitem:not(:last-child):after {
 color:#444
}
html[data-theme=dark] .videocovereditor-tabitem {
 color:gray
}
.videocovereditor-tabitem.active {
 color:#0084ff
}
html[data-theme=dark] .videocovereditor-tabitem.active {
 color:#3a76d0
}
.videocoverpicker-coverselect {
 text-align:center
}
.videocoverpicker-coverlist {
 position:relative;
 width:100%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 margin-top:36px
}
.videocoverpicker-coveritem {
 position:relative;
 width:112px;
 height:63.5px;
 margin:0 8px 8px 0;
 box-sizing:border-box;
 background:rgba(26,26,26,.03);
 cursor:pointer;
 border:3px solid #fff
}
.videocoverpicker-coveritem.actived {
 border-color:#0084ff
}
html[data-theme=dark] .videocoverpicker-coveritem.actived {
 border-color:#3a76d0
}
html[data-theme=dark] .videocoverpicker-coveritem {
 background:hsla(0,0%,60%,.03);
 border:3px solid #1a1a1a
}
.videocoverpicker-coveritem img {
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover
}
.videocoverpicker-coveritem:nth-child(3n 0) {
 margin-right:0
}
.videocoverpicker-coverselect .bounceloading {
 position:absolute;
 top:50%;
 left:50%;
 -webkit-transform:translate(-50%,-120%);
 transform:translate(-50%,-120%)
}
.videocoverpicker-coverselectbtn {
 width:220px;
 height:34px;
 margin:62px auto 0
}
.videocoverpicker-coverselectbtn.disabled {
 opacity:.5
}
.videocoverfileinput {
 margin-top:40px
}
.videocoverfileinput-uploader {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 box-sizing:border-box;
 height:220px;
 border:2px dashed #ebebeb;
 border-radius:10px;
 cursor:pointer
}
.videocoverfileinput-uploader:hover {
 border-color:#8590a6
}
.videocoverfileinput-uploader:hover .zi {
 fill:#999
}
html[data-theme=dark] .videocoverfileinput-uploader:hover .zi {
 fill:#646464
}
html[data-theme=dark] .videocoverfileinput-uploader:hover {
 border-color:#606a80
}
.videocoverfileinput-uploader input {
 display:none
}
html[data-theme=dark] .videocoverfileinput-uploader {
 border:2px dashed #444
}
.videocoverfileinput-uploader-icon {
 text-align:center;
 display:block
}
.videocoverfileinput-uploader-icon .zi {
 vertical-align:middle;
 fill:#ebebeb
}
html[data-theme=dark] .videocoverfileinput-uploader-icon .zi {
 fill:#444
}
.videocoverfileinput-uplaodimg .zi {
 fill:#999
}
html[data-theme=dark] .videocoverfileinput-uplaodimg .zi {
 fill:#646464
}
.videocoverfileinput-uploader-text {
 margin-top:10px;
 font-size:18px;
 line-height:30px;
 text-align:center;
 color:#444
}
html[data-theme=dark] .videocoverfileinput-uploader-text {
 color:gray
}
.videocoverfileinput-uploader-tip {
 font-size:14px;
 line-height:30px;
 text-align:center;
 color:#999
}
html[data-theme=dark] .videocoverfileinput-uploader-tip {
 color:#646464
}
.videocovercrop-range {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 margin:22px auto 30px;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.videocovercrop .rangeinput {
 margin-top:4px
}
.videocovercrop-uplaodimgfooter {
 width:100%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row
}
.videocovercrop-uplaodimgfooter button {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1
}
.videocovercrop-uplaodimgfooter button:not(:last-child) {
 margin-right:20px
}
.videocoverpickerpending {
 margin-top:100px;
 text-align:center
}
.videocoverpickerpending p {
 line-height:1.78;
 font-size:18px;
 color:#999
}
html[data-theme=dark] .videocoverpickerpending p {
 color:#646464
}
.videocoverpickerpending-nowupdate {
 margin-top:135px
}
.mask-mask {
 opacity:.03
}
.questionask-title {
 font-size:15px
}
.questionask-section {
 margin-bottom:12px
}
.questionask-section.questionask-detailsection {
 margin-top:24px
}
.questionask-section .popover {
 display:block
}
.questionask-section .taginput {
 line-height:0
}
.questionask-sectionheader {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 padding-left:13px;
 margin-bottom:8px;
 color:#8590a6
}
html[data-theme=dark] .questionask-sectionheader {
 color:#606a80
}
.questionask-label {
 color:#444
}
html[data-theme=dark] .questionask-label {
 color:gray
}
.questionask-sectionheaderright {
 margin-left:auto
}
.questionask-sectionheaderright .editable-control:last-child {
 margin-right:13px
}
.questionask-warning,html[data-theme=dark] .questionask-warning {
 color:#ff9607
}
.questionask-modal {
 width:595px
}
.questionask-error,.questionask-modal .modal-footer {
 color:#f1403c
}
html[data-theme=dark] .questionask-error,html[data-theme=dark] .questionask-modal .modal-footer {
 color:#b7302d
}
.questionask-questionitems {
 line-height:26px;
 border:1px solid #ebebeb;
 border-radius:3px;
 box-sizing:border-box
}
html[data-theme=dark] .questionask-questionitems {
 border:1px solid #444
}
.questionask-questionitem {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 padding:8px 0;
 margin-left:-8px;
 margin-right:-8px;
 color:#333333;
}
.questionask-questionitem.questionask-questionitemclose {
 color:#8590a6;
 border-bottom:1px solid #ebebeb
}
html[data-theme=dark] .questionask-questionitem.questionask-questionitemclose {
 color:#606a80;
 border-bottom:1px solid #444
}
.questionask-questiontitle {
 margin-right:14px
}
.questionask-questionanswercount {
 margin-left:auto;
 color:#8590a6;
 white-space:nowrap
}
html[data-theme=dark] .questionask-questionanswercount {
 color:#606a80
}
.questionask-anonymous {
 color:#8590a6;
 cursor:pointer
}
html[data-theme=dark] .questionask-anonymous {
 color:#606a80
}
.questionask-anonymouscheckbox {
 margin-right:8px;
 vertical-align:text-top
}
.questionedit-reasonselect {
 margin-right:8px
}
.questionedit-why {
 color:#175199
}
.questionedit-why:hover,html[data-theme=dark] .questionedit-why:hover {
 border-bottom:1px solid #175199
}
html[data-theme=dark] .questionedit-why {
 color:#175199
}
.questionask-orgquestionicon {
 margin-left:8px
}
.questionask-brandselector {
 width:100%
}
.questionask-brandselector .select-button {
 position:relative;
 padding:0 12px;
 width:100%
}
.questionask-brandselector .select-arrow {
 position:absolute;
 top:12px;
 right:12px
}
.questionask-brandselector .icon {
 margin-left:5px
}
.questionask-brandselector--no-arrow .select-arrow {
 display:none
}
.questionask-brandoption {
 padding:0 12px;
 width:488px
}
.questionask-brandoption .icon {
 margin-left:5px
}
.questionask-buttongroup {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 margin-top:28px
}
.questionask-buttongroup .button {
 width:232px;
 margin-top:28px
}
.questionask-buttongroup .button .button {
 margin-left:24px
}
.questionask-nobrandmodal {
 text-align:center
}
.questionask-link {
 color:#0084ff
}
html[data-theme=dark] .questionask-link {
 color:#3a76d0
}
.questionask-onuploadmodal,.questionask-videoalert,.questionedit-onuploadmodal,.questionedit-videoalert {
 margin:50px 16px 0;
 font-size:20px;
 text-align:center;
 color:#444
}
html[data-theme=dark] .questionask-onuploadmodal,html[data-theme=dark] .questionask-videoalert,html[data-theme=dark] .questionedit-onuploadmodal,html[data-theme=dark] .questionedit-videoalert {
 color:gray
}
.questionedit-reason {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 cursor:pointer;
 line-height:48px;
 box-shadow:inset 0 -1px 0 0 #f6f6f6
}
.questionedit-reason:last-child {
 margin-bottom:16px
}
.questionedit-reason svg {
 fill:#8590a6
}
html[data-theme=dark] .questionedit-reason svg {
 fill:#606a80
}
html[data-theme=dark] .questionedit-reason {
 box-shadow:inset 0 -1px 0 0 #2e2e2e
}
.questionask-modal .editable-videouploader-uploadposterbutton {
 bottom:-90px
}
.questioncategoryselect {
 -webkit-box-orient:vertical;
 -ms-flex-direction:column;
 flex-direction:column
}
.questioncategory,.questioncategoryselect {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-direction:normal
}
.questioncategory {
 -webkit-box-orient:horizontal;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 padding-bottom:15px;
 padding-top:26px
}
.questioncategory:hover {
 cursor:pointer
}
.questioncategory .questioncategory {
 border-top:1px solid #ebebeb
}
html[data-theme=dark] .questioncategory .questioncategory {
 border-top:1px solid #444
}
.questioncategory-content {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 width:320px
}
.questioncategory-title {
 font-size:17px;
 color:#1a1a1a
}
html[data-theme=dark] .questioncategory-title {
 color:#999
}
.questioncategory-desc {
 margin-top:10px;
 font-size:14px;
 color:#8590a6
}
html[data-theme=dark] .questioncategory-desc {
 color:#606a80
}
.questioncategory-link,html[data-theme=dark] .questioncategory-link {
 color:#175199
}
.questioncategory-arrow {
 margin-left:22px;
 color:#bfbfbf;
 -webkit-transform:rotate(-90deg);
 transform:rotate(-90deg)
}
html[data-theme=dark] .questioncategory-arrow {
 color:gray
}
.questioncategory-buttongroup {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 margin-top:48px
}
.questioncategory-buttongroup .button {
 width:168px
}
.questionask-error {
 color:#f1403c
}
html[data-theme=dark] .questionask-error {
 color:#b7302d
}
.searchbar-topsearchitem {
 display:-webkit-inline-box;
 display:-ms-inline-flexbox;
 display:inline-flex;
 font-size:14px;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 padding:4px 0;
 height:32px;
 box-sizing:border-box;
 margin:2px 0
}
.searchbar-hoticon {
 margin-left:5px
}
.searchbar-historyitem {
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 font-size:14px;
 padding:6px 0;
 line-height:24px
}
.searchbar-historyitem,.searchbar-historyitemcontent {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.searchbar-historyitemcontent.bluefont,html[data-theme=dark] .searchbar-historyitemcontent.bluefont {
 color:#175199
}
.searchbar-historylabel {
 padding:7px 0;
 margin-right:16px;
 margin-left:16px;
 font-size:14px;
 color:#8590a6;
 border-bottom:1px solid #ebebeb;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between
}
html[data-theme=dark] .searchbar-historylabel {
 color:#606a80;
 border-bottom:1px solid #444
}
.searchbar-historyiconwrapper {
 position:relative
}
.searchbar-historyiconwrapper svg {
 fill:#8590a6
}
html[data-theme=dark] .searchbar-historyiconwrapper svg {
 fill:#606a80
}
.searchbar-historyiconwrapper:hover,html[data-theme=dark] .searchbar-historyiconwrapper:hover {
 color:#175199
}
.searchbar-historyiconwrapper:hover svg,html[data-theme=dark] .searchbar-historyiconwrapper:hover svg {
 fill:#175199
}
.searchbar-historyiconshade {
 position:absolute;
 width:100%;
 height:100%;
 cursor:pointer
}
.searchbar-historylabeldeleteall {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.searchbar-historydelete {
 display:none
}
.searchbar-historyitem:hover .searchbar-historydelete {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.searchbar-historydeleteall {
 cursor:pointer
}
.searchbar {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.searchbar-toolwrapper {
 position:relative;
 z-index:104;
 width:326px
}
.searchbar-tool {
 position:relative;
 float:left;
 overflow:hidden
}
.searchbar-tool .popover {
 display:block
}
.searchbar-groupitem--topsearch {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 padding:10px
}
.searchbar-groupitem--hisotry {
 display:block
}
.searchbar-menu {
 width:400px;
 padding-bottom:0;
 overflow-x:hidden
}
.searchbar-menu.searchbar-hasvaluemenu .autocomplete-group:last-child .menu-item {
 height:40px;
 padding:0;
 margin-top:8px;
 line-height:40px;
 color:#8590a6
}
.searchbar-menu.searchbar-hasvaluemenu .autocomplete-group:last-child .menu-item:not(.is-active) {
 background:#f6f6f6
}
html[data-theme=dark] .searchbar-menu.searchbar-hasvaluemenu .autocomplete-group:last-child .menu-item:not(.is-active) {
 background:#2e2e2e
}
html[data-theme=dark] .searchbar-menu.searchbar-hasvaluemenu .autocomplete-group:last-child .menu-item {
 color:#606a80
}
.searchbar-menu.searchbar-novaluemenu {
 padding-bottom:8px
}
.searchbar-menu em {
 color:#8590a6;
 font-style:normal
}
html[data-theme=dark] .searchbar-menu em {
 color:#606a80
}
.searchbar-menu .bluefont em,html[data-theme=dark] .searchbar-menu .bluefont em {
 color:#175199
}
.searchbar-contentresult,.searchbar-defaultresult,.searchbar-peopleresult,.searchbar-topicresult {
 display:block;
 padding:10px 0;
 font-size:14px;
 box-sizing:border-box
}
.searchbar-label {
 padding:7px 0;
 margin-right:16px;
 margin-left:16px;
 font-size:14px;
 color:#8590a6;
 border-bottom:1px solid #ebebeb
}
.searchbar-label--history {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between
}
html[data-theme=dark] .searchbar-label {
 color:#606a80;
 border-bottom:1px solid #444
}
.searchbar-peopleresult {
 padding:13px 0
}
.searchbar-peopleresult .authorinfo {
 padding-top:0
}
.searchbar-peopleresult .authorinfo-name {
 font-weight:400
}
.searchbar-peopleresult .authorinfo-badge {
 font-size:13px;
 color:#8590a6
}
html[data-theme=dark] .searchbar-peopleresult .authorinfo-badge {
 color:#606a80
}
.searchbar-useravatar {
 border-radius:3px
}
.searchbar-user {
 display:inline-block;
 margin-left:16px
}
.searchbar-userheadline {
 margin-top:2px;
 font-size:13px;
 color:#8590a6
}
html[data-theme=dark] .searchbar-userheadline {
 color:#606a80
}
.searchbar-contentsuffix,.searchbar-topicsuffix {
 margin-left:8px;
 font-size:13px;
 color:#8590a6;
 white-space:nowrap
}
html[data-theme=dark] .searchbar-contentsuffix,html[data-theme=dark] .searchbar-topicsuffix {
 color:#606a80
}
.searchbar-searchlink {
 display:block;
 font-size:14px;
 color:#8590a6;
 text-align:center;
 cursor:pointer
}
html[data-theme=dark] .searchbar-searchlink {
 color:#606a80
}
.searchbar-askbutton {
 z-index:103;
 padding:0 14px;
 margin-left:16px;
 transition:opacity .3s ease,-webkit-transform .3s ease;
 transition:opacity .3s ease,transform .3s ease;
 transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;
 line-height:30px
}
.searchbar-hiddenaskbutton {
 opacity:0;
 -webkit-transform:scale(0);
 transform:scale(0)
}
.searchbar-input {
 width:326px;
 padding-left:16px;
 transition:width .2s ease,background .3s ease
}
.searchbar-focusedinput {
 width:400px
}
.searchbar-searchicon {
 position:absolute;
 right:-11px;
 top:-17px;
 bottom:-17px;
 background:transparent;
 border:transparent;
 padding:0 12px;
 border-bottom-left-radius:0;
 border-top-left-radius:0;
 transition:fill .3s ease
}
.searchbar-focusedsearchicon .icon {
 fill:#0084ff
}
html[data-theme=dark] .searchbar-focusedsearchicon .icon {
 fill:#3a76d0
}
.searchbar-hasvaluesearchicon .icon {
 fill:#fff
}
html[data-theme=dark] .searchbar-hasvaluesearchicon .icon {
 fill:#1a1a1a
}
.searchbar-icondecorator {
 position:absolute;
 top:0;
 right:-40px;
 width:40px;
 height:36px;
 border-radius:0 3px 3px 0;
 transition:all .3s ease;
 transition-delay:.1s;
 z-index:101;
 background:#0084ff;
 opacity:0
}
html[data-theme=dark] .searchbar-icondecorator {
 background:#3a76d0
}
.searchbar-shownicondecorator {
 opacity:1;
 -webkit-transform:translatex(-40px);
 transform:translatex(-40px);
 transition-delay:0
}
.searchbar-menu .menu-item {
 padding:0 16px
}
.appheaderprofilemenu-item {
 height:36px;
 line-height:36px
}
.appheader-profileavatar {
 vertical-align:top
}
.orgzhihulogo {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 font-size:18px
}
.orgzhihulogo-appname {
 margin-left:15px;
 border-left:1px solid #cfdae6;
 padding-left:10px;
 line-height:28px
}
.orgappheader {
 position:relative;
 z-index:100;
 min-width:1032px;
 overflow:hidden;
 background:#fff;
 box-shadow:0 1px 3px rgba(26,26,26,.1);
 background-clip:content-box
}
html[data-theme=dark] .orgappheader {
 box-shadow:0 1px 3px rgba(0,0,0,.3)
}
.orgappheader.is-fixed {
 z-index:100
}
.orgappheader-inner {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 position:relative;
 margin:0 auto;
 padding:0 16px;
 width:1000px;
 height:52px;
 transition:-webkit-transform .3s;
 transition:transform .3s;
 transition:transform .3s,-webkit-transform .3s
}
.orgappheader.is-hidden .orgappheader-inner {
 -webkit-transform:translatey(-100%);
 transform:translatey(-100%)
}
.orgappheader-userinfo {
 color:#444
}
.orgappheader-userinfo .button {
 margin-left:16px
}
html[data-theme=dark] .orgappheader {
 background:#1a1a1a
}
.privacyconfirm-modal {
 width:640px;
 height:532px
}
.privacyconfirm-modal .modal-inner {
 border-radius:8px;
 overflow:hidden
}
.privacyconfirm-modal .modal-content {
 padding:0
}
.privacyconfirm {
 position:relative;
 font-size:13px;
 line-height:1.54;
 color:#444;
 padding-bottom:80px
}
.privacyconfirm a {
 color:#0084ff
}
html[data-theme=dark] .privacyconfirm a {
 color:#3a76d0
}
.privacyconfirm p {
 margin:10px 0
}
html[data-theme=dark] .privacyconfirm {
 color:gray
}
.privacyconfirm-inner {
 height:340px;
 overflow:auto;
 padding:0 30px
}
.privacyconfirm-title {
 color:#1a1a1a;
 font-size:21px;
 font-weight:600;
 font-synthesis:style;
 text-align:center;
 margin-bottom:24px
}
html[data-ios] .privacyconfirm-title {
 font-weight:500
}
html[data-android] .privacyconfirm-title {
 font-weight:700
}
html[data-theme=dark] .privacyconfirm-title {
 color:#999
}
.privacyconfirm-section {
 color:#1a1a1a;
 font-size:16px;
 line-height:1;
 font-weight:600;
 font-synthesis:style;
 border-left:3px solid #0084ff;
 padding-left:8px;
 margin:20px 0 10px
}
html[data-ios] .privacyconfirm-section {
 font-weight:500
}
html[data-android] .privacyconfirm-section {
 font-weight:700
}
html[data-theme=dark] .privacyconfirm-section {
 color:#999;
 border-left:3px solid #3a76d0
}
.privacyconfirm-buttons {
 position:absolute;
 bottom:0;
 width:100%;
 background-color:#fff;
 text-align:center;
 padding:20px 0;
 border-top:solid #d3d3d3;
 border-top:.5px solid #d3d3d3
}
html[data-hairline] .privacyconfirm-buttons {
 border-top:1px solid #d3d3d3;
 -o-border-image: 1 0 0 0;
 border-image: 1 0 0 0
}
html[data-theme=dark] html[data-hairline] .privacyconfirm-buttons {
 border-top:1px solid #2e2e2e
}
.privacyconfirm-buttons button {
 width:180px;
 height:40px
}
.privacyconfirm-buttons button:first-child:not(:last-child) {
 margin-right:60px;
 background-color:#ebebeb;
 border-color:#ebebeb;
 color:gray
}
html[data-theme=dark] .privacyconfirm-buttons button:first-child:not(:last-child) {
 background-color:#444;
 border-color:#444;
 color:gray
}
html[data-theme=dark] .privacyconfirm-buttons {
 background-color:#1a1a1a;
 border-top:solid #2e2e2e;
 border-top:.5px solid #2e2e2e
}
.privacyconfirm-refusemodal {
 width:390px
}
.privacyconfirm-refusemodal .modal-inner {
 border-radius:8px
}
.privacyconfirm-refusemodal .privacyconfirm-buttons {
 position:relative;
 margin-top:20px
}
.privacyconfirm-refusemodal .modal-content {
 padding:0
}
.privacyconfirm-refusemodal .modal-content div:first-child {
 padding:0 7.4%
}
.privacyconfirm-privacyanchor {
 outline:none!important
}
.privacyconfirm-center {
 text-align:center
}
.appheader {
 position:relative;
 z-index:100;
 min-width:1032px;
 overflow:hidden;
 background:#fff;
 box-shadow:0 1px 3px rgba(26,26,26,.1);
 background-clip:content-box
}
html[data-theme=dark] .appheader {
 box-shadow:0 1px 3px rgba(0,0,0,.3)
}
.appheader.is-fixed {
 z-index:100
}
html[data-theme=dark] .appheader {
 background:#1a1a1a
}
.appheader-inner {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 width:1000px;
 height:52px;
 padding:0 16px;
 margin:0 auto;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 transition:-webkit-transform .3s;
 transition:transform .3s;
 transition:transform .3s,-webkit-transform .3s
}
.appheader.is-hidden .appheader-inner {
 -webkit-transform:translatey(-100%);
 transform:translatey(-100%)
}
.appheader-nav {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 height:30px;
 margin-right:18px;
 margin-left:27px;
 color:#999
}
html[data-theme=dark] .appheader-nav {
 color:#646464
}
.appheader-navitem {
 padding:0 15px;
 font-size:15px;
 line-height:30px;
 color:#8590a6
}
.appheader-navitem:hover,html[data-theme=dark] .appheader-navitem:hover {
 color:#175199
}
.appheader-navitem.is-active {
 color:#444
}
html[data-theme=dark] .appheader-navitem.is-active {
 color:gray
}
.appheader-navitem:first-child {
 padding-left:0
}
html[data-theme=dark] .appheader-navitem {
 color:#606a80
}
.appheader-input {
 width:345px
}
.appheader-userinfo {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 -webkit-box-pack:end;
 -ms-flex-pack:end;
 justify-content:flex-end;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.appheader-messages,.appheader-notifications {
 margin-right:40px
}
.appheader-login {
 margin-right:16px
}
.appheader-downloadpopover {
 padding:16px
}
.appheader-downloadpopoverimage {
 width:120px
}
.appheader-fakebutton {
 font-size:20px
}
.appheader-fakebutton:not(:last-child) {
 margin-right:40px
}
.adblockbanner {
 position:relative;
 z-index:100;
 min-width:1000px;
 padding:16px;
 line-height:28px;
 color:#8590a6;
 text-align:center;
 background-color:#ebebeb
}
html[data-theme=dark] .adblockbanner {
 color:#606a80;
 background-color:#444
}
.adblockbanner-inner {
 width:1000px;
 padding:0 24px;
 margin:0 auto;
 box-sizing:border-box
}
.adblockbanner-inner a:hover {
 border-bottom:1px solid #8590a6
}
html[data-theme=dark] .adblockbanner-inner a:hover {
 border-bottom:1px solid #606a80
}
.adblockbanner-close {
 position:absolute;
 top:16px;
 right:16px
}
.adblockbanner-close .icon {
 display:block
}
.app-main {
 display:block
}
.u-ellipsis {
 overflow:hidden;
 text-overflow:ellipsis;
 word-wrap:normal;
 white-space:nowrap
}
.app-loginguidemodal {
 width:400px
}
.app-loginbutton,.app-registerbutton {
 display:block;
 width:220px;
 height:36px;
 margin:0 auto;
 font-size:14px;
 text-align:center
}
.app-loginbutton {
 margin-top:28px;
 color:#fff
}
html[data-theme=dark] .app-loginbutton {
 color:#1a1a1a
}
.app-registerbutton {
 margin-top:52px;
 margin-bottom:12px;
 color:#8590a6
}
html[data-theme=dark] .app-registerbutton {
 color:#606a80
}
.entrysign-body {
 overflow:hidden
}
.entrysign-body .appheader {
 display:none
}
.signflowhomepage {
 background-image:;
 background-repeat:no-repeat;
 background-color:#b8e5f8;
 background-size:cover;
 width:100%;
 height:100vh;
 overflow:auto;
 padding-right:15px
}
.signflowhomepage .card {
 overflow:visible
}
.signflowhomepage-content {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 border-radius:2px;
 min-height:688px;
 height:calc(100% - 42px);
 box-sizing:border-box
}
.signflowhomepage-downloadbtn {
 margin-top:30px;
 background:#8590a6;
 border:none;
 color:#fff;
 width:432px;
 height:42px
}
.signflowhomepage-downloadbtn:hover {
 background:#8590a6
}
html[data-theme=dark] .signflowhomepage-downloadbtn,html[data-theme=dark] .signflowhomepage-downloadbtn:hover {
 background:#606a80
}
html[data-theme=dark] .signflowhomepage-downloadbtn {
 color:#1a1a1a
}
.signflowhomepage-qrimage {
 position:absolute;
 z-index:0;
 left:0;
 right:0;
 height:100%;
 bottom:0;
 transition:opacity .3s,height .3s
}
.signflowhomepage-qrimage div {
 width:100%;
 height:100%;
 box-sizing:border-box;
 background-color:#fff;
 background-size:250px 250px;
 background-position:50%;
 background-repeat:no-repeat;
 background-image:;
 box-shadow:0 0 8px 0 rgba(26,26,26,.15);
 border-radius:2px
}
html[data-theme=dark] .signflowhomepage-qrimage div {
 background-color:#1a1a1a;
 box-shadow:0 0 8px 0 hsla(0,0%,60%,.15)
}
.signflowhomepage-qrimage:after,.signflowhomepage-qrimage:before {
 content:"";
 position:absolute;
 bottom:-7px;
 -webkit-transform:translate(-50%) rotate(45deg);
 transform:translate(-50%) rotate(45deg);
 left:50%;
 width:20px;
 height:20px;
 background:#fff;
 border-radius:4px
}
html[data-theme=dark] .signflowhomepage-qrimage:after,html[data-theme=dark] .signflowhomepage-qrimage:before {
 background:#1a1a1a
}
.signflowhomepage-qrimage:after {
 box-shadow:0 0 8px 0 rgba(26,26,26,.15);
 z-index:-1
}
html[data-theme=dark] .signflowhomepage-qrimage:after {
 box-shadow:0 0 8px 0 hsla(0,0%,60%,.15)
}
.signflowhomepage-qrimagehidden {
 opacity:0;
 height:0;
 bottom:0
}
.signflowhomepage-qrimagehidden:after,.signflowhomepage-qrimagehidden:before {
 display:none
}
.signflowhomepage-footer {
 font-size:12px;
 line-height:21px;
 text-align:center;
 color:#fff;
 text-shadow:0 1px 2px #999
}
html[data-theme=dark] .signflowhomepage-footer {
 color:#1a1a1a;
 text-shadow:0 1px 2px #646464
}
.zhihuintegrity {
 border-top:1px solid #ebebeb;
 width:420px;
 margin:10px auto;
 padding-top:10px
}
.zhihuintegrity>div {
 cursor:pointer;
 display:inline-block;
 position:relative;
 line-height:26px;
 z-index:0
}
.zhihuintegrity img {
 position:absolute;
 left:-34px;
 z-index:-1;
 width:138px;
 height:26px
}
html[data-theme=dark] .zhihuintegrity {
 border-top:1px solid #444
}
.signflowhomepage-footer a:not(:last-child):after,.signflowhomepage-footer span:not(:last-child):after {
 content:" \b7   ";
 white-space:pre;
 display:inline-block
}
.signflowhomepage-footer a:hover {
 text-decoration:underline
}
.userstatus {
 width:100%;
 height:60px;
 line-height:60px;
 color:#1a1a1a;
 text-align:center;
 background-color:rgba(133,144,166,.08)
}
.userstatus,.userstatus .button {
 font-size:15px
}
html[data-theme=dark] .userstatus {
 color:#999;
 background-color:rgba(96,106,128,.08)
}
.userstatus-warntext {
 margin-left:8px
}
.useravatar {
 display:inline-block;
 overflow:hidden;
 vertical-align:top;
 background-color:#fff;
 border:4px solid #fff;
 border-radius:8px
}
html[data-theme=dark] .useravatar {
 background-color:#1a1a1a;
 border:4px solid #1a1a1a
}
.useravatar-inner {
 vertical-align:top
}
.useravatar-holder,.useravatar-round {
 width:160px;
 height:160px
}
.useravatar-round {
 border-radius:50%
}
.uploadimagemodal-modal {
 text-align:center
}
.uploadimagemodal-modal div {
 display:block
}
.uploadimagemodal-container {
 width:100%;
 height:100%;
 margin:0 auto 30px;
 cursor:move
}
.uploadimagemodal-container canvas {
 vertical-align:top
}
.useravatareditor {
 cursor:pointer;
 position:relative
}
.useravatareditor-avatar {
 background:#f6f6f6;
 border:4px solid #fff;
 border-radius:8px
}
html[data-theme=dark] .useravatareditor-avatar {
 background:#2e2e2e;
 border:4px solid #1a1a1a
}
.useravatareditor-title {
 font-size:24px;
 color:#1a1a1a
}
html[data-theme=dark] .useravatareditor-title {
 color:#999
}
.useravatareditor-subtitle {
 font-size:14px;
 color:#8590a6
}
html[data-theme=dark] .useravatareditor-subtitle {
 color:#606a80
}
.useravatareditor-range {
 width:200px;
 margin:20px 10px
}
.useravatareditor-maskinner {
 z-index:4;
 border:4px solid #fff;
 border-radius:8px
}
html[data-theme=dark] .useravatareditor-maskinner {
 border:4px solid #1a1a1a
}
.useravatareditor-maskinnertext {
 white-space:nowrap
}
.useravatareditor-cameraicon {
 margin-bottom:14px;
 fill:#fff
}
html[data-theme=dark] .useravatareditor-cameraicon {
 fill:#1a1a1a
}
.useravatareditor-maskroundinner {
 border-radius:50%
}
.usercover {
 position:relative;
 height:240px;
 overflow:hidden;
 background:#f6f6f6;
 border-top-right-radius:1px;
 border-top-left-radius:1px;
 transition:height .3s
}
html[data-theme=dark] .usercover {
 background:#2e2e2e
}
.usercover--colorblock {
 height:132px;
 background:#999
}
html[data-theme=dark] .usercover--colorblock {
 background:#646464
}
.usercover-image {
 transition:-webkit-transform 6s ease-out;
 transition:transform 6s ease-out;
 transition:transform 6s ease-out,-webkit-transform 6s ease-out
}
.usercover-image,.usercover-image img {
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover
}
.dynamiccolorbutton {
 color:#d3d3d3;
 transition:color,border-color .3s
}
.dynamiccolorbutton svg {
 fill:currentcolor
}
html[data-theme=dark] .dynamiccolorbutton {
 color:#2e2e2e
}
.dynamiccolorbutton--dark {
 color:rgba(26,26,26,.6);
 border-color:rgba(26,26,26,.12)
}
.dynamiccolorbutton--dark:hover {
 background:rgba(26,26,26,.03)
}
html[data-theme=dark] .dynamiccolorbutton--dark:hover {
 background:hsla(0,0%,60%,.03)
}
html[data-theme=dark] .dynamiccolorbutton--dark {
 color:hsla(0,0%,60%,.6);
 border-color:hsla(0,0%,60%,.12)
}
.dynamiccolorbutton--white {
 color:hsla(0,0%,100%,.7);
 border-color:hsla(0,0%,100%,.24)
}
.dynamiccolorbutton--white:hover {
 background:hsla(0,0%,100%,.04)
}
html[data-theme=dark] .dynamiccolorbutton--white:hover {
 background:rgba(26,26,26,.04)
}
html[data-theme=dark] .dynamiccolorbutton--white {
 color:rgba(26,26,26,.7);
 border-color:rgba(26,26,26,.24)
}
.usercoverguide {
 position:absolute;
 z-index:2;
 width:100%;
 height:100%;
 overflow:hidden;
 border-top-right-radius:1px;
 border-top-left-radius:1px
}
.usercoverguide.is-active .is-playing {
 opacity:1
}
.usercoverguide.is-active .usercoverguide-dialog {
 opacity:1;
 -webkit-transform:translatey(0);
 transform:translatey(0)
}
.usercoverguide-inner {
 position:relative;
 z-index:2;
 float:right;
 padding:24px
}
.usercoverguide-buttoncontainer {
 margin-bottom:14px;
 text-align:right
}
.usercoverguide-dialog {
 position:relative;
 width:286px;
 padding:22px 16px;
 background-color:#fff;
 border-radius:4px;
 opacity:0;
 -webkit-transform:translatey(-10px);
 transform:translatey(-10px);
 transition:opacity .3s,-webkit-transform .3s;
 transition:opacity .3s,transform .3s;
 transition:opacity .3s,transform .3s,-webkit-transform .3s
}
.usercoverguide-dialog:after {
 position:absolute;
 right:60px;
 bottom:100%;
 border-color:transparent transparent #fff;
 border-style:solid;
 border-width:7px;
 content:""
}
html[data-theme=dark] .usercoverguide-dialog:after {
 border-color:transparent transparent #1a1a1a
}
html[data-theme=dark] .usercoverguide-dialog {
 background-color:#1a1a1a
}
.usercoverguide-dialogcontent {
 font-size:14px;
 line-height:1.7
}
.usercoverguide-dialogcontent a {
 color:#175199;
 cursor:pointer
}
.usercoverguide-dialogcontent a:hover {
 text-decoration:underline
}
html[data-theme=dark] .usercoverguide-dialogcontent a {
 color:#175199
}
.usercoverguide-dialogdescription,.usercoverguide-dialoghead {
 margin:0 0 6px
}
.usercoverguide-item,.usercoverguide-items {
 width:100%;
 height:100%
}
.usercoverguide-item {
 position:absolute;
 background-position:50%;
 background-repeat:no-repeat;
 background-size:cover;
 opacity:0;
 transition:opacity .5s
}
.usercovereditor {
 position:relative
}
.usercovereditor-simpleeditbutton {
 position:absolute;
 top:24px;
 right:24px;
 z-index:2
}
.usercovereditor-editor {
 position:relative;
 z-index:2
}
.usercovereditor-editor canvas {
 vertical-align:top
}
.usercovereditor-action {
 position:absolute;
 width:100%;
 height:80px;
 background:#fff;
 border-bottom:1px solid #ebebeb;
 box-shadow:0 1px 3px rgba(26,26,26,.1)
}
html[data-theme=dark] .usercovereditor-action {
 box-shadow:0 1px 3px rgba(0,0,0,.3);
 background:#1a1a1a;
 border-bottom:1px solid #444
}
.usercovereditor-actioncontent {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 height:100%;
 margin:0 24px
}
.usercovereditor-actioncontent .button .button {
 margin-left:16px
}
.usercovereditor-actiontitle {
 font-size:20px;
 color:#1a1a1a
}
html[data-theme=dark] .usercovereditor-actiontitle {
 color:#999
}
.usercovereditor-actiondescription {
 font-size:13px;
 color:#8590a6
}
html[data-theme=dark] .usercovereditor-actiondescription {
 color:#606a80
}
.usercovereditor-rangeinput {
 display:inline-block
}
.usercovereditor-cameraicon {
 margin-bottom:14px;
 fill:#fff
}
html[data-theme=dark] .usercovereditor-cameraicon {
 fill:#1a1a1a
}
.usercovereditor-loadingcanvas {
 width:100%;
 height:100%
}
.usercovereditor-leftmasker {
 left:0;
 position:absolute;
 z-index:20;
 height:100%;
 width:calc(50% - 240px);
 background-color:hsla(0,0%,100%,.5);
 display:inline-block
}
html[data-theme=dark] .usercovereditor-leftmasker {
 background-color:rgba(26,26,26,.5)
}
.usercovereditor-rightmasker {
 right:0;
 position:absolute;
 z-index:20;
 height:100%;
 width:calc(50% - 240px);
 background-color:hsla(0,0%,100%,.5);
 display:inline-block
}
html[data-theme=dark] .usercovereditor-rightmasker {
 background-color:rgba(26,26,26,.5)
}
.profileheader {
 position:relative;
 width:1000px;
 padding:0 16px;
 margin:10px auto
}
.profileheader-wrapper {
 position:relative;
 width:100%;
 background:#fff;
 box-sizing:border-box
}
html[data-theme=dark] .profileheader-wrapper {
 background:#1a1a1a
}
.profileheader-main {
 position:relative;
 margin:0 20px 24px
}
.profileheader-avatar {
 position:absolute;
 top:-25px;
 left:0;
 z-index:1
}
.profileedit--org .profileheader-avatar,.profileheader--org .profileheader-avatar {
 top:-60px
}
.profileheader-content {
 padding-top:16px;
 padding-left:32px;
 border-left:164px solid transparent
}
.profileheader-contenthead {
 position:relative;
 padding-right:106px;
 margin-bottom:16px
}
.profileheader-contenthead .button--plain {
 position:absolute;
 top:8px;
 right:0
}
.profileheader-contenthead .button--plain:hover {
 color:gray
}
.profileheader-contenthead .button--plain:hover .icon {
 fill:#999
}
html[data-theme=dark] .profileheader-contenthead .button--plain:hover .icon {
 fill:#646464
}
html[data-theme=dark] .profileheader-contenthead .button--plain:hover {
 color:gray
}
.profileheader-contenthead .followstatus {
 position:absolute;
 right:0;
 bottom:0;
 padding:3px 6px
}
.profileheader-contentbody {
 position:relative;
 width:524px;
 overflow:hidden
}
.content-enter {
 top:0;
 opacity:0
}
.content-enter-active {
 opacity:1;
 transition:opacity .3s ease-out
}
.content-leave {
 position:absolute;
 opacity:1
}
.content-leave-active {
 opacity:0;
 transition:opacity .3s ease-out
}
.profileheader-title {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.profileheader-name {
 font-size:26px;
 font-weight:600;
 font-synthesis:style;
 line-height:30px
}
html[data-ios] .profileheader-name {
 font-weight:500
}
html[data-android] .profileheader-name {
 font-weight:700
}
.profileheader-badge {
 margin-left:12px;
 vertical-align:2px
}
.profileheader-badge.is-unverified {
 color:#8590a6
}
.profileheader-badge.is-unverified .icon {
 margin-right:4px
}
html[data-theme=dark] .profileheader-badge.is-unverified {
 color:#606a80
}
.profileheader-detailvalue a,.profileheader-headline a {
 border:none!important
}
.profileheader-detailvalue a:hover,.profileheader-headline a:hover,html[data-theme=dark] .profileheader-detailvalue a:hover,html[data-theme=dark] .profileheader-headline a:hover {
 color:#175199
}
.profileheader-headline {
 margin-left:12px;
 font-size:18px;
 white-space:nowrap
}
.profileheader-info {
 font-size:14px;
 line-height:20px;
 box-sizing:border-box
}
.profileheader--org .profileheader-info {
 margin-bottom:36px;
 overflow:hidden;
 font-size:18px;
 text-overflow:ellipsis;
 white-space:nowrap
}
.profileheader-divider {
 display:inline-block;
 width:1px;
 height:10px;
 margin:0 8px;
 background:#ebebeb
}
html[data-theme=dark] .profileheader-divider {
 background:#444
}
.profileheader-infoitem {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.profileheader-infoitem:not(:last-child) {
 margin-bottom:10px
}
.profileheader-iconwrapper {
 display:inline-block;
 width:18px;
 height:18px;
 margin-right:12px;
 text-align:center;
 color:#8590a6
}
html[data-theme=dark] .profileheader-iconwrapper {
 color:#606a80
}
.profileheader-arrowicon.is-active {
 -webkit-transform:rotate(180deg);
 transform:rotate(180deg)
}
.profileheader-contentfooter {
 position:relative;
 padding-top:8px
}
.profileheader-expandbutton {
 line-height:1
}
.profileheader-expandbutton .icon {
 margin:0 16px 0 4px
}
.profileheader-buttons {
 position:absolute;
 right:0;
 bottom:0
}
.profileheader-detail {
 width:100%;
 font-size:14px;
 line-height:1.8;
 color:#1a1a1a
}
html[data-theme=dark] .profileheader-detail {
 color:#999
}
.profileheader-detailitem {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 margin-bottom:18px
}
.profileheader-detaillabel {
 width:60px;
 margin-right:37px;
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .profileheader-detaillabel {
 font-weight:500
}
html[data-android] .profileheader-detaillabel {
 font-weight:700
}
.profileheader-detailvalue {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 overflow:hidden
}
.profileheader-field {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.profileheader-field:not(:first-child) {
 margin-top:12px
}
.profileheader-itemavatar {
 width:18px;
 height:18px;
 margin-right:12px
}
.profileheader-defaultcover {
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover
}
.profileheader-tips {
 font-size:14px;
 color:#8590a6
}
html[data-theme=dark] .profileheader-tips {
 color:#606a80
}
.pageheader {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 transition:-webkit-transform .3s;
 transition:transform .3s;
 transition:transform .3s,-webkit-transform .3s
}
.pageheader:not(.is-shown) {
 -webkit-transform:translatey(100%);
 transform:translatey(100%)
}
.profilemain-avatar .avatar {
 display:block;
 cursor:pointer
}
.pageheader .profilemain-header {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 width:1000px;
 height:100%;
 padding:0 16px;
 margin:0 auto
}
.pageheader .profilemain-tabs {
 border-bottom:none
}
.profilemain-tabs {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1
}
.profilemain-tabs .tabs-meta {
 font-weight:400
}
.profilemain-menutoggler {
 font-size:16px;
 color:#1a1a1a
}
html[data-theme=dark] .profilemain-menutoggler {
 color:#999
}
.profilemain-tabicon {
 margin-left:4px
}
.profile-popovermenuitem {
 height:40px;
 font-size:16px;
 line-height:40px;
 color:#1a1a1a
}
.profile-popovermenuitem.is-active {
 background:#f6f6f6
}
html[data-theme=dark] .profile-popovermenuitem.is-active {
 background:#2e2e2e
}
html[data-theme=dark] .profile-popovermenuitem {
 color:#999
}
.profile-popovermenuitem .link-meta {
 font-size:14px;
 color:#8590a6
}
html[data-theme=dark] .profile-popovermenuitem .link-meta {
 color:#606a80
}
body:not(.body--isappledevice) .profilemain-tabs .is-active {
 font-weight:600;
 font-synthesis:style
}
html[data-ios] body:not(.body--isappledevice) .profilemain-tabs .is-active {
 font-weight:500
}
html[data-android] body:not(.body--isappledevice) .profilemain-tabs .is-active {
 font-weight:700
}
.profilemainprivacy-maincontentwrapper {
 height:383px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.profilemainprivacy-maincontent {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 margin-top:86px;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 color:#8590a6
}
html[data-theme=dark] .profilemainprivacy-maincontent {
 color:#606a80
}
.profilemainprivacy-maincontenttext {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 margin-top:20px
}
.profilemainprivacy-maincontentlink {
 font-size:15px
}
.profilemainprivacy-authwrapper {
 display:inline-block
}
.profilemainprivacy-pointerwrapper {
 cursor:pointer
}
.profilelockstatus {
 position:fixed;
 top:50%;
 left:50%;
 -webkit-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%)
}
.profilelockstatus-title {
 margin:42px 0 10px;
 font-size:20px;
 font-weight:600;
 font-synthesis:style;
 color:#1a1a1a
}
html[data-ios] .profilelockstatus-title {
 font-weight:500
}
html[data-android] .profilelockstatus-title {
 font-weight:700
}
html[data-theme=dark] .profilelockstatus-title {
 color:#999
}
.profilelockstatus-subtitle {
 margin-bottom:23px;
 font-size:16px;
 color:#8590a6
}
html[data-theme=dark] .profilelockstatus-subtitle {
 color:#606a80
}
.profilelockstatus-avatar {
 display:block;
 width:140px;
 height:140px;
 margin:0 auto;
 border-radius:50%
}
.profilelockstatus-redirect {
 display:block;
 margin:0 auto;
 text-decoration:underline
}
.profilelockstatus-redirect:hover,html[data-theme=dark] .profilelockstatus-redirect:hover {
 color:rgba(23,81,153,.72)
}
.profilelockstatus-redirect:active,html[data-theme=dark] .profilelockstatus-redirect:active {
 color:#175199
}
.profilelockstatus-avatar,.profilelockstatus-redirect,.profilelockstatus-subtitle,.profilelockstatus-title {
 text-align:center
}
.orgcreatebutton {
 border:none;
 padding:0
}
.orgcreatebutton-logoutmodal p {
 padding:0 24px;
 text-align:center
}
.footer {
 padding:10px 0 10px 5px;
 font-size:13px;
 line-height:2;
 color:#8590a6
}
html[data-theme=dark] .footer {
 color:#606a80
}
.footer-dot:after {
 margin:0 5px;
 content:"\b7"
}
.footer-item {
 display:inline-block
}
a.footer-item:hover {
 color:#175199;
 cursor:pointer
}
html[data-theme=dark] a.footer-item:hover {
 color:#175199
}
.icongraf {
 margin-bottom:12px
}
.icongraf:last-child {
 margin-bottom:0
}
.icongraf-iconwrapper {
 display:inline-block;
 width:28px
}
.icongraf-icon {
 fill:#8590a6
}
html[data-theme=dark] .icongraf-icon {
 fill:#606a80
}
.sideitem {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 padding:20px 0;
 margin-bottom:24px
}
.sideitem:last-child {
 margin-bottom:0
}
.sideitem-image {
 padding-top:3px
}
.sideitem--multiline .sideitem-image {
 padding-top:0
}
.sideitem-image img {
 vertical-align:top
}
.sideitem-content {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 padding-left:20px
}
.sideitem-title {
 font-size:15px;
 color:#1a1a1a
}
.sideitem--multiline .sideitem-title {
 font-size:18px
}
html[data-theme=dark] .sideitem-title {
 color:#999
}
.sideitem-description {
 max-height:52px;
 margin-top:2px;
 overflow:hidden;
 font-size:14px;
 color:#8590a6;
 text-overflow:ellipsis
}
.sideitem--multiline .sideitem-description {
 margin-top:8px
}
html[data-theme=dark] .sideitem-description {
 color:#606a80
}
.publication-title:hover,html[data-theme=dark] .publication-title:hover {
 color:#175199
}
.publications-content {
 padding:4px 20px
}
.publication-item:not(:first-child) {
 display:block;
 border-top:1px solid #f6f6f6
}
html[data-theme=dark] .publication-item:not(:first-child) {
 border-top:1px solid #2e2e2e
}
.publication-summary {
 display:-webkit-box;
 line-height:24px;
 color:#1a1a1a;
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical
}
html[data-theme=dark] .publication-summary {
 color:#999
}
.publication-image {
 width:80px;
 border-radius:3px;
 box-shadow:0 1px 3px rgba(26,26,26,.1)
}
html[data-theme=dark] .publication-image {
 box-shadow:0 1px 3px rgba(0,0,0,.3)
}
.followshipcard {
 font-size:14px
}
.followshipcard .numberboard-iteminner {
 padding:12px 0
}
.followshipcard-counts:not(:last-child) {
 border-bottom:1px solid #f6f6f6
}
html[data-theme=dark] .followshipcard-counts:not(:last-child) {
 border-bottom:1px solid #2e2e2e
}
.followshipcard-link {
 color:#175199
}
.followshipcard-link:hover,html[data-theme=dark] .followshipcard-link:hover {
 border-bottom:1px solid #175199
}
html[data-theme=dark] .followshipcard-link {
 color:#175199
}
.followshipcard-avatars,.followshipcard-item:not(:first-child) {
 margin-top:12px
}
.followshipcard-icon {
 margin-right:8px
}
.followshipcard-avatar {
 margin-left:8px
}
.followshipcard-avatar:first-child {
 margin-left:0
}
.profile {
 width:auto
}
.profile-main {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 width:1000px;
 min-height:100vh;
 padding:0 16px;
 margin:10px auto;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-box-align:start;
 -ms-flex-align:start;
 align-items:flex-start
}
.profile-maincolumn {
 width:885px
}
.profile-maincolumn .subtabs-item .select-button {
 color:inherit
}
body:not(.body--isappledevice) .profile-maincolumn .list-headertext {
 font-weight:600;
 font-synthesis:style
}
html[data-ios] body:not(.body--isappledevice) .profile-maincolumn .list-headertext {
 font-weight:500
}
html[data-android] body:not(.body--isappledevice) .profile-maincolumn .list-headertext {
 font-weight:700
}
body:not(.body--isappledevice) .profile-maincolumn .subtabs-item:not(.is-active) {
 font-weight:400
}
.profile-sidecolumn {
 width:296px;
 color:#646464
}
html[data-theme=dark] .profile-sidecolumn {
 color:#999
}
.profile-sidecolumnitems {
 padding:12px 0
}
.profile-sidecolumnitem {
 padding:6px 20px
}
.profile-sidecolumnitemvalue {
 margin-top:6px;
 margin-left:29px;
 font-size:14px;
 color:#8590a6
}
html[data-theme=dark] .profile-sidecolumnitemvalue {
 color:#606a80
}
.profile-sidecolumnitemtitle {
 display:block;
 margin-bottom:12px
}
.profile-analyticsbar {
 color:#8590a6;
 cursor:pointer;
 height:56px;
 line-height:56px;
 padding:0 20px
}
.profile-analyticsbar a {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
html[data-theme=dark] .profile-analyticsbar {
 color:#606a80
}
.profile-analyticsbarhint {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-flex:1;
 -ms-flex-positive:1;
 flex-grow:1;
 margin-left:10px
}
.profile-analyticsbarseen {
 background:#f36;
 border-radius:50%;
 height:6px;
 margin-left:8px;
 width:6px
}
html[data-theme=dark] .profile-analyticsbarseen {
 background:#d92155
}
.profile-lightlist {
 font-size:14px
}
.profile-lightitem {
 padding-left:5px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 height:46px;
 font-size:14px;
 border-top:1px solid #ebebeb
}
.profile-lightitem:hover,.profile-lightitem:hover .profile-lightitemvalue,html[data-theme=dark] .profile-lightitem:hover,html[data-theme=dark] .profile-lightitem:hover .profile-lightitemvalue {
 color:#175199
}
.profile-lightitem:last-child {
 border-bottom:1px solid #ebebeb
}
html[data-theme=dark] .profile-lightitem:last-child {
 border-bottom:1px solid #444
}
html[data-theme=dark] .profile-lightitem {
 border-top:1px solid #444
}
.profile-lightitemname {
 -webkit-box-flex:1;
 -ms-flex-positive:1;
 flex-grow:1
}
.profile-lightitemvalue {
 font-size:14px;
 color:#8590a6
}
html[data-theme=dark] .profile-lightitemvalue {
 color:#606a80
}
.profile-footeroperations {
 width:100%;
 padding:10px 0 10px 5px;
 box-sizing:border-box;
 margin-top:6px;
 font-size:14px;
 line-height:1.8;
 text-align:left;
 border-bottom:1px solid #ebebeb
}
.profile-footeroperations,.profile-footeroperations a {
 color:#8590a6
}
html[data-theme=dark] .profile-footeroperations,html[data-theme=dark] .profile-footeroperations a {
 color:#606a80
}
html[data-theme=dark] .profile-footeroperations {
 border-bottom:1px solid #444
}
.profile-footerdot:after {
 margin-right:5px;
 margin-left:5px;
 content:"\b7"
}
.profile-sidecolumnitemlink {
 cursor:pointer
}
.profile-sidecolumnitemlink:hover,html[data-theme=dark] .profile-sidecolumnitemlink:hover {
 color:#175199
}
.profile-createorgaccount {
 display:inline-block;
 width:100%;
 line-height:60px;
 text-align:center;
 color:#175199;
 cursor:pointer
}
html[data-theme=dark] .profile-createorgaccount {
 color:#175199
}
.profile-createorgaccounttip {
 text-align:center
}
.list .emptystate {
 padding:70px 0
}
.list-header {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 height:50px;
 margin:0 20px;
 border-bottom:1px solid #f6f6f6;
 box-sizing:border-box
}
html[data-theme=dark] .list-header {
 border-bottom:1px solid #2e2e2e
}
.list-headertext {
 margin:0;
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .list-headertext {
 font-weight:500
}
html[data-android] .list-headertext {
 font-weight:700
}
.list-headeroptions {
 font-size:14px
}
.list-loading {
 padding:200px 0;
 color:#8590a6;
 text-align:center
}
html[data-theme=dark] .list-loading {
 color:#606a80
}
.list-item {
 position:relative;
 padding:16px 20px
}
.list-item .list-item:after {
 position:absolute;
 left:0;
 right:0;
 top:0;
 margin:0 20px;
 display:block;
 border-bottom:1px solid #f6f6f6;
 content:""
}
html[data-theme=dark] .list-item .list-item:after {
 border-bottom:1px solid #2e2e2e
}
.list-item--holder {
 padding:24px 0
}
.list-itemmeta {
 margin-bottom:10px;
 color:#8590a6
}
html[data-theme=dark] .list-itemmeta {
 color:#606a80
}
.contentitem-title {
 font-size:18px;
 font-weight:600;
 font-synthesis:style;
 line-height:1.6;
 color:#1a1a1a;
 margin-top:-4px;
 margin-bottom:-4px
}
html[data-ios] .contentitem-title {
 font-weight:500
}
html[data-android] .contentitem-title {
 font-weight:700
}
.contentitem-title .contentitem-meta {
 margin-top:6px
}
.contentitem-title a:hover,html[data-theme=dark] .contentitem-title a:hover {
 color:#175199
}
html[data-theme=dark] .contentitem-title {
 color:#999
}
.contentitem-meta {
 font-size:15px;
 color:#646464
}
.contentitem-meta .columnitem-meta,.contentitem-meta .topicitem-meta {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
html[data-theme=dark] .contentitem-meta {
 color:#999
}
.contentitem-avatar {
 display:inline-block;
 margin-right:10px;
 vertical-align:middle
}
.contentitem-avatar .userlink-avatar {
 width:38px;
 height:38px;
 vertical-align:top
}
.contentitem-author {
 padding-top:10px
}
.contentitem-status {
 margin-top:5px;
 color:#8590a6;
 font-size:14px
}
html[data-theme=dark] .contentitem-status {
 color:#606a80
}
.contentitem-statusitem:not(:first-child):before {
 margin:0 5px;
 content:"\b7"
}
.contentitem-actions {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 padding:10px 20px;
 margin:0 -20px -10px;
 color:#646464;
 background:#fff;
 clear:both
}
.contentitem-actions.is-fixed {
 margin:0;
 box-shadow:0 -1px 3px rgba(26,26,26,.1)
}
html[data-theme=dark] .contentitem-actions.is-fixed {
 box-shadow:0 -1px 3px hsla(0,0%,60%,.1)
}
html[data-theme=dark] .contentitem-actions {
 color:#999;
 background:#1a1a1a
}
.contentitem-action {
 margin-left:24px;
 font-size:14px
}
.contentitem-action:first-child {
 margin-left:0
}
.contentitem-rightbutton {
 margin-left:auto
}
.contentitem-rightbutton .icon {
 margin-left:8px
}
.contentitem-more {
 padding:0;
 margin-left:4px;
 color:#175199
}
.contentitem-more:hover,html[data-theme=dark] .contentitem-more:hover {
 color:gray
}
.contentitem-more .icon {
 fill:currentcolor
}
html[data-theme=dark] .contentitem-more {
 color:#175199
}
.contentitem-time {
 margin-top:10px;
 font-size:14px;
 color:#8590a6
}
.contentitem-time a:hover {
 border-bottom:1px solid rgba(133,144,166,.72)
}
html[data-theme=dark] .contentitem-time a:hover {
 border-bottom:1px solid rgba(96,106,128,.72)
}
html[data-theme=dark] .contentitem-time {
 color:#606a80
}
.contentitem-arrowicon {
 width:9px;
 margin-left:8px
}
.contentitem-arrowicon.is-active {
 -webkit-transform:rotate(180deg);
 transform:rotate(180deg)
}
.contentitem-main {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.contentitem-image {
 float:left;
 margin-right:16px
}
.contentitem-head {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 overflow:hidden;
 margin-right:6px
}
.contentitem-extra {
 -ms-flex-item-align:center;
 -ms-grid-row-align:center;
 align-self:center
}
.contentitem-cells {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 margin-top:10px;
 line-height:26px
}
.contentitem-cell:not(:first-child) {
 margin-left:40px
}
.contentitem-cell>span:first-child {
 color:#8590a6
}
html[data-theme=dark] .contentitem-cell>span:first-child {
 color:#606a80
}
.imageview {
 position:fixed;
 top:0;
 right:0;
 bottom:0;
 left:0;
 z-index:101;
 overflow:hidden;
 transition:background-color .2s ease-in-out
}
.imageview.is-active {
 background-color:rgba(26,26,26,.65)
}
.ic-home-question:before {
  content: "\f0e6";
}
.ic-home-note:before {
  content: "\f044";
}
.ic-home-draft:before {
  content: "\f016";
}
.mobile_question_answercomment 
{
  margin-top:10px;
  border-left:1px solid #c3c3c3;
  padding-left:13px;
  font-size:10pt;
}
.mobile_question_answercomment .comment_item 
{
  margin-top:5px;   
}
.mobile_question_answercomment .comment_user
{
    color:#21639a;
}
.mobile_question_answercomment .comment_atuser
{
    color:#21639a;
}
.mobile_question_answercomment .comment_content
{
    color:#999999;
}
.mobile_question_answercomment .comment_count_sty 
{
   margin-top:5px;   
   color:#999999;
   float:right;
}
.mobile_question_answercomment .comment_count_sty span 
{
   float:left;  
}
.mobile_question_answercomment .comment_count_sty img 
{
    float: left;
    margin-top: 4px;
    margin-left: 3px;
}
.index_category_contentsplit 
{
    background-color: #ececec;
    height:10px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.mquestion_answer_contentsplit 
{
    background-color: #ececec;
    height:10px;
}

.mobile_question_empty 
{
  margin-top:20px;   
}

.mobile_question_empty .icon img
{
  width:150px; 
}
.mobile_question_empty .icon 
{
   text-align:center;
}
.mobile_question_empty .des 
{
   margin-top:20px;
   text-align:center;
   color:#999999;
   font-size:10pt;
}
.art_topic 
{
  margin:30px 20px 0px 20px;
  width:380px;
  height:140px;
}
.art_topic_input 
{
  margin-bottom:10px;   
}
.art_topic_input input
{
  width:370px;
  height:30px;
}
.art_topic_tip 
{
    color:#333333;
    font-size:9pt;
}
.station_letter_action 
{
  text-align: right;
  margin-top: 10px;   
}

.station_letter_action  a 
{
  display:inline-block;
  padding:0px 15px 0px 15px;   
}

.station_letter_line
{
     border-right:1px solid rgb(217,217,217);
}

.station_letter_link
{
    color: #3377aa;    
}

.station_letter_red
{
    color: red;    
}

.level_details 
{
   
}

.level_details_title 
{
   font-size:19px;
   margin-right:20px;
   font-weight:bold;
   color:#333333;
}

.icon-question:before {    
  content: "\e60d";
} 

/*学乐测试*/
.test_title 
{
   margin-top:20px;
   text-align:center;
   color:#ff5050;
   font-weight: bold;
   font-size: 20px; 
}

.test_time 
{
   text-align:center;
   color:#ff5050;
   font-weight: bold;
   font-size: 20px; 
}

.test_des_title 
{
  margin-top:20px;
  font-weight: bold;
  font-size:12pt;  
}

.test_des_title2 
{
  margin-top:30px;
  font-size:12pt;
  color:#333333;   
}

.test_des 
{
    margin-top:10px;
    font-size:12pt;
    line-height:170%;
    color:#333333;   
}

.go_test 
{
  margin-top:30px;
  text-align:center;    
}

.btn_go_test 
{
  color:white;   
  display:inline-block;
  background-color:rgb(0,112,192); 
  width:340px;
  height:54px;
  line-height:54px;
  border-radius: 999em;
  -webkit-border-radius: 999em;
  -moz-border-radius: 999em;
  font-size: 18px; 
}
.test_des_bold 
{
  font-weight:bold;
}

.test_des_color 
{
  color:#ff5050;   
}

.related_series 
{
   margin-top:25px;
   margin-bottom:25px;
}
.related_series .related_series_title
{
    font-size: 11pt;
    color: #999999;
    margin-bottom:20px;
}

.related_series .related_series_content 
{
   width: 100%;
   overflow-x: auto;
   overflow-y: hidden;
   white-space: nowrap;
}

.related_series .related_series_content::-webkit-scrollbar, .related_whitepaper_contentt::-webkit-scrollbar {
    display: none;
}

.square_category
{
    padding-top:15px;
}
.square_category .categorys
{
    margin-right:20px;
    margin-top:5px;
}
.square_category .categorys .category_title
{
    display: inline-block;
}
.categorys .category_title .category_item
{
    display:inline-block;
    padding:3px 15px 5px;
    margin-right:5px;
    margin-bottom:5px;
    font-size:20px;
    color:#333333;
    text-align: center;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
}
.categorys .category_title a
{
    color: #141414;
}

.categorys .category_title .item_selected a
{
    color:#ff505a;
}

.category_item a:hover
{
    color:#ff505a;
}

.categorys .category_line
{
    width: 100%;
    height: 1px;
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 15px;
    background-color: #f0f2f7;
}

.square_category .sub_category_items .category_item 
{
    float: left;
    width: auto;
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 14px;
    background-color:#f6f6f6;
    padding: 0px 10px 0px 10px;
}
.square_category .categorys .sub_category_items
{
    width: 100%;
    margin-left: 15px;
}
.sub_category_items .category_item a
{
    color: #444;
}
.square_category .categorys .sub_category_items a:hover
{
    color: #ff505a;
}
.square_category .category_bottom 
{
   height:10px;
}
.square_sub_category
{
    margin-left: 10px;
    color:#333;
    font-size:18px;
}
.category_topics
{
    width:100%;
    font-size:0;
}
.category_topics .single_topic_left
{
    display:inline-block;
    width:calc((100% - 10px)/2);
    height:295px;
    margin-right:10px;
    margin-top:10px;
    padding:0;
    background:#fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    vertical-align: top;
}
.category_topics .single_topic_right
{
    display:inline-block;
    width:calc((100% - 10px)/2);
    height:295px;
    margin-top:10px;
    padding:0;
    background:#fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    vertical-align: top;
}
.category_topics .cover
{
    float:left;
    margin-left:15px;
    margin-top:15px;
    margin-bottom:5px;
}
.category_topics .cover img 
{
    width:60px;
    height:60px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
}
.category_topics .name_count
{
    float: left;
    width: calc(100% - 100px);
    height: 60px;
    margin-left: 15px;
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
}
.category_topics .name_count .name
{
    font-size:18px;
    font-weight:bold;
    color:#333333;
}
.category_topics .name_count .name a 
{
    color:#333333;
}
.category_topics .name_count .name a:hover 
{
    color:#3377aa;
}
.category_topics .name_count .count
{
    width: 100%;
    margin-top:3px;
    font-size:14px;
    color:#666;
}
.category_topics .hot_articles
{
    width: calc(100% - 30px);
    margin: 15px;
    height: 160px;
    background: #f8f8f8;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding-top: 10px;
    padding-bottom: 10px;
}
.category_topics .hot_articles .single_exp
{
    font-size: 15px;
    color: #141414;
    margin-left: 15px;
    margin-right: 15px;
}
.category_topics .hot_articles .single_exp a
{
    color: #3377aa;
}
.category_topics .hot_articles .single_exp a:hover
{
    text-decoration: underline;
}
.category_topics .hot_articles .single_exp span
{
    margin-left: 10px;
    font-size: 13px;
    color: #8590a6;
}
  
.topic_group_bottom
{
    height:80px;
}
  
.related_whitepaper_content 
{
   width: 100%;
   overflow-x: auto;
   overflow-y: hidden;
   white-space: nowrap; 
}

related_whitepaper_item_padding 
{
    margin-left:20px;
}

.related_whitepaper_item 
{
    width:calc((100% - 20px)/2);
    box-sizing: border-box;  
    float:left;
}

.related_whitepaper_item .image 
{
    float:left;
}

.related_whitepaper_item .image img 
{
    width:50px;
    box-sizing: border-box;
    margin-right:10px;
}

.related_whitepaper_item .title 
{
   display:table-cell;
   width:calc(100% - 60px);
   font-size:15px;
   color:#333333;
   white-space:normal;
   word-break:break-all;
   word-wrap:break-word;
   height:50px;
   vertical-align:middle;  
}

.related_series .related_series_item 
{
    width:95px;
    display:inline-block;
    box-sizing: border-box;
}

.related_series .related_series_item .image img
{
     width:95px;
     height:95px;
     background-color:#f2f2f2;
}

.related_series .related_series_item .title
{
    color:#333333;
    font-size:13px;
    margin-top:5px;
    text-align:center; 
    line-height:17px; 
    width:95px;
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    height:34px;
}

.related_series .related_series_item .price
{
    margin-top:5px;
    text-align:left; 
    font-size:13px;
    height:17px;
    display: inline-block;
}

.related_series .related_series_item .price .real 
{
    color:#ff5050;  
}

.related_series .related_series_item .price .empty 
{
    color:#999999;
}

.related_series_magin 
{
  margin-right:15px;   
}

.related_series .related_series_item1 .image 
{
     float:left;
}

.related_series .related_series_item1 .image img
{
     width:95px;
     height:95px;
     background-color:#f2f2f2;   
}

.related_series .related_series_item1 .content
{
    float:left;
    margin-left:10px;
    width:calc(100% - 110px);
}

.related_series .related_series_item1 .title 
{
    color:#333333;
    font-size:17px;
    font-weight:bold;
    margin-bottom:5px;
}

.related_series .related_series_item1 .des 
{
  font-size:13px;
  margin-top:5px;
  color:#999999;   
}

.related_series .related_series_item1 .price
{
    font-size:13px;
    margin-top:10px;
}

.related_series .related_series_item1 .price .real 
{
    color:#ff505a;
}

.related_series .related_series_item1 .price .fact 
{
    margin-left:10px;
    color:#999999;
    text-decoration:line-through;
}

.related_series .related_series_item1 .price .empty 
{
    color:#999999;
}

.test_reporting_userinfo 
{
   background-image: ;
   background-size: 100% 100%;
   color:white;
   height:200px;
}

.test_reporting_userinfo .left
{
     margin-top:20px;
     float:left;
     padding-left:20px;
}

.test_reporting_userinfo .left .name 
{
  font-size:18px;   
}

.test_reporting_userinfo .left .title 
{
  margin-top:5px;   
  font-size:30px; 
  font-weight:bold;   
}

.test_reporting_userinfo .left .date 
{
  margin-top:5px;   
  font-size:13px;
  color:rgb(249,249,253);    
}

.test_reporting_userinfo .right
{
    margin-top:20px;
    margin-left:10px;
    float:right;
    padding-right:20px;
}

.test_reporting_userinfo .right img 
{
  width:65px;
  height:65px;   
  border-radius: 999em;
  -webkit-border-radius: 999em;
  -moz-border-radius: 999em;
}

.test_reporting_title 
{
     color:#333333;
     font-size:25px;
     font-weight:bold;   
     text-align:center;
     background-color:rgb(220,235,246);
     padding-top:10px;
     padding-bottom:10px;
     margin-top:30px;
     margin-bottom:30px;
}

.test_reporting_margin 
{
   margin-top:30px;  
}

.test_reporting_inland .title 
{
   color:#333333;
   font-size:16px;
   line-height:150%;
   margin-bottom:15px;
   margin-left:20px;
   margin-right:20px;
}

.test_reporting_inland .title2
{
   color:#333333;
   font-size:16px;
   line-height:150%;
   margin-bottom:10px;
   margin-left:20px;
   margin-right:20px;
}

.test_reporting_inland .content
{
   margin-left:20px;
   margin-right:20px; 
}

.test_reporting_foreign .title 
{
   color:#333333;
   font-size:16px;
   line-height:150%;
   margin-bottom:15px;
   margin-left:20px;
   margin-right:20px;
   text-align:center;
}

.test_reporting_foreign .image 
{
   
}

.test_reporting_foreign .image img
{
  width:100%;  
}

.test_reporting_advice .title 
{
   color:#333333;
   font-size:16px;
   line-height:150%;
   margin-bottom:20px;
   margin-left:20px;
   margin-right:20px;
}

.test_reporting_advice .content 
{
   color:#333333;
   font-size:16px;
   margin-left:20px;
   margin-right:20px;
}

.test_reporting_advice .content .item 
{
   position:relative;
   margin-bottom:10px;  
}

.test_reporting_advice .content .num 
{
   position:absolute;
   display:inline-block;
   top:0;
}

.test_reporting_advice .content .value 
{
   display:inline-block; 
   width:calc(100% - 25px);
   margin-left:25px;
}

.test_reporting_recommended .title 
{
   color:#333333;
   font-size:16px;
   line-height:150%;
   margin-bottom:20px;
   text-align:center;
}

.test_reporting_recommended .content
{
   color:#333333;
   font-size:30px;
   text-align:center;
   margin-bottom:20px;
}

.test_reporting_recommended .action 
{
    text-align:center;
    margin-bottom:30px;
}

.test_reporting_recommended .action a
{
    display:inline-block;
    font-size:18px;
    border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
    width:60%;
    height:40px;
    background-color:#ff5a50;
    color:white;
    text-align:center;
    line-height:37px;
}

.test_reporting_happyreading div
{
     height:150px;
     background-color:#f7f7f7;
     text-align:center;
     line-height:150px;
     font-size:30px;
     color:#8e8e8e;
}

.test_reporting_result1 
{
   color:#333333;
   margin-left:20px;
   margin-right:20px;
   margin-bottom:10px;
   position:relative;
}

.test_reporting_result1 .left 
{
  display:inline-block;
  font-size:40px;
  font-weight:bold;
  color:#ff5a50;
}

.test_reporting_result1 .right 
{
  display:inline-block;   
  font-size:25px;   
  margin-left:10px;
  position:absolute;
  bottom:5px;
}

.test_reporting_result2
{
   color:#333333;
   font-size:16px;
   line-height:150%;
   margin-left:20px;
   margin-right:20px;
}

.lance_range_item 
{
  font-size:16px;  
  background-color:#f7f7f7;
  margin-bottom:5px; 
  padding:5px 10px 5px 10px;
}

.lance_range_item .left 
{
   float:left;
   color:#646464; 
}

.lance_range_item .right 
{ 
   float:right;
   color:#5b5b5b; 
   font-weight:bold;
}
.test_reporting_advice .num_border 
{
    border-radius:50%;
    height:15px;
    width:15px;
    display:inline-block;
    border:1px solid #ff5a50;
}

.test_reporting_advice .num_value
{
    display:block;
    color:#ff5a50;
    height:15px;
    line-height:15px;
    text-align:center;
    font-size:13px;
}

.newbooklist_title 
{
    padding-top:20px;
    font-size:20px;
    font-weight:bold;
    margin-left:20px;
    margin-right:20px; 
}

.newbooklist_intro
{
   margin-top:15px;
   font-size:15px;  
   margin-left:20px;
   margin-right:20px; 
   line-height:22px;
}

.newbooklist_item 
{
    margin-left:20px;
    margin-right:20px; 
}

.newbooklist_split 
{
   height:10px;
   background-color:#ececec;
   margin-top:20px;
   margin-bottom:20px;
}

.newbooklist_item_no 
{
   margin-top:20px;
   text-align:center;    
}

.newbooklist_item_no img 
{
   width:52px;
   height:52px;
}

.newbooklist_item_title
{
    margin-top:15px;
    font-size:20px;
    font-weight:bold;
    text-align:center;  
}

.newbooklist_item_suitable 
{
   margin-top:5px;  
   font-size:15px; 
   text-align:center;  
}

.newbooklist_item_bookname 
{ 
   margin-top:20px;
   font-size:15px; 
   text-align:center;  
}

.newbooklist_item_img 
{
   margin-top:15px;
    position:relative;
    text-align:center; 
}

.newbooklist_item_img img
{
  width:calc(100% - 100px);
}

.newbooklist_item_price 
{
   position:absolute;
   bottom:0px;
   right:50px;
   font-size:13px;
   color:white;
   background-color:#ff5050;
   padding:5px 10px 5px 10px;
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
}

.newbooklist_item_des 
{
  margin-top:25px;   
  font-size:15px;
  line-height:170%;
}

.nbk_des_title 
{
  color:#ff5050;  
  margin-top:10px;
}

.newbooklist_bottom 
{
   height:50px;
   background-color:#ececec;
   margin-top:20px;
}

.newbooklist_intro_limitclass
{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;    
}

.newbooklist_intro_linkclass 
{
    margin-top:10px;
    text-align:center;
}

.newbooklist_intro_linkclass a 
{
    font-size:13px;
    color:#6a7ba0;
	padding:8px 20px 8px 20px;
}

.article_add_topic 
{
   margin:30px 0px 0px 0px;
   width:500px;
}

.article_add_topic .title
{
    font-size:12pt;
    margin:0px 20px 20px 20px;
}

.article_add_topic .search_input 
{
    margin:0px 20px 20px 20px;
}

.article_add_topic .search_input input[type="text"]
{    
    float: left;
    margin-right: 10px;
    padding: 0px 0px 0px 5px;
    box-sizing: border-box;
    font-size: .928em;
    border: 1px solid #eee;
    background: #fff;
    -webkit-appearance: none;
    padding: 12px 10px;
    width: calc(100% - 100px);
    font-size: 14px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.article_add_topic .search_input input[type="button"]
{
     float:left;
     background-color:white;
     width:80px;
     height:30px; 
     border-style:solid;
     border-width:1px;
     border-color:#ff5a60;
     border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color:#ff5a60;
    cursor: pointer;
}

.article_add_topic .result_content 
{
   margin:0px 20px 30px 20px;
   min-height:150px;
}

.article_add_topic .search_content 
{
    margin:0px 20px 30px 20px;
    min-height:150px;
}

.article_add_topic .split 
{
   height:10px;
   background-color:#f7f7f7;
}

.article_add_topic .gongzonghao 
{  
    margin:15px 20px 15px 20px;
    font-size:12pt;
}

.article_add_topic .result_content a, .article_add_topic .search_content a
{
    float:left;
    margin-right:5px;
    margin-bottom:10px;
    padding:3px 15px;
     border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;   
}

.article_add_topic .link_normal2 
{
    border: 1px solid #999999;
    color: #999999;
}

.course_info 
{
   background-color:black;
   filter:alpha(opacity:35);
   opacity:0.35;
   -moz-opacity:0.35;
   -khtml-opacity: 0.35;
   color:white;
   margin-bottom:30px;
   margin-top:30px;
   border-radius: 6px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px; 
}

.course_info .title 
{
  text-align:center; 
  font-size:20px;
  padding-top:10px;  
}

.course_info .content 
{
  padding-top:10px; 
  padding-bottom:10px;  
  text-align:center;
  font-size:13px;  
}

.course_info .content div 
{  
  display:inline-block;
  width:48%; 
}

.course_info .content .line 
{
   width:1px;
   height:45px;
   background-color:white; 
   display:inline-block;
}

.course_progress .flower, .course_progress
{
   text-align:center; 
}

.course_progress .sunlight img
{
    width:66px; 
    float:right; 
    margin-right:calc(100% - (100% - 190px)/2 - 190px - 66px);
}

.course_progress .flower_default
{
    width:350px;
    height:100%;
    display:inline-block;
    position:relative; 
}

.course_progress .flower_default .img_default
{
    width:190px; 
    position:absolute;
    left:calc((100% - 190px)/2); 
    top:0;
    bottom:0;
}

.course_progress .flower_default .div_color 
{
    width:190px; 
    position:absolute;
    left:calc((100% - 190px)/2);  
    bottom:0;
    overflow:hidden;
}

.course_progress .flower_default .img_color
{
    position:absolute;
    width:100%; 
    left:0; 
    right:0;
    bottom:0;
}

.course_progress .flowerpot 
{
    margin-top:327px;
    width:133px;
    height:98px;
    text-align:center;   
    color:#333333;
    background-image: ;
    background-repeat: no-repeat;
    background-size:133px 98px;
   -moz-background-size:133px 98px;
   display:inline-block;
   margin-right:10px;
}

.course_progress .flowerpot div 
{
     width:133px;
     height:98px;
     display:table-cell;
     vertical-align:middle;
}

.estimated_date 
{  
    position:absolute;
    border-top:1px solid #333333;
    text-align:left;
    padding-top:5px;
    width:80px;
    left:0; 
 }
 
 .today_date 
 {
    position:absolute;
    border-top:1px solid #333333;
    text-align:right;
    padding-top:5px;
    width:80px;
    right:20px; 
 }
 
 .div_punch_card 
 {
   background-color:rgb(107, 107, 107);
   text-align:center;  
 }
 
 .div_punch_card .punch_card_img
 {
     width:85%;
     margin-top:40px;  
 }
 
 .div_punch_card .punch_card_tip 
 {
    margin-top:20px;
    text-align:center;
    padding-bottom:50px;  
 }
 
  .div_punch_card .punch_card_tip img
  {
       width:40px;
  }
  
  .course_guide .image img
  {
       width:100%;
  }
  
  .course_guide .details 
  {
      text-align:center; 
      margin-top:40px;
  }
  
  .course_guide .details button
  { 
      height:44px;
      width:100%;
      background-color:white;
      font-size:12pt;
      color:#ff5050;
      border-radius: 999em;
      -webkit-border-radius: 999em;
      -moz-border-radius: 999em; 
      cursor:pointer;
  }
  
  .course_guide .relate_phone button 
  {
      border:1px solid red;   
      height:44px;
      width:100%;
      background-color:#ff5050;
      font-size:12pt;
      color:white;
      border-radius: 999em;
      -webkit-border-radius: 999em;
      -moz-border-radius: 999em; 
      cursor:pointer;
  } 
  
   .course_guide .relate_phone 
  {
      text-align:center; 
      margin-top:20px;
  }
  
  .course_login .title
  {
     color:#333333;
     text-align:center;
     font-size:20px;
     margin-top:60px;
  }
  
  .course_login .phone 
  {
      margin-top:40px;
      border-bottom:1px solid rgb(227, 233, 239);
  }
  
   .course_login .phone input 
  {
      font-size:11pt;
      height:35px;
      width:100%;
      background-color:white;
      border:0px;
  }
  
  .course_login .verification_code 
  {
      text-align:left;
      margin-top:15px;
      border-bottom:1px solid rgb(227, 233, 239);
  }
  
  .course_login .verification_code input 
  {
     font-size:11pt;   
     height:35px;
     width:calc(100% - 120px); 
     background-color:white;
     border:0px;
  }
  
   .course_login .verification_code button 
  {
     font-size:11pt;  
     height:35px; 
     width:100px; 
     border:0px;
     background-color:white;
     color:rgb(0, 136, 232);
	 text-align:right;
	 margin:0;
	 padding:0;
  }
 
  .course_login .login 
  {
     text-align:center;
     margin-top:40px;
  }
  
  .course_login .login button 
  {
     font-size:11pt;
     background-color:rgb(0, 136, 232); 
     color:white;
     width:100%;
     height:44px; 
     border:0px;
  }
  
  .login_successful .image 
  {
      text-align:center;
      margin-top:100px;
  }
  
  .login_successful .image img 
  {
     width:80px;     
  }
  
   .login_successful .tip 
  {
      margin-top:10px;
      text-align:center;
      color:#333333;
      font-size:12pt;
  }
  
  .journeys_title 
  {
      font-size:18pt;
      font-weight:bold;
      color:#333333;
  }
  
   .journeys_introduce 
  {
      font-size:12pt;
      margin-top:10px;
  }
  
   .journeys_content 
  {
      margin-top:40px;
  }
  
   .journeys_content .journeys_content_item
  {
      float:left;
      width:210px;
      text-align:center;
      margin-bottom:30px;
  }
  
  .journeys_content .journeys_content_item .grade
  {
      display:inline-block;
      width:156px;
      height:95px;
      color:white;
      text-align:center;
      line-height:95px;
      font-size:30pt;
      border-radius: 20px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px; 
  }
  
  .journeys_content .journeys_content_item .pointer
   {
       cursor:pointer;
   }
  
   .journeys_content .journeys_content_item .color1
   {
       background-color:#d9d9d9;
   }
   
   .journeys_content .journeys_content_item .color2
   {
       background-color:#4472c4;
   }
  
   .journeys_content .journeys_content_item .validity
  {
      margin-top:5px;
      text-align:center;
      color:#999999;
      height:17px;
  }
  
   .journeys_content .journeys_content_item .date
  {
      text-align:center;
      color:#333333;
      height:17px;
  }
  .single_note_topics 
  {
       float:left;
       margin-top:10px;
       margin-left:15px;
       margin-right:15px;
       padding:3px 10px 3px 10px;
       background-color:#f2f2f2;
       border-radius: 999em;
      -webkit-border-radius: 999em;
      -moz-border-radius: 999em;
  }
  
  .single_note_right 
  {
      float:left;
      margin-top:5px;
      margin-left:5px;
      margin-right:5px;
  }
  
  .single_note_right img
  {
     width:15px;
     height:15px;  
  }
  
  .single_note_topicsandroundtable 
  {
      float:left;
      padding:3px 10px 3px 10px;
      background-color:#f2f2f2;
      border-radius: 999em;
      -webkit-border-radius: 999em;
      -moz-border-radius: 999em;
      max-width:calc((100% - 50px)/2);
  }
  
  .single_note_topicsandroundtable img, .single_note_topics img
  {
      float:left;
      width:14px;
      height:14px;
      margin-right:5px;
      margin-top:3px;
  }
  
  .single_note_topicsandroundtable span, .single_note_topics span
  {
     line-height:20px;
     color:#666;
     display:-webkit-box;
     -webkit-line-clamp:1;
     -webkit-box-orient:vertical; 
     overflow:hidden;
     text-overflow:ellipsis;
     font-size:12px;
  }
  
  .related_topics 
  {
       float:left;
       margin-left:15px;
       margin-right:15px;
       padding:5px 0px 5px 0px;
  }
  
   .related_topics img
  {
      float:left;
      width:14px;
      height:14px;
      margin-right:5px;
      margin-top:3px;
  }
  
  .related_topics span
  {
     line-height:20px;
     color:#ff505a;
     font-size:13px;
  }
  
  .cancel_related_topics 
  {
       float:right;
       margin-right:15px;
       padding:5px 0px 5px 0px;
       line-height:20px;
       color:#999999;
       font-size:13px;
  }
  
  .single_note_topic_w 
  {
    width: calc(100% - 19px);    
  }
  
  .single_note_edusubjects 
  {
      padding-top:20px; 
      margin-bottom:10px;
  }
  .single_note_edusubjects .item_edusubject 
  {
      float:left;
      margin-right:15px;
      margin-bottom:10px;
      font-size:13px;
      color:#1d89ff;
      background-color: #f2f2f2;
      padding:4px 10px 4px 10px;
      border-radius: 999em;
      -webkit-border-radius: 999em;
      -moz-border-radius: 999em;
  }
  .single_note_title 
  {
     font-size:25px;   
     font-weight:bold;
     margin-bottom:20px;
  }
  .single_note_content 
  {
     margin-top:20px;  
     font-size:17px;
     line-height:150%;
  }
  .single_note_line
  {
     border-bottom: 1px solid #e5e3e3;
     height: 1px;
  }
   .single_note_line2
  {
     border-bottom: 1px solid #e5e3e3;
     height: 1px;
     margin-left:30px;
     margin-right:30px;
     margin-bottom:40px;
  }
  .single_noteimage_item 
  {
    margin-top:15px;  
  }
  .note_image_all 
  {
    padding-left: 15px;
    padding-right: 15px;   
  }
  .anli_resource_item 
  {
      float:left;
      width:200px;
      height: 200px;
      margin-bottom:10px;
  }
  .anli_resource_book 
  {
      display:block;
      margin-left: 15px;
      margin-right: 15px;
      background-color:#f4f4f4; 
      padding:10px; 
  }
  .anli_resource_book .book_left 
  {
      float:left;
  }
  .anli_resource_book .book_right 
  {
      float:left;
      margin-left:10px;
  }
  .anli_resource_book .book_right .book_name
  {
      color:#333333;
      font-size:15px;
      margin-bottom:5px;
  }
   .anli_resource_book .book_right .book_count
  {
      color:#999999;
      font-size:12px;
      margin-bottom:3px;
  }
  .anli_resource_book .book_right .book_des
  {
      color:#999999;
      font-size:12px;
  }
   .anli_resource_book .book_left img
  {
      width:50px;
      height:75px;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
  }
  .anli_resource_item img
  {
      width:100%;
      height: 100%;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
  }
  .anli_resource_filmanimation 
  {
      margin-left: 15px;
      margin-right: 15px;
      padding:10px; 
      border-radius: 6px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border:1px solid #f0f2f7;
  }
  .anli_resource_filmanimation .book_left 
  {
      display:inline-block;
      vertical-align:middle;
  }
  .anli_resource_filmanimation .book_left .has_cover img
  {
      width:36px;
      height:48px;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
  }
  .anli_resource_filmanimation .book_left .has_cource_cover img
  {
      width:36px;
      height:36px;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
  }
  .anli_resource_filmanimation .book_left .no_cover 
  {
      width:36px;
      height:36px;
      background-color:#f4f4f4;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
  }
  .anli_resource_filmanimation .book_left .no_cover img
  {
      margin-left:8px;
      margin-top:8px;
      width:20px;
      height:20px;
  }
  .anli_resource_filmanimation .book_right 
  {
      display:inline-block;
      margin-left:10px;
      vertical-align:middle;
  }
  .anli_resource_filmanimation .book_right .filmanimation_name
  {
      color:#333333;
      font-size:15px;
      font-weight:bold;
      margin-bottom:5px;
  }
  .anli_resource_filmanimation .book_right .filmanimation_des
  {
      color:#999999;
      font-size:12px;
  }
  .note_round_table, .note_topic
  {
     display:inline-block;
     margin-top:20px; 
     background-color:#f2f2f2;  
     padding-left:10px;
     padding-right:10px;
     height:26px;
     border-radius: 13px;
     -webkit-border-radius: 13px;
     -moz-border-radius: 13px;
     margin-left:15px;
     margin-right:15px;
  }
  .note_round_table img
  {
      display:inline-block;
      width:13px;
      height:13px;
      vertical-align:middle;
  }
  .note_round_table span 
  {
     margin-left:5px;
     display:inline-block;
     font-size:13px;
     color:#666666;
     vertical-align:middle;
     line-height:26px;
  }
  .note_topic img
  {
      display:inline-block;
      width:13px;
      height:13px; 
      vertical-align:middle;
  }
  .note_topic span 
  {
      margin-left:5px;
      display:inline-block;
      font-size:13px;
      color:#666666;
      vertical-align:middle;
      line-height:26px;
  }
  .note_create_time 
  {
      margin-top:20px;
      margin-left: 15px;
      font-size:13px;
      color:#666666;
  }
  .single_noteimage_item .item_no
  {
      font-size:17px;
      font-weight:bold;
  }
  .single_noteimage_item .item_image 
  {
     margin-top:15px;
     position:relative;
  }
  .single_noteimage_item .item_image img 
  {
     width:100%;  
  }
  .single_noteimage_item  .item_image .item_image_tag 
  {
     position: absolute;
  }
 .item_content1 
 {
     text-align:center;
     font-size:15px;
     color:#999999;
     margin-top:10px;
     margin-bottom:5px;
     line-height:150%;
 }
  .item_content2
 {
     height:20px;
 }
  .single_note_summarytitle 
  {
     margin-top:15px;
     margin-bottom:15px;
     font-size:17px;
     font-weight:bold;
  }
  .single_note_summary 
  {
     margin-bottom:20px;
     font-size:17px;
  }
  .single_note_onlynames 
  {
     margin-top:20px;  
     font-size:15px;
     color:#1d89ff;
  }
  .single_note_onlynames .item_onlyname img 
  {
     width:15px;
     height:15px;   
     margin-right:3px;
  }
  .single_note_onlynames .item_onlyname 
  {
     float:left;
     margin-right:10px;
     margin-bottom:10px;
     line-height:20px;
  }
  .single_note_margin15 
  {
     margin-top:15px;
  }
  .single_note_margin20
  {
     margin-top:20px;
  }
  .single_note_addcomment
  {
    text-align:center;   
  }
  .single_note_addcomment div
  {
     display:inline-block;
     text-align:center;
     font-size:17px;
     line-height:30px;
     color:#ff505a;
     margin-top:40px;
     margin-bottom:40px;
     width:120px;
  }
  .single_note_addcomment2 
  {
     text-align:center;
  }
  .single_note_padding 
  {
     height:20px;  
  }
  .single_note_split 
  {
      height:10px;
      background-color:#ececec;
  }
  .related_note_title 
  {  
      padding-top:10px;
      height:35px;
  }
  .related_note_title span
  {
      font-size:17px;
      margin-left:15px;
      color:#333333;
      line-height:35px;
  }
  
  .related_note_content table
  {
      width:100%;
  }
  .related_note_content .related_notes_item 
  {
    width:calc(100% - 5px);
    height:100%; 
    background-color:white;
    margin-top:5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    overflow:hidden;
  }
  .related_note_content .related_notes_item .item_img img 
  {
     width:100%;  
  }
  .related_note_content .related_notes_item .item_title 
  {
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
     margin-left:5px;   
     margin-top:10px;
     margin-bottom:10px;
     font-size:15px;
     font-weight:bold;
  }
  .related_note_content .related_notes_item .item_info_left 
  {
      margin-left:5px;
      float:left;
      font-size:13px;
      color:#333333;
  }
  .related_note_content .related_notes_item .item_info_left img
  {
     border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
  }
  .related_note_content .related_notes_item .item_info_right 
  {
      margin-right:5px;
      float:right;
      font-size:13px;
      color:#999999;
  }
  .note_content_padding 
  {
    padding-left:15px;
    padding-right:15px;   
  }
  .note_content_padding2
  {
    padding-left:30px;
    padding-right:30px;   
  }
  .single_note_video
  {
    position:relative;
    text-align:center;   
  }
  .single_note_video .video_img
  {
    width:100%; 
    display:block;
  }
  .single_note_video .video_icon 
  {
     width:60px;
     height:60px;
     position:absolute; top:calc((100% - 60px)/2); left:calc((100% - 60px)/2); display:block;
  }
  .single_note_round1 
  {
    width:20px;
    height:20px;
    margin-top:3px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
  }
   .single_note_round2
  {
     width:6px;
     height:6px;
     margin-top:7px;
     margin-left:7px;
    background-color: white;
    border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
  }
  .single_note_tagname
  {
     color:white;
     background-color:rgba(0, 0, 0, 0.5);
     border:1px solid white;
     padding:3px 10px 3px 10px;
     border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
    font-size:13px;
  }
  .newbooklist_coupon
  {
      margin-left:15px;
      margin-right:15px;
      margin-top:20px;
  }
  .newbooklist_coupon .coupon_item
  {
      width:105px;
      height:55;
      background-color:#ffefeb;
      float:left;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      overflow:hidden;
      margin-bottom:5px;
      margin-top:5px;
  }
  
  .newbooklist_coupon .coupon_item .coupon_state
  {
       background-color:#ff5a50;
       width:25px;
       height:55px;
       float:right;
       text-align:center;
       color:white;
       font-size:12px;
  }
  
  .newbooklist_coupon .coupon_item .coupon_des 
  {
      width:80px;
      height:55px;
      float:left;
      text-align:center;
      color:#ff5a50;
      font-size:12px
  }
  
  .newbooklist_coupon .coupon_item .coupon_des .coupon_table
  {
       width:100%;
       height:100%;
       display: table;
  }
  
  .newbooklist_coupon .coupon_item .coupon_des .coupon_table .coupon_cell
  {
        display:table-cell; 
        vertical-align:middle;  
        text-align: center;
  }
  
  .newbooklist_coupon .coupon_item .coupon_state .coupon_table
  {
        width:100%;
        height:100%;
        display: table;
  }
  
   .newbooklist_coupon .coupon_item .coupon_state .coupon_table div
  {
        display:table-cell; 
        vertical-align:middle;  
        text-align: center;
  }
  .newbooklist_tip 
  {
        height:30px;
        background-color:#fcf1dc;
        font-size:13px;
  }
  .newbooklist_tip img
 {
   width:20px;
   height:20px; 
   margin-left:20px;
   margin-bottom:5px;  
 }
 .course_list_img img 
 {
   width:100%;   
 }
 .course_title 
 {
   color:#ff6347;
   text-align:center;
   font-size:30px;
   font-weight:bold;
   padding-top:30px;
 }
 .course_des 
 {
   text-align:center;
   color:#717171;
   font-size:15px;
   margin-top:5px;
 }
 .course_action 
 {
    margin-top:30px;
 }
 .course_action_left 
 {
    float:left;
    margin-left:20px;
    width:calc((100% - 60px)/2);
 }
 .course_action_left img
 {
   width:100%;    
 }
 .course_action_right 
 {
    margin-left:20px;
    margin-right:20px;
    float:right;
    width:calc((100% - 60px)/2);
 }
 .course_action_right img
 {
    width:100%;    
 }
 .course_note_split 
 {
   height:10px;
   background-color:#f7f7f7;
   margin-top:30px;
   margin-bottom:30px;
 }
  .course_note_title 
 {
    text-align:center;
    font-size:25px;
    font-weight:bold;
 }
 
.article_for_shoppingbook {
    display:block;
    border:1px solid #ececec;
    padding:8px 8px 4px 8px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.article_for_shoppingbook .image
{
    float:left;
    display:block;
}
.article_for_shoppingbook .image img
{
    width:95px;
    height:95px;
    background-color:#f2f2f2;
}
.article_for_shoppingbook .content
{
    float:left;
    display:block;
    margin-left:10px;
    width:calc(100% - 110px);
}
.article_for_shoppingbook .title
{
    display:block;
    color:#333333;
    font-size:16px;
    font-weight:bold;
    margin-bottom:8px;
    line-height:120%;
}
.article_for_shoppingbook .des
{
    display:block;
    font-size:15px;
    margin-top:5px;
    color:#333333;
    line-height:120%;
}
.article_for_shoppingbook .price
{
    margin:8px 0px 0px 0px;
    padding:0px;
    display:block;
    height:auto;
}
.article_for_shoppingbook .price .real
{
    margin:0px;
    padding:0px;
    font-size:17px;
    font-weight:bold;
    color:#ff505a;
}
.article_for_shoppingbook .price .fact
{
    margin:0px 0px 0px 10px;
    padding:0px;
    font-size:13px;
    color:#999999;
    text-decoration:line-through;
}
.article_for_shoppingbook .price .empty
{
    color:#999999;
}
.shoppingbook_clear
{
    display:block;
    clear: both;
    line-height: 0;
    font-size: 0;
    height: 0;
    over-flow: hidden;
}

/**小程序书单**/

.summer_booklist .booklist_title 
{
  padding-top:20px;
  margin: 0px 20px 0px 20px;
  text-align: center;
  font-size: 18pt;
  font-weight: bold;
}

.summer_booklist .booklist_category {
  text-align: center;
  color: #999;
}

.summer_booklist .booklist_bookcount {
  text-align: center;
}

.summer_booklist .booklist_finishcount {
  text-align: center;
}

.summer_booklist .big_font {
  font-size: 18pt;
  font-weight: bold;
}

.summer_booklist .main_list .bookitem {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.summer_booklist .main_list .name {
  font-size: 12pt;
  font-weight: bold;
  color: #333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.summer_booklist .main_list .cover {
  float: left;
  margin: 0px;
  padding: 0px;
  width: 90px;
  height: 135px;
}

.summer_booklist .main_list .cover img {
  width: 90px;
  height: 135px;
}

.summer_booklist .main_list .info {
  float: left;
  margin-left: 15px;
  min-height: 135px;
  position: relative;
  width: calc(100% - 105px);
}

.summer_booklist .main_list .author {
  font-size: 10pt;
  color: #666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-bottom: 3px;
}

.summer_booklist .bottom_action {
  width: 100%;
  position: absolute;
  bottom: 0px;
}

.summer_booklist .bookitem .delete {
  float: left;
  width: 40px;
  height: 30px;
}

.summer_booklist .bookitem .delete img {
  float: right;
  width: 20px;
  height: 20px;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

.summer_booklist .bottomitemview {
  float: right;
  border: 0.5px solid #999;
  width: 80px;
  height: 30px;
  border-radius: 4px;
  text-align: center;
}

.summer_booklist .bottomitemview span {
  font-size: 10pt;
  line-height: 30px;
  color: #999;
}

.summer_booklist .recommendbottom {
  position: fixed;
  bottom: 0px;
  width: 100%;
  background-color: #1d89ff;
  margin: 0px;
  padding: 0px;
}

.summer_booklist .recommendview {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0px;
  padding: 0px;
}

.summer_booklist .recommenditemview {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  margin: 0px;
  padding: 0px;
}

.summer_booklist .recommenditemtext {
  font-size: 12pt;
  margin-left: 10rpx;
  color: white;
}

.summer_booklist .bottomfinish {
  position: absolute;
  right: 0;
  bottom: 0px;
}

.summer_booklist .bottomfinish text, .bottomfinish_nologin span {
  font-size: 10pt;
  color: #1d89ff;
}

.summer_booklist .bottomfinish_nologin {
  position: absolute;
  right: 0;
  bottom: 0px;
}

.summer_booklist .hand_save {
  width: 90%;
  height: 50px;
  padding: 0px;
  background-color: #1d89ff;
  text-align: center;
  margin-top: 30px;
  margin-left: 5%;
  border-radius: 5px;
}

.summer_booklist .hand_save_text {
  font-size: 12pt;
  color: white;
  line-height: 50px;
}

.summer_booklist .blue_hover {
  background-color: #3eb6fb;
}

.summer_booklist .act_bottomview {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 10px 20px 10px 20px;
}

.summer_booklist .act_bottomitemview {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding-left: 10rpx;
  padding-right: 10rpx;
  width: 100%;
  height: 35px;
}

.summer_booklist .act_bottomitemview span {
  font-size: 10pt;
  line-height: 30px;
  color: #999;
}

.summer_booklist .booklist_item {
  margin-top: 25px;
  padding: 0px 20px 25px 20px;
  /* border-bottom: 1px solid #e5e3e3; */
}

.summer_booklist .booklist_book_title {
  text-align: center;
}

.summer_booklist .booklist_book_title img {
  width: 50px;
  height: 50px;
}

.summer_booklist .booklist_book_image .center {
  position: relative;
  text-align: center;
  height: 240px;
}

.summer_booklist .booklist_book_image .center img {
  width: 180px;
  height: 240px;
}

.summer_booklist .booklist_book_name {
  text-align: center;
  font-size: 16pt;
  font-weight: bold;
  cursor:pointer 
}

.summer_booklist .booklist_book_author {
  margin-top: 5px;
  text-align: center;
  font-size: 10pt;
  color: #666;
  cursor:pointer 
}

.summer_booklist .oneline {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.summer_booklist .booklist_book_reason {
  font-size: 11pt;
  color: #333;
}

.summer_booklist .content_margin10 {
  margin-top: 10px;
}

.summer_booklist .content_margin {
  margin-top: 15px;
}

.summer_booklist .content_margin25 {
  margin-top: 25px;
}

.summer_booklist .hand_save {
  width: 90%;
  height: 50px;
  padding: 0px;
  background-color: #1d89ff;
  text-align: center;
  margin-top: 30px;
  margin-left: 5%;
  border-radius: 5px;
}

.summer_booklist .hand_save_text {
  font-size: 12pt;
  color: white;
  line-height: 50px;
}

.summer_booklist .booklist_book_reason img {
  width: 15px;
  height: 15px;
}

.summer_booklist .booklist_book_reason .r_image {
  float: left;
  width: 25px;
}

.summer_booklist .booklist_book_reason .r_text {
  float: left;
  width: calc(100% - 25px);
}

.summer_booklist .booklist_book_delete {
  position: absolute;
  right: 0;
  bottom: 0px;
  font-size: 10pt;
  height: 30px;
  width: 30px;
  line-height: 30px;
  color: #999;
}

.summer_booklist .mark_bottomview {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 20px 20px 0px 20px;
}

.summer_booklist .mark_bottomitemview {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding-left: 10rpx;
  padding-right: 10rpx;
  width: 100%;
  height: 35px;
  border-radius: 6px;
  border: 0.5px solid #999;
  background-color: white;
}

.summer_booklist .mark_bottomitemview span {
  font-size: 10pt;
  line-height: 30px;
  color: #999;
}

.summer_booklist .green_bottomview {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 20px 20px 0px 20px;
}

.summer_booklist .green_bottomitemview {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding-left: 10rpx;
  padding-right: 10rpx;
  width: 100%;
  height: 35px;
  border-radius: 6px;
  border: 0.5px solid #00b26a;
  background-color: #00b26a;
}

.summer_booklist .green_bottomitemview span {
  font-size: 10pt;
  line-height: 15px;
  color: white;
  margin-left: 3px;
}

.summer_booklist .bottomitemimage {
  width: 15px;
  height: 15px;
}

.summer_booklist .booklist_red {
  color: red;
}

.summer_booklist .booklist_green {
  color: #00b26a;
}

.summer_booklist .reclanguage_ph {
  color: #999;
  font-size: 12pt;
}

.summer_booklist .reclanguage_ph2 {
  color: #999;
  font-size: 10pt;
}

.summer_booklist .booklist_des {
  width: 100%;
  height: 80px;
}

.summer_booklist .booklist_des textarea {
  background-color: #e5e5e5;
  width: calc(100% - 10px);
  border-radius: 5px;
  border-color: #e5e5e5;
  padding: 5px;
  height: 70px;
  color: #333;
  font-size: 12pt;
  line-height: 20px;
}

.summer_booklist .writesummaryview {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  padding-left: 10rpx;
  padding-right: 10rpx;
  height: 35px;
}

.summer_booklist .btn_summary_image {
  width: 20px;
  height: 20px;
}

.summer_booklist .btn_summary {
  font-size: 13pt;
  color: #21639a;
  margin-left: 10rpx;
  margin-top: 8rpx;
}

.summer_booklist .summary_show_view {
  width: calc(100%-40px);
  text-align: left;
  margin-left: 20px;
  margin-right: 20px;
}

.summer_booklist .summary_text {
  text-align: center;
  font-size: 11pt;
  color: #999;
}

.summer_booklist .btn_modify_summary_image {
  width: 15px;
  height: 15px;
}

.summer_booklist .btn_modify_summary_view {
  float: right;
  height: 30px;
  margin-top: 5px;
}

.summer_booklist .btn_modify_summary {
  font-size: 10pt;
  color: #999;
  margin-left: 5px;
  line-height: 30px;
}

.summer_booklist .btn_remark {
  color: #999;
  margin-left: 10rpx;
  margin-top: 8rpx;
}

.summer_booklist .booklist_book_remark .r_image img {
  width: 15px;
  height: 15px;
}

.summer_booklist .booklist_book_remark .r_image {
  float: left;
  width: 25px;
}

.summer_booklist .booklist_book_remark .r_text {
  float: left;
  width: calc(100% - 25px);
}

.summer_booklist .finish_user_picture {
  float: left;
  height: 100%;
  padding: 0px;
  margin: 0px 20px 0px 0px;
}

.summer_booklist .finish_user_picture .li {
  display: inline-block;
  width: 31px;
  height: 100%;
  margin: 0px -10px 0px 0px;
  padding: 0px;
}

.summer_booklist .finish_user_picture .li:first-child {
  margin-left: -3px;
}

.summer_booklist .finish_user_picture .li img {
  border: 2px solid #fff;
  background-color: #fff;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

.summer_booklist .finish_count {
  float: left;
  line-height: 31px;
}

.summer_booklist .finish_info {
  margin: 10px 0px 0px 0px;
  text-align: center;
  font-size: 10pt;
  color: #999;
  height: 31px;
}

.summer_booklist .finish_info_content {
  display: inline-block;
  height: 100%;
}

.summer_booklist .manage_in {
  height: 28px;
  margin-left:20px;
  margin-right:20px; 
}

.summer_booklist .manage_member {
  float: left;
  line-height: 28px;
  margin-top: 3px;
  margin-right: 10px;
  color: #999;
  font-size: 12pt;
}

.summer_booklist .manage_act {
  position: absolute;
  right: 0px;
  top: 3px;
  line-height: 28px;
  margin-right: 20px;
  color: #999;
  font-size: 10pt;
}

.summer_booklist .invitation_member {
  float: right;
  color: #ff505a;
  border: 1px solid red;
  line-height: 28px;
  padding-left: 7px;
  padding-right: 7px;
  border-radius: 5px;
  font-size: 10pt;
  background-color: white;
}

.summer_booklist .join {
  height: 28px;
  margin-left:20px;
  margin-right:20px; 
}

.summer_booklist .join_count {
  float: left;
  line-height: 28px;
  margin-right: 20px;
  color: #999;
  font-size: 12pt;
}

.summer_booklist .join_act {
  float: right;
  color: #ff505a;
  border: 1px solid red;
  line-height: 28px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 5px;
  font-size: 10pt;
  background-color: white;
}

.summer_booklist .joined_act {
  float: right;
  text-align: center;
  border: 1px solid #999;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 5px;
  background-color: white;
}

.summer_booklist .joined_act img {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
}

.summer_booklist .joined_act span {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  font-size: 10pt;
  line-height: 28px;
}

.summer_booklist .child_input {
  text-align: center;
}

.summer_booklist .child_input .child_input_des {
  font-size: 10pt;
}

.summer_booklist .child_input input {
  margin-top: 15px;
  text-align: left;
  background-color: #e5e5e5;
  width: calc(100% - 10px);
  border-radius: 5px;
  border-color: #e5e5e5;
  padding: 5px;
  height: 25px;
  color: #333;
  font-size: 10pt;
  line-height: 25px;
}

.summer_booklist .child_name_show {
  position: relative;
  text-align: center;
}

.summer_booklist .child_name_showcontent {
  display: inline-block;
}

.summer_booklist .child_name_show .child_name {
  display: inline-block;
  vertical-align: top;
  color: #999;
  font-size: 10pt;
  margin-top: 2px;
  margin-right: 3px;
}

.summer_booklist .child_name_show .modify_child_name {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 20px;
  font-size: 10pt;
  color: #999;
  margin-right: 20px;
}

.summer_booklist .booklist_padding {
  height: 20px;
}

.summer_booklist .booklist_padding2 {
  height: 15px;
}

.summer_booklist .booklist_padding3 {
  height: 10px;
}

.summer_booklist .avgfinishcount {
  margin-top:5px; 
  text-align:center;
  color:#333333;
}
.summer_booklist .btn_modify_booklist {
  padding-left:5px;
  padding-right:5px;  
  width:20px;
  height:20px;
  padding-top:3px;
  padding-bottom:3px;  
}
.summer_booklist .ui_split10 {
  height: 10px;
  background-color: #e5e3e3;
}
/**图书动态**/
.summer_booklist_dynamic 
{
  min-height: 100%;
}

.summer_booklist_dynamic .title_summary {
  padding: 15px 15px 5px 15px;
  font-size: 13pt;
  color: #333;
}

.summer_booklist_dynamic .title_summary1 {
  padding: 0px 15px 15px 15px;
  font-size: 10pt;
  color: #999;
}

.summer_booklist_dynamic .book_comment_head {
  margin: 15px 20px 0px 20px;
}

.summer_booklist_dynamic .book_comment_head_img {
  float: left;
}

.summer_booklist_dynamic .book_comment_head_img img {
  width: 40px;
  height: 40px;
  border-radius: 20px;
}

.summer_booklist_dynamic .book_comment_head_info {
  float: left;
  margin-left: 10px;
}

.summer_booklist_dynamic .book_comment_head_info_text {
  font-size: 10pt;
  line-height: 40px;
  color: #999;
}

.summer_booklist_dynamic .book_comment_head_time {
  float: right;
  line-height: 40px;
  font-size: 10pt;
  color: #999;
}

.summer_booklist_dynamic .book_comment_content {
  margin: 10px 20px 15px 20px;
  font-size: 12pt;
  color: #333;
}

.summer_booklist_dynamic .book_line {
  height: 1px;
  background-color: #e5e3e3;
}

.summer_booklist_dynamic .margin-top15 
{
  margin-top:15px; 
}

.write_book_comment 
{
   float:right;
   height:30px;
   line-height:30px;
   color:#999999;
}

.write_book_comment img 
{
  width:16px;
  height:16px;   
  margin-left:12px;
}

.dianji
{
 -webkit-tap-highlight-color:rgba(255,255,255,0)   
}

.download_app_text 
{
    color: #1d89ff;
}

.download_app_text2 
{
    color: #333333;
}

.exp_rec_topictitle 
{
  font-size:17px;
  font-weight:bold;
  color:#333333;   
}

.exp_rec_topicitem 
{
   margin-bottom:12px;    
}

.exp_rec_topicitem img
{
    display:inline-block;
    width: 15px;
    height: 15px;
    margin-right:5px;
    margin-top:3px;
    vertical-align:top;
}

.exp_rec_topicitem span 
{
  display:inline-block;
  font-size:16px;
  font-weight:bold; 
  color:#333333;  
}

.wx_rectopic_item 
{
   margin-bottom:12px;
}

.wx_rectopic_item .wx_topicitem_left 
{
   float:left;   
}

.wx_rectopic_item .wx_topicitem_left img
{
    display:inline-block;
    width: 15px;
    height: 15px;
    margin-right:5px;
    margin-top:3px;
    vertical-align:top;
}

.wx_rectopic_item .wx_topicitem_left span 
{
  display:inline-block;
  font-size:16px;
  font-weight:bold; 
  color:#333333;  
}

.wx_rectopic_item .wx_topicitem_right 
{
   float:right;   
}

.wx_rectopic_item .wx_topicitem_right img
{
    display:inline-block;
    width: 13px;
    height: 13px;
}

.wx_rectopic_item .wx_topicitem_right span 
{
   display:inline-block;
   font-size:13px;
   color:#999999;   
}

.exp_rec_topicitem_info 
{
   display:inline-block;
   width: calc(100% - 25px);
}

.exp_rec_topicitem_info .exp_rec_topicitem_title 
{
   font-size:16px;
   font-weight:bold; 
   color:#333333;  
}

.exp_rec_topicitem_info .exp_rec_topicitem_count 
{
   font-size:13px;
   color:#999999;  
}

.exp_rec_topicmore 
{
  font-size:15px;   
  text-align:center;   
  color: #1d89ff;
  height:44px;
  line-height:44px;
}

.exp_reply_block 
{
   background-color:#f7f7f7;
   height:10px;  
}

.wx_topic_head 
{
   background-color:#f2f2f2;
   padding-left:20px; 
   padding-right:20px;
   padding-bottom:20px;
}

.wx_topic_title 
{
   padding-top:20px; 
   font-size:25px;
   font-weight:bold;
   color:#333333;   
}

.wx_topic_count 
{
  margin-top:5px;   
  color:#666666;
  font-size:13px;
}

.wx_topic_describe 
{
  margin-top:15px;  
  color:#666666;
  font-size:15px;
}

.wx_topic_downloadapp 
{
   margin-bottom:20px;  
   padding-right:20px;
   float:right;
}

.wx_topic_downloadapp a 
{
  font-size:15px;   
}

.wx_topic_feed 
{
  padding-left:20px;
  padding-right:20px;   
}

.wx_topic_feedhead .wx_user_img img
{
    width:40px;
    height:40px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

.wx_topic_feedhead .wx_user_img 
{
    float:left;
}

.wx_topic_feedhead .wx_user_info 
{
    float:left;
    margin-left:5px;
}

.wx_topic_feedhead .wx_feed_type 
{
    float:right;  
    line-height:40px;
    font-size:13px;
    color:#999999;
}

.wx_topic_feedhead .wx_user_info .wx_user_name 
{
    font-size:15px;
    color:#333333; 
}

.wx_topic_feedhead .wx_user_info .wx_user_age 
{
    margin-top:2px;
}

.wx_user_ageitem 
{
    float:left; 
    margin-right:5px;  
}

.wx_user_ageitem img 
{
   width:10px;
   height:10px;
   margin-right:2px;
}

.wx_user_ageitem span 
{
   font-size:13px;
   color:#999999;   
}

.wx_topic_feedtitle 
{
  font-size:17px;
  font-weight:bold;
  color:#333333;
  margin-top:15px;   
}

.wx_topic_feedcontent 
{
  font-size:16px;
  color:#333333;
  margin-top:10px;
  line-height:150%;
}

.wx_image_item 
{
  float:left;   
}

.wx_padding 
{
  margin-right:10px;   
}

.wx_topic_feedimage 
{
   margin-top:15px;  
}

.wx_image_item
{
  width:calc((100% - 20px)/3);
  height:calc((100% - 20px)/3);
}

.wx_image_item img
{
   width:100%;
   height:100%;
}

.wx_topic_feedaction 
{
  margin-top:15px;   
}

.wx_feedaction_item 
{
  float:left;   
  margin-right:15px;
}

.wx_feedaction_item img 
{
  display:inline-block;
  width:20px;
  height:20px;   
  margin-right:3px;
}

.wx_feedaction_item span 
{
  display:inline-block;
  font-size:13px;   
}

.wx_actiontext_default
{
     color:rgb(186,186,186);
}

.wx_actiontext_selected
{
     color:#ff5050;
}

.wx_topicrelated_questionmore 
{
  text-align:center;   
  color: #333333;
  height:44px;
  line-height:44px;
  font-size:15px;
}

.wx_single_note_download 
{
  background-color:#f7f7f7;  
  text-align:center; 
  padding-top:50px;
  padding-bottom:50px;
}

.wx_blue_button
{
    line-height:40px;
    display: block;
    background: #167ffb;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-style: normal;
}

.mexperience_reply_title
{
    margin-bottom: 20px;
    font-size: 17px;
    color: #333333;
    font-weight:bold;
}

.mexperience_reply_all 
{
    margin: 0px 0px;
}

.mexperience_reply_head
{
    float: left;
    width: 20px;
    height: 20px;
}

.mexperience_reply_head img
{
    width: 100%;
    height: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.mexperience_reply_username
{
    font-size:10pt;
    color: #999999;
}

.mexperience_reply_username a
{
    font-size: 15px;
    color: #999999;
    line-height:20px;
}

.mexperience_reply_userinfo
{
    float: left;
    line-height: 20px;
}

.mexperience_reply_left 
{
  float:left;
  margin-right:10px;   
}

.mexperience_reply_right 
{
  float:right;
  width:calc(100% - 30px);   
}

.mexperience_reply_content a {
    font-size: 16px;
    color: #333333;
    line-height: 28px;
}

.mexperience_reply_time 
{
    float:left;
    margin-top:5px;
    color: #999999;
    font-size:13px;  
    line-height:22px; 
}

.mexperience_reply_comment 
{
    float:left;
    margin-top:5px;  
}

.mexperience_reply_comment a 
{
    color: #999999;
    font-size:13px;
    line-height:22px;
}

.posts_action .exp_reply3
{
   background-image: ; 
}

.mexperience_reply_action 
{
    float:right; 
}

.mexperience_reply_action a 
{
   padding:3px 5px 3px 5px;   
}

.mexperience_reply_action a img 
{
    width:22px;
    height:22px;  
}

.mexperience_reply_more a img 
{
    width:36px;
    height:22px;  
}

.single_notebook_item 
{
   width:calc((100% - 20px)/3);
   height:calc((100% - 20px)/3*4/3); 
   float:left;
   margin-bottom:20px;
   cursor:pointer;
}

.single_notebook_item .book_img 
{
    width:100%;
    height:100%; 
}

.single_notebook_item img 
{
    width:100%;
    height:100%; 
}

.book_p
{
  margin-right:10px;   
}

.single_notebook_item .book_n 
{
     width:100%;
     text-align:center;
     display:block;
     display:-webkit-box;
     max-height:20px;
     overflow:hidden;
     text-overflow:ellipsis;
     -webkit-line-clamp:1;
     -webkit-box-orient:vertical;
     margin-top:5px;
}

.course_intro 
{
   text-align:center;
   height:30px;
   margin-top:30px;
   font-size:16px;
}

.course_intro span 
{
   display:inline-block;
   vertical-align: middle;
   line-height:30px;
   color:#333333;
}

.course_intro img
{
   display:inline-block;
   margin-top:1px;
   width:20px;
   height:20px;
}

.mfind_resources_categoryname 
{
   font-size:20px;
   font-weight:bold;
   padding-top:20px; 
   margin-left:20px; 
   color:#333333;
}

.mfind_resources_count 
{
    font-size:13px;
    color:#999999;
    margin-left:20px;
    margin-top:3px;
}

.mfind_resources_item 
{
  margin-top:15px;
  margin-bottom:15px;  
}

.mfind_resources_image 
{
    float:left;  
    margin-left:20px;  
}

.mfind_resources_image img 
{
   width:60px;
   height:80px;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;  
}

.mfind_resources_content 
{
    float:right;
    margin-left:10px; 
    margin-right:20px;
    width:calc(100% - 110px);
}

.mfind_resources_content .mfind_resources_itemname 
{
    font-size:16px;
    font-weight:bold;
    color:#333333;
}

.mfind_resources_content .mfind_resources_itemcount 
{
    font-size:13px;
    color:#999999;
    margin-top:5px;
}

.mfind_resources_content .mfind_resources_itemdes 
{
    font-size:13px;
    color:#333333;
    margin-top:10px;
}

.mfind_resources_content .mfind_resources_itemdes .img 
{
     float:left;
}

.mfind_resources_content .mfind_resources_itemdes .img img 
{
    width:10px;   
}

.mfind_resources_content .mfind_resources_itemdes .intro 
{
     float: left;
     width: calc(100% - 15px);
     line-height: 170%;
     margin-left: 5px;
}
.mfind_resources_tags 
{
    margin-top:5px;
}
.mfind_resources_tags .tag_item 
{
   float:left;
   margin-top:5px;
   margin-right:5px;
   color:#ff5a50;
   border:1px solid #f0c0c0;
   font-size:11px;
   padding:0px 5px 0px 5px;
   border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   height:19px;
   line-height:19px;
}

.mfind_resources_split 
 {
   height:10px;
   background-color:#f7f7f7;
   margin-top:20px;
 }
 
 .single_newresource_sty 
 {
    color:#1d89ff; 
 }
 
 .mfind_resources_line
{
    background-color: rgb(236,236,236);
    height: 1px;
}
.resource_topic_item 
{
  float:left;
  width:calc(50% - 20px);
  margin:20px 10px 0px 10px 
}

.resource_topic_item img
{
  width:100%;
}

.edit_article_topic 
{
   float:left;
   margin-top: 25px;
   margin-left:10px;  
}
.edit_article_topic img 
{
    width:20px;
}
.add_article_topic 
{
    float: left;
    color: #1d89ff;
    padding: 3px 10px 3px 10px;
    border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
    border:1px solid #1d89ff;
}
.course_action_left2
{
    float:left;
    margin-left:20px;
    margin-right:5px;
    width:calc((100% - 60px)/3);
}
.course_action_left2 img
{
    width:100%;
}
.course_action_center2
{
    margin-left:5px;
    margin-right:5px;
    float:left;
    width:calc((100% - 60px)/3);
}
.course_action_center2 img
{
    width:100%;
}
.course_action_right2
{
    margin-left:5px;
    margin-right:20px;
    float:right;
    width:calc((100% - 60px)/3);
}
.course_action_right2 img
{
    width:100%;
}
.idea_images 
{
    margin-left:15px;
    margin-right:5px;  
}
.idea_images .idea_item_image
{
    float:left;
    width:calc((100% - 50px)/3);
    margin-right:10px;
    margin-bottom:10px;
}
.idea_images .idea_item_image img
{
    width:100%;
}
.idea_books 
{
   margin-left:15px;
   margin-right:15px;  
   margin-top:10px;
}
.all_nav_stybg 
{
    background-color:#333333;
    height:100%;
}
.all_nav_sty .all_nav_content
{
    display:inline-block;
    text-align:left;
    height:100%;
    width:100%;
}
.all_nav_sty .nav_logo_head
{
    display:inline-block;
    height:100%;
    cursor:pointer;
}
.all_nav_sty .nav_logo_head .nav_logo_img
{
   display:inline-block;
   vertical-align:middle;
   height:100%;
}
.all_nav_sty .nav_logo_head .nav_logo_img img 
{
    margin-top: 8px;
    width: 18px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.all_nav_sty .nav_logo_head .nav_logo_name
{
    display:inline-block;
    vertical-align:middle;
    font-size: 10.5pt;
    color: white;
}
.all_nav_sty .nav_logo_head .nav_logo_name .site_name
{
    font-size: 10.5pt;
}
.all_nav_sty .nav_logo_head .nav_logo_name .site_des
{
    margin-left:5px;
}
.all_nav_sty .nav_logo_head .nav_logo_describe
{
    display:inline-block;
    vertical-align:middle;
    font-size:12px;
    color:#f0f0f0;
}
.nav_logo_search 
{
    display:inline-block;
    vertical-align:middle;
    margin-top:13.5px;
}
.nav_right_line 
{
   height:20px;
   width:1px;
   background-color:#d5d5d5;
}
.partial_home_tab
{
   text-align:center;  
   width: 590px;
}
.partial_home_tab .center
{
    display:inline-block;
    text-align:left;
}
.partial_home_tab .home_tab_title 
{
    margin-top:25px;
}
.partial_home_tab .home_tab_title .name
{
    display:inline-block;
    font-size:26px; 
}
.partial_home_tab .home_tab_title .des
{
    display:inline-block;
    color:#8f8e94;
    font-size:14px;
    margin-left:10px;
}
.home_tab 
{
    margin-top:15px;  
}
.home_tab .home_tab_item
{
    float:left;
    cursor:pointer;
}
.home_tab .home_tab_item_s 
{
    margin-top:5px;
    height:3px;
    margin-left:20px;
    margin-right:20px;
}
.home_tab .home_tab_item_c 
{
    display: table;
    width:calc(570px/5);
    height:70px;
    text-align:center;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
.home_tab .home_tab_item_c .v_center
{
    display: table-cell; 
    vertical-align: middle; 
}
.home_tab .home_tab_item_c .name
{
    font-size:18px;
    font-weight:bold;
    color:white;
}
.home_tab .home_tab_item_c .des
{
    color:white;
    font-size:12px;
    margin-top:5px;
}
.home_peanut_essay 
{
   margin-top:25px;  
}
.home_peanut_essay .title 
{
    display:inline-block;
    font-size:16px;
    color:#333333;
}
.home_peanut_essay .des 
{
    display:inline-block;
    font-size:14px;
    color:#8f8e94;
    margin-left:5px;
}
.home_peanut_essay .content 
{
    margin-top:15px;
}
.home_peanut_essay .content_item
{
    margin-right:25px;
    cursor:pointer;
}
.home_peanut_essay .content_item img 
{
    width:15px;
    height:15px;
    display:inline-block;
}
.home_peanut_essay .content_item span 
{
    color:#333333;
    display:inline-block;
    font-size:14px;
}
.home_peanut_essay .content_item_f 
{
    float:left;
}
.home_peanut_essay .content_item_t
{
   margin-top:10px;
   float:left;
}
.peanut_essay_more 
{
   margin-top:10px;
   float:left;
   cursor:pointer;
}
.peanut_essay_more img
{
    width:13px;
    height:13px;
    display:inline-block;
    vertical-align: middle;
}
.peanut_essay_more span
{
   color:#8f8e94;
   display:inline-block;
   vertical-align: middle;
   margin-right:3px;
}
.home_peanut_answer 
{
    margin-top:25px;
}
.home_peanut_answer .title
{
    font-size:16px;
    color:#333333;
}

.home_peanut_answer .content 
{
    margin-top:5px;   
}

.home_peanut_answer .content_item
{
    margin-top:10px;
    cursor:pointer;
}
.home_peanut_answer .content_item .img
{
    display:inline-block;
    color:#333333;
    font-size:20px;
    font-weight:bold;
    margin-right:3px;
}
.home_peanut_answer .content_item .name
{
     color:#333333;
    display:inline-block;
    font-size:14px;
}
.home_peanut_recommend 
{
    margin-top:25px;
    font-size:16px;
    color:#333333;
}
.home_peanut_app 
{
    width:100%;
    cursor:pointer;
}
.home_peanut_app img 
{
  width:100%; 
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;  
}
#nav_search 
{
    padding: 0;
    margin-bottom: 0px;
}
.home_action 
{
   background-color:white;
   margin-bottom:10px;
}
.home_action .home_action_item 
{
     float:left;
     display: table;
     text-align:center;
     width:calc(100%/4);
     height:74px;
     cursor:pointer;
     color:#444;
}
.home_action .home_action_item:hover 
{
    color:#ff5050;
}
.home_action .column1 
{
    padding-top:10px; 
}
.home_action .column2 
{
    padding-bottom:10px;
}
.home_action .home_action_item img 
{
     width:40px;
     height:40px;
     display:inline-block;
}
.home_action .home_action_item span 
{
     margin-top:5px;
     display:block;
     font-size: 16px;
}
.home_action .home_action_item .v_center
{
    display: table-cell; 
    vertical-align: middle; 
}
.english_guide_hottopic .title 
{
    margin-top: 25px;
    margin-bottom:15px;
    font-size: 16px;
    font-weight:bold;
    color:
    #333333;
}
.english_guide_hottopic .hottopic_item 
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    width:calc((100% - 18px)/3);
    display:inline-block;
    text-align:center;
    cursor:pointer;
}
.english_guide_hottopic .hottopic_item_p
{
    margin-right:5px;
}
.english_guide_hottopic .hottopic_item .img 
{
    margin-top:20px;
}
.english_guide_hottopic .hottopic_item .img img 
{
    width:60px;
    height:60px;
    border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
}
.english_guide_hottopic .hottopic_item .mane 
{
    margin-top:30px;
}
.english_guide_hottopic .hottopic_item .mane img 
{
    display:inline-block;
    width:20px;
    height:20px;
    vertical-align:middle;
    margin-right:3px;
}
.english_guide_hottopic .hottopic_item .mane span 
{
    display:inline-block;
    font-size:18px;
    font-weight:bold;
    color:#333333;
    vertical-align:middle;
}
.english_guide_hottopic .hottopic_item .count 
{
    margin-top:3px;
    font-size:14px;
    color:#999999;
}
.english_guide_hottopic .hottopic_item .des 
{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top:20px;
    margin-left:10px;
    margin-right:10px;
    font-size:14px;
    color:#999999;
}
.english_guide_hottopic .hottopic_item .action 
{
    font-size:12px;
    display:inline-block;
    padding-left:3px;
    margin-top:20px;
    margin-bottom:20px;
    border:1px solid #aaaaaa;
    color:#999999;
    width:75px;
    height:27px;
    line-height:25px;
    border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
}
.english_guide_hottopic .hottopic_item .action span 
{
   display:inline-block; 
   vertical-align:middle;
   line-height: 27px;
}
.english_guide_hottopic .hottopic_item .action img 
{
   display:inline-block;
   width:15px;
   vertical-align:middle;
}
.english_guide_englishtopic .title
{
    margin-top: 35px;
    margin-bottom:15px;
    font-size: 16px;
    color:#ff505a;
}
.english_guide_englishtopic .guide_englishtopic_item 
{
    display:inline-block;
    width:calc((100% - 10px)/2);
    cursor:pointer;
}
.english_guide_englishtopic .guide_englishtopic_item_m 
{
    margin-bottom:25px; 
}
.english_guide_englishtopic .guide_englishtopic_item .img img 
{
    width:50px;
    height:50px;
     border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
}
.english_guide_englishtopic .guide_englishtopic_item .img 
{
     display:inline-block;
     vertical-align:middle;
     margin-right:5px;
}
.english_guide_englishtopic .guide_englishtopic_item .content  
{
     display:inline-block;
     vertical-align:middle;
     width:calc(100% - 70px);
}
.english_guide_englishtopic .guide_englishtopic_item .content .name 
{
     font-size:16px;
     font-weight:bold;
     color:#333333;
     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.english_guide_englishtopic .guide_englishtopic_item .content .count 
{
     margin-top:5px;
     font-size:12px;
     color:#333333;
}
.reading_recommend_booklist .title
{
    margin-top: 40px;
    margin-bottom:25px;
    font-size: 16px;
    color:#ff505a;
}
.reading_recommend_booklist .booklist_item 
{
    width:calc((100% - 20px)/2);
    height:109px;
    display:inline-block;
    text-align:center;
    vertical-align:middle;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    cursor:pointer;
}
.reading_recommend_booklist .booklist_item_p
{
    margin-left:15px;   
}
.reading_recommend_booklist .booklist_item .name
{
     margin-top:20px;
     margin-left:20px;
     margin-right:20px;
     font-size:18px;
     font-weight:bold;
     color:white;
     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.reading_recommend_booklist .booklist_item .count
{
    margin-bottom:20px;
    margin-top:10px;
    font-size:12px;
    color:white;
}
.new_category_name 
{
    font-size:20px;
    font-weight:bold;
    color:#ff505a;
    margin-bottom:20px;
}
.new_category_list .new_category_item 
{
    float:left;
    width:65px;
    height:25px;
    margin-right:10px;
    margin-bottom:10px;
    text-align:center;
    line-height:25px;
     border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
    cursor:pointer;
}
.new_category_list .n 
{
     color:#a5a5a5;
     border:1px solid #acacac;
}
.new_category_list .s
{
     color:#ff505a;
     border:1px solid #ff505a;
}
.home_peanut_recommend .title {
    display: inline-block;
    font-size: 18px;
    color: 
    #333333;
}
.home_peanut_recommend .des {
    display: inline-block;
    font-size: 12px;
    color: 
    #8f8e94;
    margin-left: 5px;
}
.app-intro 
{
   margin-top:40px;
}
.app-intro .name 
{
   display:inline-block; 
   vertical-align:middle;
}
.app-intro .img 
{
   display:inline-block; 
   vertical-align:middle;
   width:25px;
}
.app-intro-img div 
{
    margin-top:150px;
    width:898px;
}
.app-intro-img img 
{
    width:100%;
}
.kiddobc_more_out2 
{
    margin:20px;
}
.site_content_width 
{
   width: 1230px;  
}
.site_tab_height 
{
   height:60px;
}
.all_tab_style 
{
   background:#fff;
   background-clip: border-box;
   -webkit-box-shadow: 0 1px 3px rgba(26,26,26,.1);
   box-shadow: 0 1px 3px rgba(26,26,26,.1);
   background-clip: content-box;
   text-align:center;
}
.all_tab_style .all_tab_content 
{
   display:inline-block; 
   text-align:left;
   height:100%;
}
.all_tab_style .all_tab_content .left, .all_tab_style .all_tab_content .left2
{
    float:left;
}
.all_tab_style .all_tab_content .left .logo_title, .all_tab_style .all_tab_content .left2 .logo_title
{
    display:inline-block;
    vertical-align:middle;
    margin-right:23px;
    cursor:pointer;
}
.all_tab_style .all_tab_content .left .logo_title img, .all_tab_style .all_tab_content .left2 .logo_title img 
{
    display:inline-block;
    vertical-align:middle;
    width:90px;
}
.all_tab_style .all_tab_content .right .tab_item, .all_tab_style .all_tab_content .left2 .tab_item 
{
    display:inline-block;
    vertical-align:middle;
    position: relative;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    color: #333333;
    text-align: center;
    padding: 19px 0px;
    margin:0px 17px;
    cursor:pointer;
}
.nav_add_article 
{
    display:inline-block;
    background-color:#ff5050;
    height:33px;
    color:white;
    padding:0px 12px 0px 12px;
    border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
    line-height:33px;
    margin-left:5px;
}
.all_tab_style .all_tab_content .right .is-active, .all_tab_style .all_tab_content .left2 .is-active 
{
    font-size: 20px;
    font-weight: 600;
    font-synthesis: style;
}

.all_tab_style .all_tab_content .right 
{
    float:right;
}

.topstory-tabcard {
    -webkit-box-shadow: none;
    box-shadow: none;
}

topstory-nomargincard {
    margin-bottom: 0 !important;
}

.card {
    margin-bottom: 10px;
    background: #fff;
    overflow: hidden;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.topstorytabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #f0f2f7;
    height: 58px;
}

.topstorytabs span
{
    color: #999999;
    margin-left: 5px;
    font-size: 13px;
}

.topstorytabs-link.is-active {
    color: #ff5050;
}

.topstorytabs-link:hover 
{
   color:#ff5050;  
}

.topstorytabs-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: bold;
    margin: 0 22px;
    color:#333;
}

.topic-right-item
{
    padding: 6px 10px;
    color:#ff5a60 !important;
    background-color:#f6f6f6;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 400;
    line-height: 32px;    
}

.category-by-ages 
{
   padding: 5px 20px 5px 20px;
   border-bottom: 1px solid #f0f2f7;
}

.category-by-content 
{
   float:left;
   height:38px;
   overflow:hidden;
   width:calc(100% - 72px - 10px);
}

.category-by-more 
{
   float:left;
   width:72px;
   height:26px;
   border:1px solid #9d9d9d;
   color: #999;
   text-align:center;
   border-radius: 999em;
   -webkit-border-radius: 999em;
   -moz-border-radius: 999em;
   cursor:pointer;
}

.category-by-more:hover 
{
    background-color:#f8f8f8;   
}

.category-by-more span 
{
    line-height:26px; 
}

.category-by-more img 
{
    width:15px;
    line-height:26px; 
}

.category-by-ages .category-item 
{
    float: left;
    width: auto;
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    padding: 0px 10px 0px 10px;
}

.category-by-ages .category-selected
{
    background-color:#ffecec;
    color:#ff505a;
}

.category-by-ages .category-select
{
    background-color:#f0f2f4;
    color: #444;
}

.category-by-ages .category-select2
{
    color: #333333;
}

.system_username 
{
    color: #666666;   
}
.main-slider {
 overflow:hidden;
 width:885px;
 height:277px;
 background-color:#eee;
 border-radius:5px;
 float:left;
 margin-right:15px
}
.main-slider,
.main-slider .bd li {
 position:relative;
}
.main-slider .bd li .mask {
 position:absolute;
 bottom:0;
 right:0;
 left:0;
 height:80px;
 background-color:rgba(0, 0, 0, 0.30);
}
.main-slider .bd li .mask2 {
 position:absolute;
 bottom:0;
 right:0;
 left:0;
 height:90px;
 background-color:rgba(0, 0, 0, 0.45);
}
.main-slider .bd li .title {
 position:absolute;
 bottom:10px;
 left:0;
 right:0;
 color:#fff;
 font-size:18px;
 font-weight:600;
 padding:20px;
 line-height:1.3;
}
.main-slider .bd li .mask2 .title2 {
 color:#fff;
 font-size:18px;
 font-weight:600;
 padding:20px;
 line-height:1.3;
}
.main-slider .next,
.main-slider .prev {
 background-color:rgba(0, 0, 0, 0.3);
 position:absolute;
 top:108.5px;
 width:50px;
 height:60px;
 font-size:30px;
 color:#fff;
 text-align:center;
 cursor:pointer;
 transition:.5s;
 line-height:60px;
}
.main-slider .next .fa,
.main-slider .prev .fa {
 line-height:55px
}
.main-slider .prev {
 left:-60px;
 -moz-user-select:none; 
-webkit-user-select:none; 
-ms-user-select:none;
user-select:none;
}
.main-slider .next {
 right:-60px;
 -moz-user-select:none; 
-webkit-user-select:none; 
-ms-user-select:none;
user-select:none;
}
.main-slider:hover .next,
.main-slider:hover .prev {
 opacity:1
}
.main-slider:hover .prev {
 left:0
}
.main-slider:hover .next {
 right:0
}
.main-slider li,
.main-slider ul {
 margin:0;
 padding:0;
 list-style:none;
}
.main-slider .supernice {
 position:absolute;
 bottom:10px;
 right:20px
}
.main-slider .supernice ul {
 margin:0;
}
.main-slider .supernice li {
 display:inline-block;
 height:4px;
 width:30px;
 border-radius:990em;
 background-color:hsla(0,0%,100%,.6);
 cursor:pointer;
 margin:3px;
}
.main-slider .supernice li.on {
 background-color:hsla(0,0%,100%,.95)
}
.fa-angle-left::before {
    content: "\e647";
}
.fa-angle-right::before {
    content: "\e659";
}
.gzq_img 
{
  margin-top:30px;
  width:100%;
}
.gzq_img img 
{
   width:100%;
}

.gzq_content 
{
  margin-top:30px;   
}
.gzq_content .gzq_content_title 
{
   margin-top:30px;
   font-size:20px;
   font-weight:bold;
   color:#333333;
}

.gzq_content .gzq_content_item 
{
  margin-top:10px;
  cursor:pointer;
  color: #3377aa;
  font-size:16px;
}
.gzq_end 
{
  margin-top:50px;
  margin-bottom:80px;
  text-align:center;   
}
.gzq_end img 
{
  display:inline-block;
  width:150px;
  height:150px; 
}
.gzq_end span 
{
  margin-top:5px;
  display:block; 
  font-size:12px;
  color:#999999;  
}
.learning_point_list 
{
   margin-top:20px;   
}
.learning_point_list .learning_point_item 
{
   float:left;
   width:calc(100%/4);
   margin-bottom:20px;
   cursor:pointer;
}
.learning_point_list .learning_point_item .image 
{
   text-align:center;
}
.learning_point_list .learning_point_item .image img
{
   display:inline-block;
   width:80px;
   height:80px;
   border-radius: 999em;
   -webkit-border-radius: 999em;
   -moz-border-radius: 999em;
}
.learning_point_list .learning_point_item .name
{
    margin-top:5px;
    text-align:center;
    font-size:17px;
    font-weight:bold;
}
.buy_books img 
{
    width:100%;
}
.hot_list_item .image 
{
   float:left;
}
.hot_list_item .image img 
{
    width:80px;
    height:80px;
}
.hot_list_item .content 
{
    margin-left:10px;
    float:left;
    width:calc(100% - 90px);
}
.hot_list_item .content .title
{
    margin-bottom:5px;
    font-size:15px;
    font-weight:bold;
    color:#333333;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
}
.hot_list_item .content .price 
{
    color:#ff505a;
    font-size:15px;
    font-weight:bold;
}
.book_look_other .image
{
    float:left;
    margin-left: 20px;
}
.book_look_other .image img 
{
    width:60px;
    height:80px;
}
.book_look_other .content 
{
    margin-left:10px;
    float:left;
    width:calc(100% - 100px);
}
.book_look_other .content .title
{
    margin-bottom:5px;
    font-size:15px;
    font-weight:bold;
    color:#333333;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
}
.book_look_other .content .summary 
{
    color:#666;
    font-size:13px;
}
.learningpoint_category_item 
{
    float:left;
    width:calc(100%/2);
}
.learningpoint_category_item .item_title
{
    display:inline-block;
    padding:5px 0px;
    color: #3377aa;
    background-color:#f6f6f6;
    margin-bottom:10px;
    min-width:74px;
    text-align:center;
}
.card-section2
{
    padding: 16px 20px 6px 20px;
    position: relative;
}
.hot_list_item2 
{
   cursor:pointer;
}
.hot_list_item2 .image 
{
    float:left;
    margin-left:20px;
   margin-top:20px;
 }
.hot_list_item2 .image img 
{
    width:100px;
    height:100px;
}
.hot_list_item2 .content 
{
    margin-left:10px;
   margin-top:20px;
    float:left;
    width:calc(100% - 150px);
}
.hot_list_item2 .content .title
{
    margin-bottom:5px;
    font-size:18px;
    font-weight:bold;
    color:#333333;
}
.hot_list_item2 .content .summary 
{
    font-size:15px;
    color:#666666;
    margin-top:5px; 
}
.hot_list_item2 .content .price 
{
    display:inline-block;
    color:#ff505a;
    font-size:18px;
    font-weight:bold;
    margin-top:20px;
}
.hot_list_item2 .content .original_price
{
    display:inline-block;
    margin-left: 10px;
    margin-top:20px;
    color: #999999;
    font-size: 13px;
    text-decoration: line-through;
}
.hot_list_item2 .content .sold_out
{
    margin-top:20px;
    color: #999999;
    font-size: 15px;
}
.learningpoint_head .image 
{
    display:inline-block;
}
.learningpoint_head .image img
{
    width:60px;
    height:60px;
}
.learningpoint_head 
{
    padding:20px;  
}
.learningpoint_head .title 
{
    display:inline-block;
    font-size:18px;
    font-weight:bold;
    margin-left:10px;
    color:#333333;
}
.learningpoint_head .content 
{
    margin-top:15px;
    font-size:15px;
    color:#333333;
    line-height:25px;
}
.hot_list_experience 
{
    display:block;
    margin:20px 20px 0px 20px;   
    background-color:#f8f8f8;
    padding:15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor:pointer;
}
.hot_list_experience .title
{
    font-size:15px;
    color:#666666;
}
.hot_list_experience .detail
{
    font-size:13px;
    color: #3377aa;
}
.book_unit_info .image 
{
  float:left;   
}
.book_unit_info 
{
  padding:20px;
}
.book_unit_info .image img
{
  width:200px;
  height:200px;
}
.book_unit_info .info 
{
  float:left;  
  margin-left:20px;
  width:calc(100% - 220px);
  height:200px;
  position:relative;
}
.book_unit_info .info .title 
{
    font-size:20px;
    font-weight:bold;
    color:#333333;
}
.book_unit_info .info .summary 
{
    font-size:15px;
    color:#666666;
    margin-top:5px; 
}
.book_unit_info .info .price 
{
    display:inline-block;
    color:#ff505a;
    font-size:22px;
    font-weight:bold;
    margin-top:20px;
}
.book_unit_info .info .original_price
{
    display:inline-block;
    margin-left: 10px;
    margin-top:20px;
    color: #999999;
    font-size: 13px;
    text-decoration: line-through;
}
.book_unit_info .buy 
{   
    position:absolute;
    bottom:0;
}
.book_unit_info .buy .buy_btn 
{
    background-color:#ff7916;
    width:120px;
    height:35px;
    color:white;
    text-align:center;
    line-height:35px;
    font-size:16px;
    margin-top:25px;
    cursor:pointer;
    border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
}
.book_unit_buyway 
{
    margin-top:10px;
}
.book_unit_buyway img 
{
    width:100%;
}
.book_unit_detail 
{
    margin-top:10px;
    padding: 20px;
}
.book_unit_detail .title 
{
    font-size:18px;
    font-weight:bold;
    color:#333333;
}
.book_unit_detail .content
{
    margin-top:15px;
   
}
.book_unit_detail .content p 
{
    margin:0;
    padding:0;   
}
.small_course_item 
{
  float:left;
  width:calc((100% - 20px)/3);  
  min-height:215px; 
  cursor:pointer;
}
.small_course_item .image img 
{
   width:100%;  
   border-top-left-radius:5px;
   border-top-right-radius:5px;
   -webkit-border-top-left-radius: 5px;
   -moz-border-top-left-radius: 5px;
   -webkit-border-top-right-radius: 5px;
   -moz-border-top-right-radius: 5px;
}
.small_course_item .title
{
    margin:10px; 
    font-size:15px;
    color:#333333;
}
.big_courses .big_course_item 
{
    margin-top:10px;
}
.big_courses .big_course_item 
{
    padding:20px; 
    cursor:pointer;
}
.big_courses .big_course_item .title 
{
    font-size:25px;
    font-weight:bold;
    color:#333333;
}
.big_courses .big_course_item .age 
{
   font-size:15px;
   color:#ff505a;  
   margin-top:5px; 
}
.big_courses .big_course_item .image 
{
    margin-top:15px;
}
.big_courses .big_course_item .image img
{
    width:100%;
}
.big_courses .big_course_item .des 
{
    margin-top:15px;
    font-size:15px;
    color:#333333; 
    line-height:25px; 
}
.big_courses .big_course_item .more 
{
    text-align:center;
    margin-top:15px; 
}
 .big_courses .big_course_item .more .more_btn 
{
   border:1px solid #aaaaaa;
   display:inline-block;
   color:#959595;
   font-size:13px;     
   border-radius: 999em;
   -webkit-border-radius: 999em;
   -moz-border-radius: 999em;
   padding:5px 10px;
}
.big_courses .big_course_item .more .more_btn span 
{
    display:inline-block;
    vertical-align:middle;
}
.big_courses .big_course_item .more .more_btn img 
{
   width:13px;  
   display:inline-block;
   vertical-align:middle;
}
.peanut_classroom_title 
{
    font-size:30px;
    font-weight:bold;
    color:#333333;
    margin-bottom:20px;   
    margin-top:10px;
}
.peanut_classroom_bottom 
{
    margin-top:20px;  
}
.peanut_classroom_bottom img 
{
    width:100%;
}
.single_course_content 
{
    padding:20px;
    margin-top:10px; 
}
.book_units 
{
   margin-top:20px;
}
.book_units_title 
{
  margin-top:30px;
  margin-left:10px;
  font-size:20px;
  font-weight:bold;
  color:#333333;   
}
.book_units_title2
{
  font-size:20px;
  font-weight:bold;
  color:#333333; 
  padding-left:20px;
  padding-top:20px;  
}
.book_units_more 
{
  float:right;
  line-height:58px;  
  position:absolute;
  right:20px;
  font-size: 16px;
  color: #3377aa; 
}
.whitepaper_article_item .item_title 
{
    color: #3377aa;
    font-size: 14px;
    line-height: 21px;
}
.whitepaper_article_item {
    margin-bottom: 10px;
}
.review_bg 
{
    background-color:rgb(246,246,246); 
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    margin-bottom:20px;
}
.review_bg .review_content1 img
{
   display:inline-block; 
   width:10px;
   vertical-align: middle;
}
.review_bg .review_content1 div
{
   display:inline-block;
   color:#333333;
   margin-left:3px;
   vertical-align: middle;
}
.review_bg .review_content2
{
    color:#333333;
    margin-top:3px;
}
.review_other 
{ 
   text-align:center; 
}
.review_other .content 
{
   display:inline-block;  
   margin-top:150px; 
}
.review_other .img img
{
   width:50px;
}
.review_other .text 
{
   margin-top:5px;
   font-size:20px;
   color:#999999;
}
.selected_topics 
{
    margin:0px 10px 10px 20px;
}
.selected_topics_title 
{
    margin-bottom:10px;
    font-size:12px;
    color:#666666; 
}

.selected_topic_item 
{
    font-size:13px;
    background-color:#ececec;
    display:inline-block;
    padding:5px 8px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-right:10px;
    margin-bottom:10px;
}

.recommended_reading_title {
    font-size: 11pt;
    color: #999999;
    margin-bottom: 15px;
    margin-top: 5px;
}
.recommended_reading_item   .recommended_reading_item {
    margin-top: 10px;
}
.recommended_reading_item .title {
    font-size: 16px;
    color: #333333;
    margin-bottom: 5px;
}
.recommended_reading_item .count {
    font-size: 12px;
    color: #999999;
    margin-bottom: 5px;
}
.blog_catalogue_foraddarticle 
{
  position:fixed;   
  top: 168px;
  width: 180px;
}

.blog_catalogue_add div 
{
   color:#ff505a;
   border:1px solid #ff505a;
   background-color:white;
   font-size:14px;
   width:100px;
   height:30px;
   text-align:center;
   line-height:30px;
   border-radius: 15px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   cursor:pointer;
}
.tb_add_catalogue 
{
   width:420px;  
}

.tb_add_catalogue .catalogue_input 
{
   width:calc(100% - 40px);
   height:34px;  
   margin-left:15px;
   margin-right:15px;
   border:1px solid #999999;
   border-radius: 17px;
   -webkit-border-radius: 17px;
   -moz-border-radius: 17px;
}
.tb_add_catalogue .catalogue_input #addcataloguename 
{
    height:32px;
    border:0px;
    margin-left:17px;
    outline:none;
    width:calc(100% - 100px);
}
.tb_add_catalogue .catalogue_input .word_limit 
{
     font-size:12px;
     color:#999999;
}
.tb_add_catalogue .catalogue_input .word_count 
{
     color:#ff505a;
}
.card-header-padding 
{
    background-color: #f6f6f6;
    height:10px;
    display:none;
}
.write_blog_tip
{
    font-size: 15px;
    color: #ff5050;
    font-weight: bold;
    margin-bottom: 15px;
}
.write_blog_tip img
{
    width: 15px;
    height: 15px;
    margin-right: 5px;
}
.blog_tip_content
{
    font-size: 15px;
    color: #333333;
    margin-bottom: 25px;
}
.blog_tip_content span
{
    font-weight: bold;
}

.home_feed_noteitem 
{
   display:block;
}

.home_feed_noteitem .title
{
    color: #1a1a1a;
    font-size: 17px;
    font-weight: bold;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px;
    text-align: left;
}
.home_feed_noteitem .content
{
    color: #666666;
    font-size: 11pt;
    line-height: 20px;
    margin-left: 15px;
    margin-right: 15px;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.home_feed_noteitem .feed_image, .content_text .feed_image
{
    width: 550px;
    margin-top:5px;
    display: inline-block;
}
.home_feed_noteitem .feed_image .image_item, .content_text .feed_image .image_item
{
    float: left;
    width:160px;
    height:160px;
    margin-bottom: 5px;
}

.home_feed_noteitem .feed_image .image_item img, .content_text .feed_image .image_item img
{
    width:100%;
    height:100%;
    margin-top: 5px;
}
.home_feed_noteitem .image_padding, .content_text .image_padding
{
    margin-right:5px;
}


.home_feed_noteitem .feed_image1
{
    width: 550px;
    margin-top: 5px;
    display: inline-block;
}
.home_feed_noteitem .feed_image1 .image_item1
{
    float: left;
    width: 160px;
    height: 160px;
    margin-bottom: 5px;
}

.home_feed_noteitem .feed_image1 .image_item1 img
{
    width: 100%;
    height: 100%;
    margin-top: 5px;
}
.home_feed_noteitem .image_padding1
{
    margin-right:5px;
}

.home_feed_noteitem .feed_action
{
    margin-left: 15px;
    margin-top: 15px;
    text-align: left;
}
.home_feed_noteitem .feed_action_item
{
    height: 20px;
    display: inline-block;
    margin-right: 15px;
}
.home_feed_noteitem .feed_action_item img
{
    float:left;
    width:20px;
    height:20px;
    margin-right:3px;
}
.home_feed_noteitem .feed_action_item span
{
    float:left;
    height: 20px;
    font-size:13px;
    color:rgb(186,186,186);
    text-align: center;
}
.home_feed_noteitem .single_note_topics
{
    float:left;
    margin-top:10px;
    margin-left:15px;
    margin-right:15px;
    padding:3px 10px 3px 10px;
    background-color:#f2f2f2;
    border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
}
.home_feed_noteitem .single_note_topics img
{
    float:left;
    width:14px;
    height:14px;
    margin-right:5px;
    margin-top:3px;
}
.home_feed_noteitem .single_note_topics span
{
    line-height:20px;
    color:#333333;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:13px;
}
.home_feed_noteitem .bc_rating_star, .experience_userinfo .bc_rating_star
{
    margin-top:10px;
    margin-bottom: 10px;
    display: flex;
}
.home_feed_noteitem .bc_rating_star img, .experience_userinfo .bc_rating_star img {
    width: 12px;
    height: 12px;
    margin-right: 1px;
}
.home_feed_noteitem  .note_content {
    width: 100%;
    text-align: left;
}
.anli_resource_filmanimation {
    margin-bottom: 15px;
}
.home_feed_noteitem .content_text 
{
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.7;
    color: #444;
}
.content_text a
{
    color: #3377aa;
}

.content_text span, .home_feed_noteitem .content_text a span
{
    color: #444;
    font-size: 16px;
}

.home_feed_noteitem .content_text:hover, .home_feed_noteitem .content_text span:hover
{
    color: #666;
}

.home_feed_noteitem .resource_title 
{
    font-weight: bold;
    color: #333333;   
}

.index_exp_contentaction .collection-tag-red img, .exp_contentaction_item .collection-tag-red img, .collection-tag-black img
{
   width:14px;  
   height:14px;
   margin-bottom:2px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.index_exp_contentaction .collection-tag-red span 
{
   line-height:14px;
}
.note_image_more 
{
  margin-top:5px;   
}
.note_image_more a 
{
  color:#21639a;
}
.note_image_more img 
{
  width:12px;
  height:12px;
  margin-bottom:2px;
}

.all_search_more
{
    margin-bottom: 20px;
}
.all_search_more .type_name
{
    display: inline-block;
    font-size: 15px;
    color: #333333;
    font-weight: bold;
    line-height: 20px;
}
.all_search_more .view_more
{
    display: inline-block;
    float: right;
    font: 13px;
    color: #3377aa;
}
.panel-card
{
    border-radius: 4px;
    cursor: pointer;
    background: #fff;
    font-size: 14px;
}
.panel-card .inner 
{
    height: 80px;
    margin: 10px 20px;
    display: block;
    color: #555;
}
.panel-card a {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    touch-callout: none;
    -webkit-touch-callout: none;
    color: #555;
}
.panel-card a:hover 
{
    color: #3377aa;
}
.panel-card .inner .picture {
    position: relative;
    margin: 0 10px 0 0;
    overflow: hidden;
    float: left;
    background: #f8f8fa;
    width: 80px;
    height: 80px;
    border-radius: 4px;
}
.panel-card .inner .picture .photo {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}
.panel-card .inner .picture i {
    font-style: italic;
}
.panel-card .inner .content {
    float: left;
    width: calc(100% - 80px - 10px);
    margin: 3px 0 0;
}
.panel-card .inner .desc {
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    margin: 0;
}
.panel-card .inner p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.panel-card .inner .info {
    margin: 15px 0 0;
    color: #999;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: 15px;
}
.panel-card .content .info img {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.panel-card .info .user_name {
    margin-left: 8px;
    margin-right: 5px;
    color: #3377aa;
    line-height: 15px;
}
.panel-card .info .child img
{
    width: 12px;
    height: 12px;
    margin-left: 5px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}
.panel-card .info .child span
{
    font-size: 12px;
    color: #999;
    margin-right: 0px;
}

.s_note_roundtable
{
    margin-left: -20px;
    margin-bottom: 15px;
}
.s_note_roundtable img
{
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 6px;
}
.s_note_roundtable .roundtable_title
{
    float: left;
    margin-left: 10px;
}
.s_note_roundtable .roundtable_title span
{
    font-size: 20px;
    font-weight: bold;
    color: #333333;
}
.s_note_roundtable .roundtable_summary
{
    font-size: 15px;
    color: #3377aa;
    font-weight: normal;
    margin-top: 5px;
}
.roungtabl_line
{
    height: 1px;
    background: #ddd;
    margin-bottom: 15px;
}

.s_note_title
{
    font-size:20px;
    font-weight:bold;
    text-align: left;
    color: #333333;
}
.s_note_content
{
   color: #333;
    margin-bottom: 20px;
    font: 16px/1.8 "microsoft yahei" ,arial,helvetica,sans-serif, "宋体";
    letter-spacing: 1px;
}
.s_note_content pre 
{
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    display: block;
    font: 16px/1.8 "microsoft yahei" ,arial,helvetica,sans-serif, "宋体";
    margin: 1em 0px;
}
.s_note_content_padding
{
}
.s_note_topics
{
    float:left;
    padding:3px 10px 3px 10px;
    background-color:#f2f2f2;
    border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
}
.s_note_topics:hover
{
    background-color: #eaeaea;
}
.s_note_topics img
{
    float:left;
    width:14px;
    height:14px;
    margin-right:5px;
    margin-top:3px;
}
.s_note_topics span
{
    line-height:20px;
    color:#333333;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:13px;
}
.s_note_time 
{
    text-align: left;
    font-size: 13px;
    color: #999999;
}
.roundtable_css .head {
    padding-top: 20px;
    padding-bottom: 20px;
}

.roundtable_css .head .topic {
    width: 100%;
    height: 28px;
    display: flex;
    margin-bottom: 20px;
}

.roundtable_css .head .topic .collection-tag-red
{
    padding: 0 10px;
    line-height: 28px;
    text-align: center;
}

.roundtable_css .head .topic .single_topic {
    height: 28px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 28px;
    text-align: center;
    color: #ff5050;
    background-color:#fee9e9;
    font-size: 10px;
    border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
    cursor:pointer;
}
.roundtable_css .head .topic .single_topic:hover
{
    background-color:#fee0e0;
}

.roundtable_css .head .title {
    color: #333;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
}

.roundtable_css .head .introduction 
{
    text-align: left;
    color: #333;
    margin-top: 15px;   
    font-size: 15px;
    line-height: 25px;
}

.roundtable_css .head .intro_expand
{
    display:block;
    overflow:auto;
}

.roundtable_css .head .intro_collapse
{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    overflow: hidden;
}

.roundtable_css .head .introduction_more 
{  
    text-align:center;
    margin-top:10px;
}

.roundtable_css .head .introduction_more a 
{
    color:white;
    display:inline-block;
    padding:0px;
    margin:0px;
    vertical-align:middle;
}

.roundtable_css .head .introduction_more img
{
    width:12px;
    height:12px;
    padding:0px;
    margin:0px;
    display:inline-block;
    vertical-align:middle;
}

.roundtable_css .column_title {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    color: #999999;
    font-size: 15px;
}

.roundtable_css .single_column {
    display: flex;
    text-align: left;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor:pointer;
}

.roundtable_css .single_column .column_no {
    font-style: italic;
    margin-left: 20px;
    font-size: 20px;
    color: #666666;
}

.roundtable_css .single_column .column_name 
{
    margin-left:10px;
    color: #333333;
    font-size: 17px;
}

.roundtable_css .single_column .column_count {
    margin-left:5px;
    color: #3377aa;
    font-size: 13px;
}

.roundtable_column_css .roundtable_column_title {
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 18pt;
    color: #333333;
    font-weight: bold;
}

.note_single_book {
    background-color: #f4f4f4;
    padding: 10px;
    cursor:pointer;
}
.sb_cover {
    float: left;
}
.sb_cover img {
    width: 50px;
    height: 75px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.sb_info {
    float: left;
    margin-left: 10px;
    text-align: left;
    width: calc(100% - 60px);
}
.sb_info .sb_name {
    font-size: 15px;
    color: #333333;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.sb_info .sb_detail {
    font-size: 12px;
    color: #999999;
    margin-bottom: 3px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.sb_info .sb_authorandpress {
    font-size: 12px;
    color: #999999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.note_more_book {
    text-align: left;
    width: 100%;
    white-space: wrap;
    overflow-x: hidden;
}
.note_more_book .mb_item {
    display: inline-block;
    width: 100px;
    vertical-align: top;
    cursor:pointer;
}
.note_more_book .mb_item .mb_cover {
    width: 100%;
}
.note_more_book .mb_item .mb_cover img {
    width: 100%;
    height: 129px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.note_more_book .mb_item .mb_name {
    margin-top: 4px;
    color: #333333;
    font-size: 13px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.bottom-gap .carousel {
    position: relative;
    background: #fbfbfb;
    overflow: hidden;
    border-radius: 4px;
}

.bottom-gap 
{
 
}

.bottom-gap * {
    box-sizing: border-box;
}

.bottom-gap ul {
    margin: 0;
    position:relative;
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.bottom-gap .carousel .slide li {
    position: absolute;
    z-index:999;
    list-style: none;
    display: list-item;
    text-align: -webkit-match-parent;
    margin-left:calc((100% - 500px)/2);
}

.bottom-gap .carousel .slide li .inner {
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 0 0 -40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
}

.bottom-gap .carousel .change-pic {
    height: 100%;
    width: 100%;
    position: relative;
    z-index:100;
}

.bottom-gap .carousel .change-pic .left {
    left: 10px;
    background:  no-repeat;
    background-size: contain;
}

.bottom-gap .carousel .change-pic .left, .carousel .change-pic .right {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    top: 50%;
    cursor: pointer;
}

.bottom-gap .carousel .change-pic .right {
    right: 10px;
    background:  no-repeat;
    background-size: contain;
}

.bottom-gap .small-pic {
    margin: 10px 0 0 calc((100% - 500px)/2);
    text-align: center;
}

.bottom-gap .small-pic .each {
    width: 40px;
    height: 40px;
    display: inline-block;
    margin: 0 5px 0 0;
    border-radius: 4px;
    opacity: .6;
    transition: opacity .8s ease;
    cursor: pointer;
}

.bottom-gap .small-pic .each .img {
    width: 100%;
    height: 100%;
    display: block;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 3px;
}

.bottom-gap .small-pic .each.active {
    box-shadow: 0 3px 8px 0 rgba(255,82,103,.5);
    border: 1px solid #ff2741;
    opacity: 1;
    transition: opacity .8s ease;
}

 .roundtable_picture {
    display: flex;
    flex-wrap: wrap;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 5px;
}
.roundtable_picture .roundtable_picture_item {
    width: 208px;
    height: 208px;
    padding: 0;
    margin-bottom: 5px;
}
.roundtable_picture .roundtable_picture_item .item_img {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border-radius: 4px;
}
.roundtable_more_book {
    margin-top: 20px;
    text-align: left;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling:touch;
}
.roundtable_more_book .mb_item {
    display: inline-block;
    width: 100px;
    vertical-align: top;
}
.roundtable_more_book .mb_item .mb_cover {
    width: 100%;
}
.roundtable_more_book .mb_item .mb_cover img {
    width: 100%;
    height: 129px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.roundtable_more_book .mb_item .mb_name {
    margin-top: 4px;
    color: #333333;
    font-size: 13px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow:ellipsis;
}
.secord_column_title
{
    padding: 10px 0 0 20px;
    font-size: 20px;
    font-weight: bold;
    color: #ff505a;
    text-align: left;
}
.home_topic_model .topics 
{
    margin-left:20px;
    margin-right:20px;
    margin-top:15px;
}
.home_topic_model .topics .topic_title
{
    float: left;
    width: 40px;
    padding:3px 5px 3px 5px;
    margin-right:5px;   
    font-size:17px;
    font-weight:bold;   
    color:#121212;
}
.home_topic_model .topic_content
{
    float: left;
    width: calc(100% - 60px);
}
.home_topic_model .topics .topic_item 
{
    display:inline-block;
    padding:5px 10px 5px 10px;
    margin-right:5px;
    background-color:#f2f2f2;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-bottom:8px;
}
.home_topic_model .topics .topic_item a
{
     font-size:15px;
     color:#333333;
}
.home_topic_model .topics .topic_item a:hover
{
     color:#3377aa;
}
.home_topic_model .topics .topic_more 
{
    display:inline-block;
    padding:5px 10px 5px 10px;
    margin-right:5px;
    background-color:#f2f2f2;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-bottom:8px;
}
.home_topic_model .topics .topic_more a
{
    font-size:13px;
    color:#999999;    
}
.home_topic_model .topics .topic_more a:hover
{
     color:#3377aa;
}
.home_topic_model .topics_bottom 
{
   height:20px;
}
.card-header-title
{
    float:left;
}
.card-header-more 
{
    float:right;
}
.card-header-more span
{
    font-size: 13px;
    font-weight:normal;  
    color: #3377aa; 
    display:inline-block;
    vertical-align:middle;
}
.card-header-more img
{
    width:20px;
    height:20px;
    display:inline-block;
    vertical-align:middle;
}
.card-header-question
{
    height: 30px;
    background-color: #ff5050;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}
.card-header-question span
{
    font-size: 15px;
    color: white;
    padding-left: 12px;
    padding-right: 12px;
    line-height: 30px;
    text-align: center;
}
.roundtables 
{
   margin-left:20px;
   margin-right:20px;  
}
.roundtables .roundtables_item 
{
    display:block;
    float:left;
    width:calc((100% - 20px)/3);
    height:125px;
     border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.roundtables .roundtables_item .title2 
{
    padding:10px 10px 0px 10px;
    height:calc(125px - 10px - 10px - 24px - 15px);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}
.roundtables .roundtables_item .title
{
    font-size:16px;
    font-weight:bold;
    color:#121212;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
}
.roundtables .roundtables_item .title:hover
{
    color: #906651;
}
.roundtables_bottom 
{
  height:20px;  
}
.roundtables .roundtables_item .info 
{
     margin:10px 10px 0px 10px;
}
.roundtables .roundtables_item .info .users
{
    
}
.roundtables .roundtables_item .info .count
{
    font-size:12px;
    color:#666666;
    display:inline-block;
}
.box_shadow .card-section .card-item a:hover{
    text-decoration: underline;
}
.home_feed_title 
{
    width:calc(100% - 57px - 190px - 10px);
}
.home_feed_title2 
{
    width:calc(100% - 57px);
}
.home_feed_no 
{
    float:left;
    font-weight: 600;
    font-synthesis: style;
    line-height: 1.6;
    font-size: 18px;
    color: #999;
    width:57px;
    text-align: center;
}
.a_index_exp_content:hover
{
    text-decoration:underline;
}

.home_topic_model2 .topics 
{
    margin-left:20px;
    margin-right:20px;
    margin-top:15px;
}
.home_topic_model2 .topics .topic_title
{
    padding:3px 5px 3px 5px;
    margin-right:5px;   
    font-size:15px;
    font-weight:bold;   
    color:#121212;
    margin-bottom:5px;
}
.home_topic_model2 .topics .topic_title2
{
    padding:3px 5px 3px 5px;
    margin-right:5px;   
    font-size:14px;
    color:#999;
}
.home_topic_model2 .topics .topic_item 
{
    display: inline-block;
    padding: 5px 10px 5px 10px;
    margin-right: 5px;
    background-color: #f2f2f2;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-bottom: 8px;
}
.home_topic_model2 .topics .topic_item img
{
    width: 15px;
    height: 15px;
    margin-right: 5px;
    margin-bottom: 2px;
}
.home_topic_model2 .topics .topic_item a
{
     font-size: 15px;
     color: #3377aa;
}
.home_topic_model2 .topics .topic_item a:hover
{
    color: #ff505a;
}
.home_topic_model2 .topics .topic_more 
{
    display:inline-block;
    padding:5px 10px 5px 10px;
    margin-right:5px;
    background-color:#f2f2f2;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-bottom:8px;
}
.home_topic_model2 .topics .topic_more a
{
    font-size:13px;
    color:#3377aa;    
}
.home_topic_model2 .topics .topic_more a:hover
{
    color: #ff505a;
}
.home_topic_model2 .topics_bottom 
{
   height:20px;
}
.single_roundtable_info .entry
{
    width:100%;
    height: 50px;
    display:inline-block;
}
.single_roundtable_info .entry .entry_left 
{
    float:right;
    margin-right:20px;
}
.single_roundtable_info .entry .entry_left span
{
    margin-left:20px;
    line-height:50px;
    color:#999999;
}
.single_roundtable_info .entry .entry_left a
{
    line-height:50px;
    margin-left:15px;
    color:#999999;
}
.single_roundtable_info .entry .entry_left a:hover 
{
    color:#666666; 
}
.single_roundtable_info .entry .entry_right 
{
    float:left;
    margin-top:10px;
    margin-left:20px;
}
.single_roundtable_info .entry .entry_right .operate_type
{
    display:inline-block;
    width:90px;
    height:30px;
    line-height: 30px;
    color: #ff5050;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
    border:1px solid #ff5050;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.single_roundtable_info .entry .entry_right .operate_type img
{
    width: 18px;
    height: 18px;
    margin-right: 5px;
}
.complex_search_title 
{
    font-size:13px;
    color:#666666;
    margin-left:20px;
}
.complex_search_more 
{
    text-align:center;
    height:44px;
    cursor:pointer;
}
.complex_search_more span 
{
    display:inline-block;
    vertical-align:middle;
    font-size:13px;
    color:#666;
    line-height:44px;
}
.complex_search_more:hover 
{
    background-color:#f9f9f9;
}
.complex_search_more img 
{
   display:inline-block;
   vertical-align:middle;
   width:20px;
   height:20px;  
}
.complex_search_split 
{
   height:10px;
   width:100%;
   background-color:#f4f4f4;
   margin-bottom:20px;
}
.complex_search_topic 
{
   margin-left:20px;
   margin-right:20px;  
   margin-bottom:20px;
}
.complex_search_topic a 
{
   display:inline-block;
   font-size:13px;
   color:#333333;  
   background-color:#f4f4f4;
   height:28px;
   line-height:28px;
   padding-left:12px;
   padding-right:12px;
   border-radius: 999em;
   -webkit-border-radius: 999em;
   -moz-border-radius: 999em;
   margin-right:8px;
}
.complex_search_topic a:hover
{
   color:#ff5050;
}
.index_exp_feedcontent 
{
    display:block;
    min-height: 25px;
    max-height: 50px;
    white-space: normal;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 25px;
    margin-top: 2px;
    color: #333;
    font-size: 15px;
    margin-top:5px;
}
.index_exp_feedcontent:hover
{
    color: #666;
}
button {
 padding:0;
 font:inherit;
 color:inherit;
 cursor:pointer;
 background:none;
 border:none;
 outline:none;
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none
}
body,
button,
p,
pre {
 margin:0
}
h1,
h2,
h3 {
 margin:0;
 font:inherit
}
/**
ol,
ul {
 padding:0;
 margin:0
}**/
/**
li {
 list-style-type:none
}**/
a {
 color:inherit;
 text-decoration:none
}
.a11y-button:focus,
.a11y-input:focus,
.a11y-link:focus {
 outline:none;
 -webkit-transition:-webkit-box-shadow .3s;
 transition:-webkit-box-shadow .3s;
 transition:box-shadow .3s;
 transition:box-shadow .3s,-webkit-box-shadow .3s
}
html[data-focus-visible] .a11y-button:focus,
html[data-focus-visible] .a11y-input:focus,
html[data-focus-visible] .a11y-link:focus {
 -webkit-box-shadow:0 0 0 2px #fff,0 0 0 5px rgba(0,102,255,.3);
 box-shadow:0 0 0 2px #fff,0 0 0 5px rgba(0,102,255,.3)
}
html[data-theme=dark][data-focus-visible] .a11y-button:focus,
html[data-theme=dark][data-focus-visible] .a11y-input:focus,
html[data-theme=dark][data-focus-visible] .a11y-link:focus {
 -webkit-box-shadow:0 0 0 2px #121212,0 0 0 5px rgba(85,142,255,.6);
 box-shadow:0 0 0 2px #121212,0 0 0 5px rgba(85,142,255,.6)
}
.unknownerror {
 height:100%;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 font-size:18px;
 padding:48px
}
.cornerbuttons,
.unknownerror {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.cornerbuttons {
 position:fixed;
 bottom:0;
 right:12px;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-transition:-webkit-transform .2s ease;
 transition:-webkit-transform .2s ease;
 transition:transform .2s ease;
 transition:transform .2s ease,-webkit-transform .2s ease;
 will-change:transfrom
}
.button {
 display:inline-block;
 padding:0 16px;
 font-size:14px;
 line-height:32px;
 text-align:center;
 cursor:pointer;
 background:none;
 border:1px solid;
 border-radius:3px
}
.button,
html[data-theme=dark] .button {
 color:#8590a6
}
.button::-moz-focus-inner {
 padding:0;
 border:0
}
.button:focus {
 outline:none;
 -webkit-transition:-webkit-box-shadow .3s;
 transition:-webkit-box-shadow .3s;
 transition:box-shadow .3s;
 transition:box-shadow .3s,-webkit-box-shadow .3s
}
html[data-focus-visible] .button:focus {
 -webkit-box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(0,102,255,.3);
 box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(0,102,255,.3)
}
html[data-theme=dark][data-focus-visible] .button:focus {
 -webkit-box-shadow:0 0 0 2px #121212,0 0 0 4px rgba(51,119,255,.6);
 box-shadow:0 0 0 2px #121212,0 0 0 4px rgba(51,119,255,.6)
}
.button:disabled {
 cursor:default;
 opacity:.5;
 pointer-events:none
}
.button--grey {
 color:#8590a6;
 border-color:#8590a6
}
html[data-theme=dark] .button--grey {
 color:#8590a6;
 border-color:#8590a6
}
.button--grey:hover,
html[data-theme=dark] .button--grey:hover {
 background-color:rgba(133,144,166,.06)
}
.button--blue {
 color:#06f;
 border-color:#06f
}
html[data-theme=dark] .button--blue {
 color:#37f;
 border-color:#37f
}
.button--blue:hover {
 background-color:rgba(0,102,255,.06)
}
html[data-theme=dark] .button--blue:hover {
 background-color:rgba(51,119,255,.06)
}
.button--green {
 color:#11a668;
 border-color:#11a668
}
.button--green:hover {
 background-color:rgba(17,166,104,.06)
}
html[data-theme=dark] .button--green {
 color:#11a668;
 border-color:#11a668
}
html[data-theme=dark] .button--green:hover {
 background-color:rgba(17,166,104,.06)
}
.button--red {
 color:#f36;
 border-color:#ff5050
}
html[data-theme=dark] .button--red {
 color:#f36;
 border-color:#f36
}
.button--red:hover,
html[data-theme=dark] .button--red:hover {
 background-color:#ff5050
}
.button--primary.button--blue {
 color:#fff;
 background-color: #06f;
}
html[data-theme=dark] .button--primary.button--blue {
 color:#fff;
 background-color:#37f
}
.button--primary.button--blue:hover {
 border-color:#005ce6;
 background-color:#005ce6
}
html[data-theme=dark] .button--primary.button--blue:hover {
 border-color:#1a66ff;
 background-color:#1a66ff
}
.button--primary.button--green {
 color:#fff;
 background-color:#12b370
}
.button--primary.button--green:hover {
 border-color:#109c62;
 background-color:#109c62!important
}
html[data-theme=dark] .button--primary.button--green {
 color:#fff;
 background-color:#12b370
}
html[data-theme=dark] html[data-theme=dark] .button--primary.button--green {
 color:#fff
}
html[data-theme=dark] .button--primary.button--green:hover {
 border-color:#109c62;
 background-color:#109c62!important
}
.button--primary.button--red {
 color:#fff;
 background-color:#ff5050
}
html[data-theme=dark] .button--primary.button--red {
 color:#fff;
 background-color:#f36
}
.button--primary.button--red:hover {
 border-color:#ff5050;
 background-color:#ff5050
}
html[data-theme=dark] .button--primary.button--red:hover {
 border-color:#ff1a53;
 background-color:#ff1a53
}
.button--primary.button--grey {
 color:#fff;
 background-color:#8590a6
}
html[data-theme=dark] .button--primary.button--grey {
 color:#fff;
 background-color:#8590a6
}
.button--primary.button--grey:hover {
 border-color:#76839b;
 background-color:#76839b
}
html[data-theme=dark] .button--primary.button--grey:hover {
 border-color:#76839b;
 background-color:#76839b
}
.button--secondary,
html[data-theme=dark] .button--secondary {
 border-color:transparent
}
.button--secondary.button--blue {
 color:#06f;
 background:rgba(0,102,255,.1)
}
html[data-theme=dark] .button--secondary.button--blue {
 color:#37f;
 background:rgba(51,119,255,.1)
}
.button--secondary.button--blue:hover {
 background-color:rgba(0,102,255,.15)
}
html[data-theme=dark] .button--secondary.button--blue:hover {
 background-color:rgba(51,119,255,.15)
}
.button--secondary.button--green {
 color:#12b370;
 background:rgba(18,179,112,.1)
}
.button--secondary.button--green:hover {
 background-color:rgba(18,179,112,.15)
}
html[data-theme=dark] .button--secondary.button--green {
 color:#12b370;
 background:rgba(18,179,112,.1)
}
html[data-theme=dark] .button--secondary.button--green:hover {
 background-color:rgba(18,179,112,.15)
}
.button--secondary.button--red {
 color:#f36;
 background:rgba(255,51,102,.1)
}
html[data-theme=dark] .button--secondary.button--red {
 color:#f36;
 background:rgba(255,51,102,.1)
}
.button--secondary.button--red:hover,
html[data-theme=dark] .button--secondary.button--red:hover {
 background-color:rgba(255,51,102,.15)
}
.button--secondary.button--grey {
 color:#8590a6;
 background:rgba(133,144,166,.1)
}
html[data-theme=dark] .button--secondary.button--grey {
 color:#8590a6;
 background:rgba(133,144,166,.1)
}
.button--secondary.button--grey:hover,
html[data-theme=dark] .button--secondary.button--grey:hover {
 background-color:rgba(133,144,166,.15)
}
.button--link,
.button--plain {
 height:auto;
 padding:0;
 line-height:inherit;
 background-color:transparent;
 border:none;
 border-radius:0;
}

.button--link:hover,
.button--plain:hover {
 background-color:transparent
}
html[data-theme=dark] .button--link,
html[data-theme=dark] .button--plain {
 border:none
}
html[data-theme=dark] .button--link:hover,
html[data-theme=dark] .button--plain:hover {
 background-color:transparent
}
.button--plain:hover,
html[data-theme=dark] .button--plain:hover {
 color:#76839b
}
.button--blue.button--plain:hover {
 color:#005ce6
}
html[data-theme=dark] .button--blue.button--plain:hover {
 color:#1a66ff
}
.button--green.button--plain:hover,
html[data-theme=dark] .button--green.button--plain:hover {
 color:#109c62
}
.button--red.button--plain:hover,
html[data-theme=dark] .button--red.button--plain:hover {
 color:#ff1a53
}
.button--grey.button--plain:hover,
html[data-theme=dark] .button--grey.button--plain:hover {
 color:#76839b
}
.button--link {
 color:#175199
}
html[data-theme=dark] .button--link {
 color:#6385a6
}
.button--link:hover {
 color:#144583
}
html[data-theme=dark] .button--link:hover {
 color:#577898
}
.button:focus{outline:0;}  
.button--spread {
 width:100%
}
.button--withicon.button--icononly {
 padding:0 4px
}
.button--withicon.button--link,
.button--withicon.button--plain {
 padding:0
}
.button--withicon.button--withlabel .button-zi {
 margin-right:4px
}
.corneranimayedflex {
 width:40px;
 height:52px;
 -webkit-transition:height .2s ease;
 transition:height .2s ease
}
.corneranimayedflex--hidden {
 height:0
}
.cornerbutton {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 background:#fff;
 border-radius:4px;
 width:40px;
 height:40px;
 color:#8590a6;
 -webkit-box-shadow:0 1px 3px rgba(18,18,18,.1);
 box-shadow:0 1px 3px rgba(18,18,18,.1)
}
html[data-theme=dark] .cornerbutton {
 background:#121212;
 color:#8590a6;
 -webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);
 box-shadow:0 1px 3px rgba(0,0,0,.3)
}
.cornerbutton:hover {
 background:#d3d3d3
}
html[data-theme=dark] .cornerbutton:hover {
 background:#2e2e2e
}
.errorpage {
 background:#fff
}
html[data-theme=dark] .errorpage {
 background:#121212
}
.errorpage {
 height:100%;
 left:0;
 position:fixed;
 top:0;
 width:100%
}
.errorpage-container {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 margin-top:180px
}
@media (max-width:690px) {
 .errorpage-container {
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-orient:vertical;
  -webkit-box-direction:reverse;
  -ms-flex-direction:column-reverse;
  flex-direction:column-reverse;
  margin-top:60px
 }
}
.errorpage-subtitle,
.errorpage-title {
 color:#646464
}
html[data-theme=dark] .errorpage-subtitle,
html[data-theme=dark] .errorpage-title {
 color:#d3d3d3
}
.errorpage-subtitle,
.errorpage-title {
 line-height:1.4
}
.errorpage-title {
 font-size:40px;
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .errorpage-title {
 font-weight:500
}
html[data-android] .errorpage-title {
 font-weight:700
}
@media (max-width:690px) {
 .errorpage-title {
  font-size:30px
 }
}
.errorpage-subtitle {
 font-size:18px;
 margin-top:10px
}
.errorpage-text {
 -webkit-box-align:start;
 -ms-flex-align:start;
 align-items:flex-start;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 min-width:384px
}
@media (max-width:690px) {
 .errorpage-text {
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  min-width:auto
 }
}
.errorpage-primarybutton {
 margin-top:20px
}
.errorpage-errorimagecontainer {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 height:250px;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 margin-left:20px;
 width:250px
}
@media (max-width:690px) {
 .errorpage-errorimagecontainer {
  margin-left:0
 }
}
.errorpage-errorimage {
 height:100%;
 -o-object-fit:contain;
 object-fit:contain;
 width:100%
}
.retryerror {
 background:#fff;
 min-height:160px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 width:100%;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column
}
.retryerror-title,
html[data-theme=dark] .retryerror-title {
 color:#8590a6
}
.retryerror-title {
 font-size:22px;
 margin-bottom:16px
}
.modalbuttongroup--vertical {
 margin-top:40px;
 margin-bottom:16px
}
.modalbuttongroup--vertical .button {
 display:block;
 width:150px;
 margin-right:auto;
 margin-left:auto
}
.modalbuttongroup--vertical .button .button {
 margin-top:28px
}
.modal-content--buttongrouponly .modalbuttongroup--vertical {
 margin-top:60px
}
.modalbuttongroup--horizontal {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 margin-top:48px
}
.modalbuttongroup--horizontal .button {
 -webkit-box-flex:1;
 -ms-flex:1 1;
 flex:1 1
}
.modalbuttongroup--horizontal .button:last-child:first-child {
 width:220px;
 margin-right:auto;
 margin-left:auto;
 -webkit-box-flex:initial;
 -ms-flex:initial;
 flex:initial
}
.modalbuttongroup--horizontal .button .button {
 margin-left:16px
}
.modal-wrapper {
 position:fixed;
 top:0;
 right:0;
 bottom:0;
 left:0;
 z-index:2000;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 overflow-x:hidden;
 overflow-y:auto;
 -webkit-transition:opacity .3s ease-out;
 transition:opacity .3s ease-out
}
.modal-wrapper.modal-enter {
 opacity:.01
}
.modal-wrapper.modal-enter-active,
.modal-wrapper.modal-leave {
 opacity:1
}
.modal-wrapper.modal-leave-active {
 opacity:.01
}
.modal-backdrop {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 z-index:0;
 background-color:rgba(18,18,18,.65);
 -webkit-transition:background-color .3s ease-out;
 transition:background-color .3s ease-out
}
html[data-theme=dark] .modal-backdrop {
 background-color:rgba(0,0,0,.65)
}
.modal-wrapper--transparent .modal-backdrop {
 background-color:transparent
}
.modal {
 position:relative;
 z-index:1;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 width:400px;
 max-height:calc(100vh - 48px);
 margin-right:auto;
 margin-left:auto;
 -webkit-box-shadow:0 5px 20px rgba(18,18,18,.1);
 box-shadow:0 5px 20px rgba(18,18,18,.1);
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 -webkit-transition:max-height .8s ease;
 transition:max-height .8s ease
}
html[data-theme=dark] .modal {
 -webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);
 box-shadow:0 1px 3px rgba(0,0,0,.3)
}
.modal:focus {
 outline:none
}
.modal--large {
 width:536px
}
.modal--fullpage {
 width:688px;
 height:calc(100vh - 48px)
}
.modal-enter .modal {
 -webkit-transform:translatey(20px);
 transform:translatey(20px)
}
.modal-enter-active .modal {
 -webkit-transition:opacity .3s ease-out,-webkit-transform .3s ease-out;
 transition:opacity .3s ease-out,-webkit-transform .3s ease-out;
 transition:transform .3s ease-out,opacity .3s ease-out;
 transition:transform .3s ease-out,opacity .3s ease-out,-webkit-transform .3s ease-out
}
.modal-enter-active .modal,
.modal-leave .modal {
 -webkit-transform:translatey(0);
 transform:translatey(0)
}
.modal-leave-active .modal {
 -webkit-transform:translatey(20px);
 transform:translatey(20px);
 -webkit-transition:opacity .3s ease-out,-webkit-transform .3s ease-out;
 transition:opacity .3s ease-out,-webkit-transform .3s ease-out;
 transition:transform .3s ease-out,opacity .3s ease-out;
 transition:transform .3s ease-out,opacity .3s ease-out,-webkit-transform .3s ease-out
}
.modal-inner {
 overflow:auto;
 background:#fff;
 border-radius:2px
}
html[data-theme=dark] .modal-inner {
 background:#121212
}
.modal--fullpage .modal-inner {
 height:100%
}
.modal-closebutton {
 position:absolute;
 top:8px;
 right:-60px;
 padding:12px
}
.modal-closeicon {
 vertical-align:top;
 fill:#fff
}
html[data-theme=dark] .modal-closeicon {
 fill:#fff
}
.modal-title {
 margin-top:40px;
 font-size:24px;
 font-weight:500;
 color:#121212;
 text-align:center
}
html[data-theme=dark] .modal-title {
 color:#fff
}
.modal-title.modal-title--simple {
 font-family:inherit;
 font-size:20px
}
.modal-subtitle {
 padding:0 38px;
 margin-top:4px;
 font-size:14px;
 line-height:1.5;
 color:#8590a6;
 text-align:center
}
html[data-theme=dark] .modal-subtitle {
 color:#8590a6
}
.modal-subtitle a {
 text-decoration:underline
}
.modal-content {
 -webkit-box-flex:1;
 -ms-flex:1 1;
 flex:1 1;
 padding:0 24px 32px;
 margin-top:24px;
 opacity:1
}
.modal--fullpage .modal-content {
 padding:0
}
.modal-content.modal-content--spread {
 height:100%;
 margin-top:0
}
.modal-content.modal-content--hidden {
 opacity:0;
 -webkit-transition:opacity .3s ease-out;
 transition:opacity .3s ease-out
}
.modal-footer {
 padding:16px 24px;
 font-size:13px;
 line-height:1.7;
 color:#8590a6;
 background:#f6f6f6;
 border-top:1px solid #ebebeb
}
html[data-theme=dark] .modal-footer {
 color:#8590a6;
 background:#1b1b1b;
 border-top:1px solid #2e2e2e
}
.modal-footer a {
 text-decoration:underline
}
.notification {
 position:fixed;
 top:75px;
 left:50%;
 z-index:499;
 padding:14px 24px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-transform:translate(-50%);
 transform:translate(-50%);
 font-size:14px;
 color:#121212;
 pointer-events:all;
 border-radius:4px;
 -webkit-box-shadow:0 5px 20px rgba(18,18,18,.1);
 box-shadow:0 5px 20px rgba(18,18,18,.1);
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
html[data-theme=dark] .notification {
 color:#fff;
 -webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);
 box-shadow:0 1px 3px rgba(0,0,0,.3)
}
@media (max-width:768px) {
 .notification {
  width:calc(100vw - 32px)
 }
}
@media (min-width:769px) {
 .notification {
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  max-width:600px;
  min-width:520px
 }
}
.notification-textsection {
 width:100%;
 display:inline-block
}
@media (max-width:768px) {
 .notification-textsection {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
 }
}
.notification-textsection--withbutton {
 text-align:left
}
.notification-textsection--withoutbutton {
 text-align:center
}
.notification-actionssection {
 white-space:nowrap;
 height:100%;
 margin:auto 0 auto 32px
}
.notification-wrapper {
 position:fixed;
 top:0;
 right:0;
 bottom:0;
 left:0;
 z-index:503;
 overflow:hidden;
 pointer-events:none
}
.notification-white {
 color:#121212;
 background:#fff
}
html[data-theme=dark] .notification-white {
 color:#fff;
 background:#121212
}
.notification-red {
 color:#fff;
 background:#f1403c
}
html[data-theme=dark] .notification-red {
 color:#fff;
 background:#f1403c
}
.notification-red-ghost {
 color:#f1403c;
 background:#fff
}
html[data-theme=dark] .notification-red-ghost {
 color:#f1403c;
 background:#121212
}
@-webkit-keyframes spring-in {
 0% {
  -webkit-transform:translate(-50%,-20px);
  transform:translate(-50%,-20px);
  opacity:.01
 }
 to {
  -webkit-transform:translate(-50%);
  transform:translate(-50%);
  opacity:1
 }
}
@keyframes spring-in {
 0% {
  -webkit-transform:translate(-50%,-20px);
  transform:translate(-50%,-20px);
  opacity:.01
 }
 to {
  -webkit-transform:translate(-50%);
  transform:translate(-50%);
  opacity:1
 }
}
@-webkit-keyframes spring-out {
 0% {
  -webkit-transform:translate(-50%);
  transform:translate(-50%);
  opacity:1
 }
 to {
  -webkit-transform:translate(-50%,-20px);
  transform:translate(-50%,-20px);
  opacity:0
 }
}
@keyframes spring-out {
 0% {
  -webkit-transform:translate(-50%);
  transform:translate(-50%);
  opacity:1
 }
 to {
  -webkit-transform:translate(-50%,-20px);
  transform:translate(-50%,-20px);
  opacity:0
 }
}
.notification-enter {
 -webkit-animation:spring-in .3s;
 animation:spring-in .3s;
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both
}
.notification-leave {
 -webkit-animation:spring-out .3s;
 animation:spring-out .3s;
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both
}
.mobilemodal-wrapper {
 position:relative
}
.mobilemodal-wrapper--absoluted {
 position:absolute;
 top:0;
 max-height:100vh;
 overflow:hidden;
 z-index:-1
}
.mobilemodal {
 background:#fff
}
html[data-theme=dark] .mobilemodal {
 background:#121212
}
.mobilemodal-content--default {
 padding-top:50px;
 padding-bottom:60px;
 min-height:100vh;
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.mobilemodal-closebutton {
 position:fixed;
 top:4px;
 right:4px;
 padding:8px;
 z-index:100
}
.mobilemodal-closeicon {
 fill:#121212
}
html[data-theme=dark] .mobilemodal-closeicon {
 fill:#fff
}
.mobilemodal-closeicon {
 display:block
}
.mobilemodal-title {
 font-weight:700
}
.mobilemodal-title--default {
 position:fixed;
 top:0;
 width:100%;
 padding:0 16px;
 border-bottom:1px solid #ebebeb
}
html[data-theme=dark] .mobilemodal-title--default {
 border-bottom:1px solid #2e2e2e
}
.mobilemodal-title--default {
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 -webkit-box-shadow:0 1px 3px rgba(18,18,18,.05);
 box-shadow:0 1px 3px rgba(18,18,18,.05)
}
html[data-theme=dark] .mobilemodal-title--default {
 -webkit-box-shadow:0 1px 3px hsla(0,0%,100%,.05);
 box-shadow:0 1px 3px hsla(0,0%,100%,.05)
}
.mobilemodal-title--default {
 margin:0;
 font-size:16px;
 line-height:49px;
 background:#fff
}
html[data-theme=dark] .mobilemodal-title--default {
 background:#121212
}
.mobilemodal-title--default {
 z-index:99
}
.mobilemodal-backdrop {
 position:fixed;
 top:0;
 right:0;
 left:0;
 bottom:0;
 z-index:100;
 background:rgba(18,18,18,.65)
}
html[data-theme=dark] .mobilemodal-backdrop {
 background:hsla(0,0%,100%,.65)
}
.mobilemodal--plain {
 position:fixed;
 top:50%;
 right:0;
 left:0;
 z-index:100;
 margin:auto;
 -webkit-transform:translatey(-50%);
 transform:translatey(-50%);
 width:87.2%;
 -webkit-box-shadow:0 5px 20px 0 rgba(23,81,153,.5);
 box-shadow:0 5px 20px 0 rgba(23,81,153,.5)
}
html[data-theme=dark] .mobilemodal--plain {
 -webkit-box-shadow:0 5px 20px 0 rgba(99,133,166,.5);
 box-shadow:0 5px 20px 0 rgba(99,133,166,.5)
}
.mobilemodal--plain {
 border-radius:2px;
 overflow:hidden
}
.mobilemodal--plain .mobilemodal-closeicon,
html[data-theme=dark] .mobilemodal--plain .mobilemodal-closeicon {
 fill:#8590a6
}
.mobilemodal-content--plain {
 padding:16px 20px
}
.mobilemodal-title--plain {
 text-align:center;
 padding:24px 20px 8px;
 font-size:18px
}
.mobilemodal-subtitle {
 font-size:14px;
 padding:0 20px;
 color:#8590a6
}
html[data-theme=dark] .mobilemodal-subtitle {
 color:#8590a6
}
.appauthentication--appview .modal-title {
 font-size:18px;
 margin-top:24px
}
.appauthentication--appview .modal-content {
 padding-bottom:16px
}
.appauthentication {
 max-width:87.2%
}
.appauthentication-buttoncontainer {
 padding:0 16px
}
.appauthentication-button {
 width:100%;
 margin-bottom:16px;
 padding:5px 0
}
.appauthentication-closebutton {
 position:absolute;
 right:16px;
 top:16px;
 font-size:0
}
.realnamemodal p {
 font-size:14px;
 line-height:1.71;
 color:#404040
}
.realnamemodal a {
 color:#175199
}
html[data-theme=dark] .realnamemodal a {
 color:#6385a6
}
.realnamemodal-buttongroup {
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 margin-top:48px
}
.realnamemodal-buttongroup,
.realnamemodal-buttongroup div {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.realnamemodal-buttongroup div {
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 width:168px;
 height:36px;
 border-radius:3px;
 border:1px solid #0f88eb;
 background-color:#0f88eb;
 font-size:14px;
 line-height:1;
 color:#fff
}
html[data-theme=dark] .realnamemodal-buttongroup div {
 color:#121212
}
.signflow input[type=number]::-webkit-inner-spin-button,
.signflow input[type=number]::-webkit-outer-spin-button {
 margin:0;
 -webkit-appearance:none;
 appearance:none
}
.signflow input {
 height:48px
}
.signflow input::-webkit-autofill {
 -webkit-box-shadow:0 0 0 1000px #fff inset!important
}
.signflow input[type=number] {
 -moz-appearance:textfield
}
.signflow .signflow-accountinput,
.signflow .signflow-smsinput {
 width:auto
}
.signflow {
 overflow:hidden
}
.signflow-submitbutton {
 width:100%;
 margin-top:30px;
 height:36px
}
.signflow-captchacontainer {
 height:48px;
 margin-top:12px;
 -webkit-transition:height .3s ease;
 transition:height .3s ease
}
.signflow-snackbar {
 font-size:13px;
 color:#8590a6
}
html[data-theme=dark] .signflow-snackbar {
 color:#8590a6
}
.signflow-snackbarlink {
 color:#175199
}
html[data-theme=dark] .signflow-snackbarlink {
 color:#6385a6
}
.vessayformbox-spacebetweenwrapper {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between
}
.vessayformbox {
 padding:20px 0;
 border-bottom:1px solid hsla(0,0%,100%,.08)
}
.vessayformbox .vessayformitem-header {
 color:#fff;
 font-weight:500;
 font-size:14px;
 line-height:24px;
 margin-bottom:10px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.vessayformbox .vessayformitem-header .vessayformitem-headerextra {
 margin-left:20px
}
.vessayformbox.vessaytoolbox-subtitlecontentedit .vessayformbox-content {
 background:rgba(0,0,0,.2);
 border:1px solid hsla(0,0%,100%,.08);
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 border-radius:6px
}
.vessayformbox.contentflexwrap .vessayformbox-content .vessayformitem {
 -ms-flex-preferred-size:50%;
 flex-basis:50%;
 padding-right:12px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 margin-bottom:10px
}
.vessayformbox.contentflexwrap .vessayformbox-content .vessayformitem:last-of-type {
 margin-bottom:0
}
.vessayformitem {
 font-size:12px;
 line-height:24px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -ms-flex-wrap:nowrap;
 flex-wrap:nowrap
}
.vessayformitem .vessayformitem-title {
 color:hsla(0,0%,100%,.8);
 margin-right:20px
}
.vessaybutton {
 display:-webkit-inline-box;
 display:-ms-inline-flexbox;
 display:inline-flex;
 cursor:pointer;
 color:#121212
}
html[data-theme=dark] .vessaybutton {
 color:#fff
}
.vessaybutton {
 font-size:14px;
 padding:4px 12px;
 line-height:24px;
 border-radius:4px
}
.vessaybutton.default {
 background:rgba(18,18,18,.1)
}
html[data-theme=dark] .vessaybutton.default {
 background:hsla(0,0%,100%,.1)
}
.vessaybutton.default:hover,
html[data-theme=dark] .vessaybutton.default:hover {
 background:hsla(0,0%,100%,.3)
}
.vessaybutton.default:hover svg.icon {
 color:#06f
}
html[data-theme=dark] .vessaybutton.default:hover svg.icon {
 color:#558eff
}
.vessaybutton.default:hover svg.icon {
 fill:#06f
}
html[data-theme=dark] .vessaybutton.default:hover svg.icon {
 fill:#558eff
}
.vessaybutton.primary {
 background:#06f
}
html[data-theme=dark] .vessaybutton.primary {
 background:#558eff
}
.vessaybutton.text {
 background:transparent
}
.vessaybutton.text:hover {
 background:rgba(18,18,18,.08)
}
html[data-theme=dark] .vessaybutton.text:hover {
 background:hsla(0,0%,100%,.08)
}
.vessaybutton.outline {
 padding:4px 12px;
 background:rgba(0,102,255,.2)
}
html[data-theme=dark] .vessaybutton.outline {
 background:rgba(85,142,255,.2)
}
.vessaybutton.outline {
 -webkit-box-shadow:0 0 0 1px #06f inset;
 box-shadow:inset 0 0 0 1px #06f
}
.vessaybutton.light {
 padding:4px 12px;
 background:hsla(0,0%,100%,.08)
}
.vessaybutton.light:hover {
 background:rgba(0,132,255,.2)
}
.vessaybutton.sm {
 font-size:12px;
 padding:4px 10px
}
.vessaybutton.lg {
 font-size:16px;
 font-weight:500;
 line-height:24px;
 padding:8px 16px
}
.vessaybutton .zi {
 margin-right:8px
}
.vessaybutton svg.icon {
 margin-right:4px
}
.vessaybutton.aligncenter {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.vessaybutton.disabled,
.vessaybutton[disabled],
.vessaybutton[disabled]:hover {
 cursor:not-allowed;
 background:rgba(18,18,18,.1)
}
html[data-theme=dark] .vessaybutton.disabled,
html[data-theme=dark] .vessaybutton[disabled],
html[data-theme=dark] .vessaybutton[disabled]:hover {
 background:hsla(0,0%,100%,.1)
}
.vessaybutton.disabled,
.vessaybutton[disabled],
.vessaybutton[disabled]:hover,
html[data-theme=dark] .vessaybutton.disabled,
html[data-theme=dark] .vessaybutton[disabled],
html[data-theme=dark] .vessaybutton[disabled]:hover {
 color:hsla(0,0%,100%,.4)
}
.vessayradiogroup {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 font-weight:500
}
.vessayradiogroup .vessaybutton {
 margin-right:10px
}
.vessayradiogroup .vessaybutton:last-of-type {
 margin-right:0
}
.inputlike {
 padding:4px 10px;
 background:#fff;
 border:1px solid #ebebeb;
 border-radius:3px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 -webkit-transition:background .2s,border .2s;
 transition:background .2s,border .2s
}
html[data-theme=dark] .inputlike {
 background:#121212;
 border:1px solid #2e2e2e
}
.inputlike.is-focus,
html[data-theme=dark] .inputlike.is-focus {
 border-color:#8590a6
}
.inputlike.is-large {
 padding:6px 12px
}
.inputbutton {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 padding-top:0;
 padding-bottom:0
}
.inputbutton.is-large {
 padding-top:2px;
 padding-bottom:2px
}
.popover {
 position:relative;
 display:inline-block
}
.popover-arrow {
 position:absolute;
 overflow:hidden;
 pointer-events:none
}
.popover-arrow:after {
 content:"";
 position:absolute;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 width:24px;
 height:24px;
 margin:-12px;
 border:1px solid #ebebeb;
 background:#fff;
 -webkit-transform:rotate(45deg);
 transform:rotate(45deg);
 pointer-events:auto
}
html[data-theme=dark] .popover-arrow:after {
 border:1px solid #1b1b1b;
 background:#121212
}
.popover-arrow--top {
 width:32px;
 height:16px;
 margin-top:-2px;
 -webkit-transform:translate(-50%);
 transform:translate(-50%)
}
.popover-arrow--top:after {
 left:50%;
 top:-8px
}
.popover-arrow--bottom {
 width:32px;
 height:16px;
 -webkit-transform:translate(-50%,-100%);
 transform:translate(-50%,-100%)
}
.popover-arrow--bottom:after {
 left:50%;
 bottom:-8px
}
.popover-arrow--left {
 width:16px;
 height:32px;
 margin-left:-2px;
 -webkit-transform:translatey(-50%);
 transform:translatey(-50%)
}
.popover-arrow--left:after {
 left:-8px;
 top:50%
}
.popover-arrow--right {
 width:16px;
 height:32px;
 -webkit-transform:translate(-100%,-50%);
 transform:translate(-100%,-50%)
}
.popover-arrow--right:after {
 right:-8px;
 top:50%
}
.popover-content {
 position:absolute;
 background:#fff;
 border:1px solid #ebebeb;
 border-radius:4px;
 -webkit-box-shadow:0 5px 20px rgba(18,18,18,.1);
 box-shadow:0 5px 20px rgba(18,18,18,.1);
 z-index:203
}
html[data-theme=dark] .popover-content {
 background:#121212;
 border:1px solid #1b1b1b;
 -webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);
 box-shadow:0 1px 3px rgba(0,0,0,.3)
}
.popover-content-enter {
 opacity:.01
}
.popover-content-enter-active {
 -webkit-transition:opacity .2s ease-out,-webkit-transform .2s ease-out;
 transition:opacity .2s ease-out,-webkit-transform .2s ease-out;
 transition:transform .2s ease-out,opacity .2s ease-out;
 transition:transform .2s ease-out,opacity .2s ease-out,-webkit-transform .2s ease-out
}
.popover-content-enter-active,
.popover-content-leave {
 opacity:1;
 -webkit-transform:translatey(0);
 transform:translatey(0)
}
.popover-content-leave-active {
 opacity:.01;
 -webkit-transition:opacity .2s ease-out,-webkit-transform .2s ease-out;
 transition:opacity .2s ease-out,-webkit-transform .2s ease-out;
 transition:transform .2s ease-out,opacity .2s ease-out;
 transition:transform .2s ease-out,opacity .2s ease-out,-webkit-transform .2s ease-out
}
.popover-content--fixed {
 position:fixed
}
.popover-content--top {
 -webkit-transform-origin:bottom center;
 transform-origin:bottom center;
 margin-top:-8px
}
.popover-content--top.popover-content--arrowed {
 margin-top:-16px
}
.popover-content--top.popover-content--enter,
.popover-content--top.popover-content-leave-active {
 -webkit-transform:translatey(8px);
 transform:translatey(8px)
}
.popover-content--bottom {
 margin-top:8px
}
.popover-content--bottom.popover-content--arrowed {
 margin-top:16px
}
.popover-content--bottom.popover-content--enter,
.popover-content--bottom.popover-content-leave-active {
 -webkit-transform:translatey(-8px);
 transform:translatey(-8px)
}
.popover-content--left {
 -webkit-transform-origin:right center;
 transform-origin:right center;
 margin-left:-8px
}
.popover-content--left.popover-content--arrowed {
 margin-left:-16px
}
.popover-content--left.popover-content--enter,
.popover-content--left.popover-content-leave-active {
 -webkit-transform:translatex(8px);
 transform:translatex(8px)
}
.popover-content--right {
 margin-left:8px
}
.popover-content--right.popover-content--arrowed {
 margin-left:16px
}
.popover-content--right.popover-content--enter,
.popover-content--right.popover-content-leave-active {
 -webkit-transform:translatex(-8px);
 transform:translatex(-8px)
}
.attentionpopover {
 font-size:15px;
 background-color:#06f;
 color:#fff;
 padding:9px 14px;
 border-radius:8px;
 border:none
}
html[data-theme=dark] .attentionpopover {
 background-color:#37f
}
.attentionpopover .popover-arrow {
 border:none
}
.attentionpopover .popover-arrow:after {
 border-color:#06f;
 background:#06f
}
html[data-theme=dark] .attentionpopover .popover-arrow:after {
 border-color:#37f;
 background:#37f
}
.attentionpopover .popover-arrow--top:after {
 border-top-color:#06f
}
html[data-theme=dark] .attentionpopover .popover-arrow--top:after {
 border-top-color:#37f
}
.attentionpopover .popover-arrow--bottom:after {
 border-bottom-color:#06f
}
html[data-theme=dark] .attentionpopover .popover-arrow--bottom:after {
 border-bottom-color:#37f
}
.attentionpopover .popover-arrow--left:after {
 border-left-color:#06f
}
html[data-theme=dark] .attentionpopover .popover-arrow--left:after {
 border-left-color:#37f
}
.attentionpopover .popover-arrow--right:after {
 border-right-color:#06f
}
html[data-theme=dark] .attentionpopover .popover-arrow--right:after {
 border-right-color:#37f
}
.select-button {
 text-align:left;
 padding-right:4px
}
.select-button.is-large {
 padding-right:6px
}
.select-plainbutton {
 padding:0;
 border:1px solid transparent
}
.select-arrow {
 margin-left:8px
}
.select-list {
 overflow:auto;
 position:relative;
 max-height:500px;
 padding:8px 0;
 border-radius:4px
}
.select-option {
 display:block;
 width:100%;
 height:40px;
 padding:0 20px;
 line-height:40px;
 color:#8590a6;
 text-align:left;
 background:none;
 border:none
}
html[data-theme=dark] .select-option {
 color:#8590a6
}
.select-option:focus {
 outline:none;
 -webkit-transition:-webkit-box-shadow .3s;
 transition:-webkit-box-shadow .3s;
 transition:box-shadow .3s;
 transition:box-shadow .3s,-webkit-box-shadow .3s
}
html[data-focus-visible] .select-option:focus {
 -webkit-box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(0,102,255,.3);
 box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(0,102,255,.3)
}
html[data-theme=dark][data-focus-visible] .select-option:focus {
 -webkit-box-shadow:0 0 0 2px #121212,0 0 0 4px rgba(51,119,255,.6);
 box-shadow:0 0 0 2px #121212,0 0 0 4px rgba(51,119,255,.6)
}
.select-option:focus {
 background:#f6f6f6
}
html[data-theme=dark] .select-option:focus {
 background:#1b1b1b
}
.select-popovertarget {
 margin-top:0;
 -webkit-transition:opacity .2s ease-out;
 transition:opacity .2s ease-out
}
.input-wrapper {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 width:180px;
 height:34px;
 padding:4px 10px;
 font-size:14px;
 background:#fff;
 border:1px solid #ebebeb;
 border-radius:3px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 -webkit-transition:background .2s,border .2s;
 transition:background .2s,border .2s
}
html[data-theme=dark] .input-wrapper {
 background:#121212;
 border:1px solid #2e2e2e
}
.input-wrapper.input-wrapper--grey {
 background:#f6f6f6
}
html[data-theme=dark] .input-wrapper.input-wrapper--grey {
 background:#1b1b1b
}
.input-wrapper.input-wrapper--spread {
 width:100%
}
.input-wrapper.input-wrapper--multiline {
 height:inherit
}
.input-wrapper.input-wrapper--large {
 height:auto;
 padding:6px 12px
}
.input-wrapper.input-wrapper--disabled {
 background:#f6f6f6
}
html[data-theme=dark] .input-wrapper.input-wrapper--disabled {
 background:#1b1b1b
}
.input-wrapper.input-wrapper--nopadding {
 padding:0
}
.input-wrapper.is-focus {
 background:#fff;
 border-color:#8590a6
}
html[data-theme=dark] .input-wrapper.is-focus {
 background:#121212;
 border-color:#8590a6
}
.input {
 -webkit-box-flex:1;
 -ms-flex:1 1;
 flex:1 1;
 padding:0;
 overflow:hidden;
 font-family:inherit;
 font-size:inherit;
 font-weight:inherit;
 background:transparent;
 border:none;
 resize:none
}
.input:disabled {
 color:#bfbfbf
}
html[data-theme=dark] .input:disabled {
 color:#444
}
.input:focus {
 outline:none
}
input.input {
 color:#121212;
 height:24px;
 line-height:24px
}
html[data-theme=dark] input.input {
 color:#fff
}
textarea.input {
 color:#121212
}
html[data-theme=dark] textarea.input {
 color:#fff
}
.input:not(input) {
 line-height:24px
}
.input:-ms-input-placeholder {
 line-height:normal
}
.input::-moz-placeholder {
 color:#8590a6
}
.input::-webkit-input-placeholder {
 color:#8590a6
}
.input::-ms-input-placeholder {
 color:#8590a6
}
.input::placeholder {
 color:#8590a6
}
html[data-theme=dark] .input::-moz-placeholder {
 color:#8590a6
}
html[data-theme=dark] .input:-ms-input-placeholder {
 color:#8590a6
}
html[data-theme=dark] .input::-webkit-input-placeholder {
 color:#8590a6
}
html[data-theme=dark] .input::-ms-input-placeholder {
 color:#8590a6
}
html[data-theme=dark] .input::placeholder {
 color:#8590a6
}
.input--validationerror::-moz-placeholder {
 color:#f1403c
}
.input--validationerror:-ms-input-placeholder {
 color:#f1403c
}
.input--validationerror::-webkit-input-placeholder {
 color:#f1403c
}
.input--validationerror::-ms-input-placeholder {
 color:#f1403c
}
.input--validationerror::placeholder {
 color:#f1403c
}
html[data-theme=dark] .input--validationerror::-moz-placeholder {
 color:#f1403c
}
html[data-theme=dark] .input--validationerror:-ms-input-placeholder {
 color:#f1403c
}
html[data-theme=dark] .input--validationerror::-webkit-input-placeholder {
 color:#f1403c
}
html[data-theme=dark] .input--validationerror::-ms-input-placeholder {
 color:#f1403c
}
html[data-theme=dark] .input--validationerror::placeholder {
 color:#f1403c
}
.input-wrapper--multiline .input {
 overflow:auto
}
.verificationdialogmodalheader {
 text-align:center
}
.verificationdialogmodalheader-title {
 margin-top:40px;
 font-size:24px;
 color:#121212
}
html[data-theme=dark] .verificationdialogmodalheader-title {
 color:#fff
}
.verificationdialogmodalheader-title {
 margin-bottom:0;
 padding:0
}
.verificationdialogmodalheader-subtitle {
 margin:2px auto 24px;
 font-size:14px;
 color:#8590a6
}
html[data-theme=dark] .verificationdialogmodalheader-subtitle {
 color:#8590a6
}
.verificationdialogmodalheader-subtitle {
 max-width:240px
}
.verificationdialogmodalheader-subtitle:first-child:last-child {
 margin-bottom:16px;
 max-width:none;
 text-align:left
}
.verificationdialogmodal-select {
 width:100%;
 border-bottom:1px solid #ebebeb
}
html[data-theme=dark] .verificationdialogmodal-select {
 border-bottom:1px solid #2e2e2e
}
.verificationdialogmodal-selectbutton {
 padding:4px 0;
 width:100%;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between
}
.verificationdialogmodal-selectpopover {
 width:376px
}
.verificationdialogmodal-code {
 position:relative
}
.verificationdialogmodal-code .countingdownbutton {
 top:16px!important
}
.verificationdialogmodal-input {
 padding-left:0;
 margin-top:16px;
 width:100%;
 border:none!important;
 border-bottom:1px solid #ebebeb!important
}
html[data-theme=dark] .verificationdialogmodal-input {
 border-bottom:1px solid #2e2e2e!important
}
.verificationdialogmodal-checkout {
 text-align:center
}
.verificationdialogmodal-button {
 color:#fff
}
html[data-theme=dark] .verificationdialogmodal-button {
 color:#121212
}
.verificationdialogmodal-button {
 background:#06f
}
html[data-theme=dark] .verificationdialogmodal-button {
 background:#558eff
}
.verificationdialogmodal-button {
 width:220px;
 height:36px;
 border:1px solid #06f
}
html[data-theme=dark] .verificationdialogmodal-button {
 border:1px solid #558eff
}
.verificationdialogmodal-button {
 margin-top:45px;
 font-size:14px;
 border-radius:3px
}
.verificationdialogmodal-button:hover {
 background:#06f
}
html[data-theme=dark] .verificationdialogmodal-button:hover {
 background:#558eff
}
.verificationdialogmodal-button:hover:disabled {
 background-color:#06f
}
html[data-theme=dark] .verificationdialogmodal-button:hover:disabled {
 background-color:#558eff
}
.verificationdialogmodal-tips {
 background:#f6f6f6
}
html[data-theme=dark] .verificationdialogmodal-tips {
 background:#1b1b1b
}
.verificationdialogmodal-tips {
 -webkit-box-shadow:0 -1px 0 0 #ebebeb;
 box-shadow:0 -1px 0 0 #ebebeb
}
html[data-theme=dark] .verificationdialogmodal-tips {
 -webkit-box-shadow:0 -1px 0 0 #2e2e2e;
 box-shadow:0 -1px 0 0 #2e2e2e
}
.verificationdialogmodal-tips {
 margin:30px -24px -32px;
 padding:16px;
 font-size:13px;
 line-height:21px;
 color:#8590a6
}
html[data-theme=dark] .verificationdialogmodal-tips {
 color:#8590a6
}
.verificationdialogmodal-blue {
 color:#06f
}
html[data-theme=dark] .verificationdialogmodal-blue {
 color:#558eff
}
.verificationdialogmodal-options {
 margin-top:16px;
 text-align:right
}
.verificationdialogmodal-cutsmstype:hover {
 color:grey
}
html[data-theme=dark] .verificationdialogmodal-cutsmstype:hover {
 color:#999
}
.verificationdialogmodal-helpwrapper {
 width:100%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:end;
 -ms-flex-pack:end;
 justify-content:flex-end;
 margin-top:12px
}
.verificationdialogmodal-helptext,
html[data-theme=dark] .verificationdialogmodal-helptext {
 color:#8590a6
}
.verificationdialogmobilemodal-helptext {
 font-size:13px;
 color:#8590a6
}
html[data-theme=dark] .verificationdialogmobilemodal-helptext {
 color:#8590a6
}
.verificationdialogmobilemodal-helptext {
 margin-top:16px
}
.verificationdialogmodal-oneselection {
 font-size:14px
}
.verificationdialogmodal-smsinputbutton {
 position:absolute;
 top:24px;
 right:0;
 padding:4px 0;
 color:#175199
}
html[data-theme=dark] .verificationdialogmodal-smsinputbutton {
 color:#6385a6
}
.verificationdialogmodal-smsinputbutton {
 -webkit-transform:translatey(-50%);
 transform:translatey(-50%)
}
.sticky.is-fixed {
 position:fixed;
 z-index:2;
 -webkit-font-smoothing:subpixel-antialiased
}
.sticky.is-absolute,
.sticky.is-fixed {
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.sticky.is-absolute {
 position:absolute;
 top:auto;
 bottom:0;
 z-index:1;
 margin-bottom:0
}
.sticky.is-absolute.is-bottom {
 top:0;
 bottom:auto;
 margin-top:0
}
.sticky.sticky--csssticky {
 position:-webkit-sticky;
 position:sticky
}
.sticky--holder {
 visibility:hidden
}
.mobileappheader {
 border-bottom:1px solid rgba(18,18,18,.06)
}
html[data-theme=dark] .mobileappheader {
 border-bottom:1px solid hsla(0,0%,100%,.06)
}
.mobileappheader {
 -webkit-box-shadow:0 1px 3px 0 rgba(23,81,153,.05);
 box-shadow:0 1px 3px 0 rgba(23,81,153,.05)
}
html[data-theme=dark] .mobileappheader {
 -webkit-box-shadow:0 1px 3px 0 rgba(99,133,166,.05);
 box-shadow:0 1px 3px 0 rgba(99,133,166,.05)
}
.mobileappheader {
 background-color:#fff
}
html[data-theme=dark] .mobileappheader {
 background-color:#121212
}
.mobileappheader {
 background-clip:content-box;
 min-width:100%;
 -webkit-transform:translatey(0);
 transform:translatey(0);
 -webkit-transition:-webkit-transform .3s .3s;
 transition:-webkit-transform .3s .3s;
 transition:transform .3s .3s;
 transition:transform .3s .3s,-webkit-transform .3s .3s;
 overflow:hidden
}
.mobileappheader .sticky--holder {
 background-color:#fff
}
html[data-theme=dark] .mobileappheader .sticky--holder {
 background-color:#121212
}
.mobileappheader .sticky--holder {
 visibility:visible;
 visibility:initial
}
.mobileappheader.is-hide {
 min-width:100%;
 -webkit-transform:translatey(-100%);
 transform:translatey(-100%)
}
.mobileappheader,
.mobileappheader.is-fixed {
 z-index:100;
 width:100%
}
.mobileappheader .icon {
 vertical-align:middle
}
.mobileappheader-inner {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 height:52px;
 line-height:50px;
 -webkit-transition:-webkit-transform .3s;
 transition:-webkit-transform .3s;
 transition:transform .3s;
 transition:transform .3s,-webkit-transform .3s
}
.mobileappheader.is-hidden .mobileappheader-inner {
 -webkit-transform:translatey(-100%);
 transform:translatey(-100%)
}
.mobileappheader-navitem {
 text-align:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 margin:0 12px
}
.mobileappheader-navitem .zi,
html[data-theme=dark] .mobileappheader-navitem .zi {
 fill:#8590a6
}
.mobileappheader-expandbtn,
.mobileappheader-link {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.mobileappheader-logo {
 padding-left:16px;
 display:-webkit-inline-box;
 display:-ms-inline-flexbox;
 display:inline-flex
}
.mobileappheader-actions,
.mobileappheader-logo {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.mobileappheader-actions {
 -ms-flex-negative:0;
 flex-shrink:0;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 font-size:16px;
 color:#06f
}
html[data-theme=dark] .mobileappheader-actions {
 color:#558eff
}
.mobileappheader-authlink {
 padding:0 20px;
 color:inherit
}
.mobileappheader-downloadlink {
 position:relative;
 padding-right:16px;
 color:inherit
}
.mobileappheader-downloadlink:after {
 position:absolute;
 top:50%;
 right:0;
 -webkit-transform:translatey(-50%);
 transform:translatey(-50%);
 display:block;
 width:0;
 height:16px;
 border-left:1px solid #ebebeb
}
html[data-theme=dark] .mobileappheader-downloadlink:after {
 border-left:1px solid #2e2e2e
}
.mobileappheader-downloadlink:after {
 content:""
}
.mobileappheader-moreiconwrapper {
 position:relative;
 margin:0 16px
}
.mobileappheader-expandmodal {
 width:100%;
 top:0;
 -webkit-transform:unset;
 transform:unset
}
.mobileappheader-expandmodal .mobilemodal-content {
 padding:0
}
.mobileappheader-expand {
 background:#fff
}
html[data-theme=dark] .mobileappheader-expand {
 background:#121212
}
.mobileappheader-expand {
 overflow:hidden
}
.mobileappheader-expand a {
 height:56px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 color:#444
}
html[data-theme=dark] .mobileappheader-expand a {
 color:#d3d3d3
}
.mobileappheader-expand a {
 margin:0 16px
}
.mobileappheader-expand svg {
 margin-right:14px
}
.mobileappheader-expand a:not(:first-child) {
 border-top:1px solid #ebebeb
}
html[data-theme=dark] .mobileappheader-expand a:not(:first-child) {
 border-top:1px solid #2e2e2e
}
.mobileappheader-expand a:last-child,
html[data-theme=dark] .mobileappheader-expand a:last-child {
 color:#8590a6
}
.mobileappheader-expandcontainer {
 position:fixed;
 top:52px;
 width:100%;
 z-index:100
}
.mobileappheader-expandbackdrop {
 position:fixed;
 top:52px;
 bottom:0;
 left:0;
 right:0;
 z-index:-1;
 background-color:rgba(18,18,18,.65)
}
html[data-theme=dark] .mobileappheader-expandbackdrop {
 background-color:hsla(0,0%,100%,.65)
}
.mobileappheader-expand-enter {
 height:0
}
.mobileappheader-expand-enter a {
 opacity:0
}
.mobileappheader-expand-enter .mobileappheader-expandbackdrop {
 background-color:rgba(18,18,18,0)
}
html[data-theme=dark] .mobileappheader-expand-enter .mobileappheader-expandbackdrop {
 background-color:hsla(0,0%,100%,0)
}
.mobileappheader-expand-enter.mobileappheader-expand-enter-active {
 height:170px;
 -webkit-transition:height .3s ease;
 transition:height .3s ease
}
.mobileappheader-expand-enter.mobileappheader-expand-enter-active a {
 opacity:1;
 -webkit-transition:opacity .3s cubic-bezier(1,0,1,0);
 transition:opacity .3s cubic-bezier(1,0,1,0)
}
.mobileappheader-expand-enter.mobileappheader-expand-enter-active .mobileappheader-expandbackdrop {
 background-color:rgba(18,18,18,.65)
}
html[data-theme=dark] .mobileappheader-expand-enter.mobileappheader-expand-enter-active .mobileappheader-expandbackdrop {
 background-color:hsla(0,0%,100%,.65)
}
.mobileappheader-expand-enter.mobileappheader-expand-enter-active .mobileappheader-expandbackdrop {
 -webkit-transition:background-color .3s ease;
 transition:background-color .3s ease
}
.mobileappheader-expand-leave {
 height:170px
}
.mobileappheader-expand-leave a {
 opacity:1
}
.mobileappheader-expand-leave .mobileappheader-expandbackdrop {
 background-color:rgba(18,18,18,.65)
}
html[data-theme=dark] .mobileappheader-expand-leave .mobileappheader-expandbackdrop {
 background-color:hsla(0,0%,100%,.65)
}
.mobileappheader-expand-leave.mobileappheader-expand-leave-active {
 height:0;
 -webkit-transition:height .3s ease;
 transition:height .3s ease
}
.mobileappheader-expand-leave.mobileappheader-expand-leave-active a {
 opacity:0;
 -webkit-transition:opacity .3s cubic-bezier(0,1,0,1);
 transition:opacity .3s cubic-bezier(0,1,0,1)
}
.mobileappheader-expand-leave.mobileappheader-expand-leave-active .mobileappheader-expandbackdrop {
 background-color:rgba(18,18,18,0)
}
html[data-theme=dark] .mobileappheader-expand-leave.mobileappheader-expand-leave-active .mobileappheader-expandbackdrop {
 background-color:hsla(0,0%,100%,0)
}
.mobileappheader-expand-leave.mobileappheader-expand-leave-active .mobileappheader-expandbackdrop {
 -webkit-transition:background-color .3s ease;
 transition:background-color .3s ease
}
.mobileappheader-noscrollbody {
 overflow:hidden
}
.mobileappheader-searchbox {
 background-color:hsla(0,0%,92.2%,.72)
}
html[data-theme=dark] .mobileappheader-searchbox {
 background-color:rgba(46,46,46,.72)
}
.mobileappheader-searchbox {
 border-radius:16px;
 height:32px;
 color:#999
}
html[data-theme=dark] .mobileappheader-searchbox {
 color:#999
}
.mobileappheader-searchbox {
 width:calc(100vw - 245px);
 margin:0 12px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 font-size:15px;
 padding-right:0
}
.mobileappheader-searchbox .zi--search {
 margin-right:4px
}
.mobileappheader-searchbox .input {
 -webkit-appearance:none;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.mobileappheader-searchresultbox {
 width:calc(100vw - 147px)
}
.mobileappheader-searchresultbox .input::-webkit-search-cancel-button {
 display:none
}
.mobileappheader-searchboxwithunlogin {
 width:calc(100vw - 280px)
}
.mobileappheader-innerwithoutsearchheader {
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between
}
.tooltip {
 position:absolute;
 width:0;
 height:0
}
.tooltip-enter,
.tooltip-leave {
 -webkit-transition:opacity .3s;
 transition:opacity .3s
}
.tooltip-enter {
 opacity:0
}
.tooltip-enter-active,
.tooltip-leave {
 opacity:1
}
.tooltip-leave-active {
 opacity:0
}
.tooltipcontent-wrapper {
 position:relative;
 width:0;
 height:0
}
.tooltipcontent {
 position:absolute;
 top:0;
 left:0;
 padding:6px 8px;
 color:#fff;
 white-space:nowrap;
 background-color:rgba(18,18,18,.8);
 border-radius:4px;
 font-size:13px;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
html[data-theme=dark] .tooltipcontent {
 color:#121212;
 background-color:hsla(0,0%,100%,.8)
}
.tooltipcontent.tooltipcontent--white {
 background:#fff;
 border:1px solid #ebebeb;
 color:#646464;
 -webkit-box-shadow:0 5px 20px rgba(18,18,18,.1);
 box-shadow:0 5px 20px rgba(18,18,18,.1)
}
html[data-theme=dark] .tooltipcontent.tooltipcontent--white {
 background:#121212;
 border:1px solid #1b1b1b;
 color:#d3d3d3;
 -webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);
 box-shadow:0 1px 3px rgba(0,0,0,.3)
}
.tooltipcontent.tooltipcontent--white .tooltipcontent-arrow:after {
 background:#fff;
 border:1px solid #ebebeb
}
html[data-theme=dark] .tooltipcontent.tooltipcontent--white .tooltipcontent-arrow:after {
 background:#121212;
 border:1px solid #1b1b1b
}
.tooltipcontent--top {
 -webkit-transform:translate(-50%,-100%) translatey(-8px);
 transform:translate(-50%,-100%) translatey(-8px)
}
.tooltipcontent--bottom {
 -webkit-transform:translate(-50%) translatey(8px);
 transform:translate(-50%) translatey(8px)
}
.tooltipcontent--left {
 -webkit-transform:translate(-100%,-50%) translatex(-8px);
 transform:translate(-100%,-50%) translatex(-8px)
}
.tooltipcontent--right {
 -webkit-transform:translatey(-50%) translatex(8px);
 transform:translatey(-50%) translatex(8px)
}
.tooltipcontent-arrow {
 overflow:hidden;
 position:absolute
}
.tooltipcontent-arrow:after {
 background:rgba(18,18,18,.8);
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 content:"";
 height:32px;
 pointer-events:auto;
 position:absolute;
 width:32px
}
html[data-theme=dark] .tooltipcontent-arrow:after {
 background:hsla(0,0%,100%,.8)
}
.tooltipcontent--top .tooltipcontent-arrow:after {
 -webkit-transform:translate(-8px,-32px) rotate(45deg);
 transform:translate(-8px,-32px) rotate(45deg)
}
.tooltipcontent--bottom .tooltipcontent-arrow:after {
 -webkit-transform:translate(-8px,8px) rotate(45deg);
 transform:translate(-8px,8px) rotate(45deg)
}
.tooltipcontent--left .tooltipcontent-arrow:after {
 -webkit-transform:translate(-32px,-8px) rotate(45deg);
 transform:translate(-32px,-8px) rotate(45deg)
}
.tooltipcontent--right .tooltipcontent-arrow:after {
 -webkit-transform:translate(8px,-8px) rotate(45deg);
 transform:translate(8px,-8px) rotate(45deg)
}
.tooltipcontent--top .tooltipcontent-arrow {
 height:8px;
 left:50%;
 bottom:0;
 -webkit-transform:translate(-50%,100%);
 transform:translate(-50%,100%);
 width:16px
}
.tooltipcontent--bottom .tooltipcontent-arrow {
 height:8px;
 left:50%;
 top:0;
 -webkit-transform:translate(-50%,-100%);
 transform:translate(-50%,-100%);
 width:16px
}
.tooltipcontent--left .tooltipcontent-arrow {
 height:16px;
 right:0;
 top:50%;
 -webkit-transform:translate(100%,-50%);
 transform:translate(100%,-50%);
 width:8px
}
.tooltipcontent--right .tooltipcontent-arrow {
 height:16px;
 left:0;
 top:50%;
 -webkit-transform:translate(-100%,-50%);
 transform:translate(-100%,-50%);
 width:8px
}
.tooltipcontent a {
 color:inherit;
 text-decoration:underline
}
.tooltipcontent-children--restricted {
 display:block;
 max-width:250px;
 max-height:150px;
 overflow:auto;
 word-wrap:break-word;
 white-space:normal;
 width:-webkit-max-content;
 width:-moz-max-content;
 width:max-content
}
.globaltooltip {
 position:fixed;
 z-index:9999
}
.wechatshareimage {
 display:none
}
.staticcachebanner {
 position:relative;
 z-index:100;
 padding:16px 10px;
 line-height:28px;
 color:#8590a6
}
html[data-theme=dark] .staticcachebanner {
 color:#8590a6
}
.staticcachebanner {
 text-align:center;
 background-color:#ebebeb
}
html[data-theme=dark] .staticcachebanner {
 background-color:#2e2e2e
}
.staticcachebanner a {
 color:#175199
}
html[data-theme=dark] .staticcachebanner a {
 color:#6385a6
}
.staticcachebanner a {
 -webkit-transition:border-bottom .2s ease-in;
 transition:border-bottom .2s ease-in
}
.staticcachebanner a:hover {
 border-bottom:1px solid rgba(23,81,153,.72)
}
html[data-theme=dark] .staticcachebanner a:hover {
 border-bottom:1px solid rgba(99,133,166,.72)
}
.loadingbar {
 position:fixed;
 top:0;
 right:0;
 left:0;
 z-index:101;
 display:none;
 height:2px;
 pointer-events:none;
 background:#06f;
 -webkit-transform:translatex(-100%);
 transform:translatex(-100%)
}
html[data-theme=dark] .loadingbar {
 background:#37f
}
.loadingbar.is-active {
 display:block;
 -webkit-animation:loadingbarforward 1s ease-in-out .8s infinite;
 animation:loadingbarforward 1s ease-in-out .8s infinite
}
@-webkit-keyframes loadingbarforward {
 0% {
  -webkit-transform:translatex(-100%);
  transform:translatex(-100%)
 }
 40% {
  -webkit-transform:translatex(0);
  transform:translatex(0)
 }
 60% {
  -webkit-transform:translatex(0);
  transform:translatex(0)
 }
 to {
  -webkit-transform:translatex(100%);
  transform:translatex(100%)
 }
}
@keyframes loadingbarforward {
 0% {
  -webkit-transform:translatex(-100%);
  transform:translatex(-100%)
 }
 40% {
  -webkit-transform:translatex(0);
  transform:translatex(0)
 }
 60% {
  -webkit-transform:translatex(0);
  transform:translatex(0)
 }
 to {
  -webkit-transform:translatex(100%);
  transform:translatex(100%)
 }
}
.shortcuthintmodal {
 font-size:15px;
 width:auto
}
.shortcuthintmodal .modal-content {
 margin-top:30px;
 padding:0 0 32px
}
.shortcuthintmodal-content {
 padding:0 20px 16px 0
}
.shortcuthintmodal-hintlistcontainer {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.shortcuthintmodal-hintlist {
 padding:0 30px
}
.shortcuthintmodal-hintlist:first-child {
 border-right:1px solid #f0f2f7
}
html[data-theme=dark] .shortcuthintmodal-hintlist:first-child {
 border-right:1px solid #2e2e2e
}
.shortcuthintmodal-hinttitle {
 font-weight:700;
 margin-bottom:24px;
 text-align:center
}
.keyhint {
 margin-bottom:16px
}
.keyhint,
.keyhint-keycontainer {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.keyhint-keycontainer {
 -webkit-box-pack:end;
 -ms-flex-pack:end;
 justify-content:flex-end;
 margin-right:8px;
 width:120px
}
.keyhint-key,
html[data-theme=dark] .keyhint-key {
 color:#8590a6
}
.keyhint-key {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.keyhint-separator {
 margin:0 8px
}
.keyhint-separator--space {
 margin:0 4px
}
.keyhint-kbd {
 border:1px solid #f0f2f7
}
html[data-theme=dark] .keyhint-kbd {
 border:1px solid #2e2e2e
}
.keyhint-kbd {
 border-radius:4px;
 -webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.06);
 box-shadow:0 1px 1px 0 rgba(0,0,0,.06);
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 font-family:menlo,monaco,consolas,andale mono,lucida console,courier new,monospace;
 font-size:16px;
 font-weight:700;
 min-width:26px;
 height:26px;
 padding:0 6px;
 text-align:center
}
.tabs {
 border-bottom:1px solid #f6f6f6
}
html[data-theme=dark] .tabs {
 border-bottom:1px solid #1b1b1b
}
.tabs-item {
 display:inline-block;
 padding:0 20px
}
.tabs-link {
 position:relative;
 display:inline-block;
 padding:14px 0;
 font-size:16px;
 line-height:22px;
 color:#121212;
 text-align:center
}
html[data-theme=dark] .tabs-link {
 color:#fff
}
.tabs-link.is-active {
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .tabs-link.is-active {
 font-weight:500
}
html[data-android] .tabs-link.is-active {
 font-weight:700
}
.tabs-link.is-active:after {
 position:absolute;
 right:0;
 bottom:-1px;
 left:0;
 height:3px;
 background:#06f;
 content:""
}
html[data-theme=dark] .tabs-link.is-active:after {
 background:#37f
}
.tabs-meta {
 margin-left:6px;
 font-size:14px;
 font-weight:300;
 line-height:20px;
 color:#999
}
html[data-theme=dark] .tabs-meta {
 color:#999
}
.orgzhihulogo {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 font-size:18px
}
.orgzhihulogo-appname {
 margin-left:15px;
 border-left:1px solid #cfdae6;
 padding-left:10px;
 line-height:28px
}
.orgappheader {
 position:relative;
 z-index:100;
 min-width:1000px;
 overflow:hidden;
 background:#fff
}
html[data-theme=dark] .orgappheader {
 background:#121212
}
.orgappheader {
 -webkit-box-shadow:0 1px 3px rgba(18,18,18,.1);
 box-shadow:0 1px 3px rgba(18,18,18,.1)
}
html[data-theme=dark] .orgappheader {
 -webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);
 box-shadow:0 1px 3px rgba(0,0,0,.3)
}
.orgappheader {
 background-clip:content-box
}
.orgappheader.is-fixed {
 z-index:100;
 width:100%
}
.orgappheader-inner {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 position:relative;
 margin:0 auto;
 padding:0 16px;
 width:1000px;
 height:52px;
 -webkit-transition:-webkit-transform .3s;
 transition:-webkit-transform .3s;
 transition:transform .3s;
 transition:transform .3s,-webkit-transform .3s
}
.orgappheader.is-hidden .orgappheader-inner {
 -webkit-transform:translatey(-100%);
 transform:translatey(-100%)
}
.orgappheader-userinfo {
 color:#444
}
.orgappheader-userinfo .button {
 margin-left:16px
}
.menu {
 padding:6px 0
}
.menu-item {
 display:block;
 width:100%;
 padding:0 20px;
 text-align:left;
 cursor:pointer;
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.menu-item.is-active {
 background:#f6f6f6
}
html[data-theme=dark] .menu-item.is-active {
 background:#1b1b1b
}
.menu-item--noactive {
 cursor:default
}
.menu-divider {
 margin:8px 0;
 border-bottom:1px solid #ebebeb
}
html[data-theme=dark] .menu-divider {
 border-bottom:1px solid #2e2e2e
}
.avatar {
 background:#fff;
 border-radius:2px
}
html[data-theme=dark] .avatar {
 background:#121212
}
.avatar--medium {
 border-radius:3px
}
.avatar--large {
 border-radius:4px
}
.avatar--round {
 border-radius:50%
}
.appheaderprofilemenu-container--new {
 border:none;
 border-radius:8px;
 -webkit-box-shadow:0 0 12px 0 rgba(0,0,0,.08);
 box-shadow:0 0 12px 0 rgba(0,0,0,.08);
 overflow:hidden;
 z-index:204
}
.appheaderprofilemenu-container--new.popover-content--bottom {
 margin-top:24px
}
.appheaderprofilemenu--new {
 padding:12px
}
.appheaderprofilemenu-item {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 height:36px
}
.appheaderprofilemenu-item .zi {
 margin-right:6px
}
.appheaderprofilemenu-item.appheaderprofilemenu-item--new {
 border-radius:4px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 color:#444
}
html[data-theme=dark] .appheaderprofilemenu-item.appheaderprofilemenu-item--new {
 color:#d3d3d3
}
.appheaderprofilemenu-item.appheaderprofilemenu-item--new {
 height:40px;
 padding:0 0 0 10px;
 width:130px
}
.appheaderprofilemenu-item.appheaderprofilemenu-item--new .zi {
 margin-right:16px
}
.appheaderprofilemenu-item.appheaderprofilemenu-item--new:hover {
 color:#444
}
html[data-theme=dark] .appheaderprofilemenu-item.appheaderprofilemenu-item--new:hover {
 color:#d3d3d3
}
.appheader-profileentry {
 display:relative
}
.appheader-profileavatar {
 vertical-align:top
}
.appheader-profileavatar--new {
 border-radius:50%
}
.appheader-profileavatarreddot {
 position:absolute;
 background:#f1403c
}
html[data-theme=dark] .appheader-profileavatarreddot {
 background:#f1403c
}
.appheader-profileavatarreddot {
 border:2px solid #fff
}
html[data-theme=dark] .appheader-profileavatarreddot {
 border:2px solid #121212
}
.appheader-profileavatarreddot {
 border-radius:50%;
 height:8px;
 right:-4px;
 top:-4px;
 width:8px
}
.appheaderprofilemenu-reddot,
html[data-theme=dark] .appheaderprofilemenu-reddot {
 background:#f1403c
}
.appheaderprofilemenu-reddot {
 border-radius:50%;
 margin-left:6px;
 margin-right:-4px;
 height:6px;
 width:6px
}
.appheaderprofilemenu-creatorhintpopover {
 position:absolute;
 right:0;
 top:0;
 z-index:-1
}
.appheaderprofilemenu-creatorhinttoggler {
 height:30px;
 width:30px
}
.appheaderprofilemenu-creatorhinttoggler--small {
 height:24px;
 width:24px
}
.appheaderprofilemenu-creatorhint {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 font-size:14px;
 min-width:336px;
 height:48px;
 padding:0 12px
}
.appheaderprofilemenu-creatorhintcreatoricon,
html[data-theme=dark] .appheaderprofilemenu-creatorhintcreatoricon {
 color:#8590a6
}
.appheaderprofilemenu-creatorhinttext {
 margin-left:8px
}
.appheaderprofilemenu-creatorhintlink {
 color:#175199
}
html[data-theme=dark] .appheaderprofilemenu-creatorhintlink {
 color:#6385a6
}
.appheaderprofilemenu-creatorhintlink {
 cursor:pointer;
 outline:none;
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .appheaderprofilemenu-creatorhintlink {
 font-weight:500
}
html[data-android] .appheaderprofilemenu-creatorhintlink {
 font-weight:700
}
.appheaderprofilemenu-creatorhintclosecontainer {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 color:#d3d3d3
}
html[data-theme=dark] .appheaderprofilemenu-creatorhintclosecontainer {
 color:#2e2e2e
}
.appheaderprofilemenu-creatorhintclosecontainer {
 cursor:pointer;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 margin-left:24px
}
.wallemodal-wrapper {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 padding:0 15px
}
.wallemodal-des {
 font-size:15px;
 line-height:1.4;
 color:#444
}
html[data-theme=dark] .wallemodal-des {
 color:#d3d3d3
}
.wallemodal-img {
 width:auto;
 height:auto;
 max-width:100%;
 max-height:100%;
 margin-top:40px;
 margin-bottom:15px
}
.wallemodal-open {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.wallemodal-content {
 width:60%
}
.wallemodal-title {
 font-size:16px;
 line-height:1.2;
 color:#444
}
html[data-theme=dark] .wallemodal-title {
 color:#d3d3d3
}
@media only screen and (min-device-width:320px) {
 .wallemodal-title {
  font-size:15px
 }
}
.wallemodal-intro {
 font-size:13px;
 line-height:1.38;
 color:#646464
}
html[data-theme=dark] .wallemodal-intro {
 color:#d3d3d3
}
.wallemodal-intro {
 margin-top:3px
}
.wallemodal-btn {
 width:92px;
 height:32px
}
.ztext {
 word-break:break-word;
 line-height:1.6
}
.ztext>:first-child {
 margin-top:0
}
.ztext>:last-child {
 margin-bottom:0
}
.ztext h1,
.ztext h2 {
 clear:left;
 margin-top:2.33333em;
 margin-bottom:1.16667em;
 font-size:1.2em;
 line-height:1.5;
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .ztext h1,
html[data-ios] .ztext h2 {
 font-weight:500
}
html[data-android] .ztext h1,
html[data-android] .ztext h2 {
 font-weight:700
}
.ztext h3,
.ztext h4,
.ztext h5,
.ztext h6 {
 clear:left;
 margin-top:1.90909em;
 margin-bottom:1.27273em;
 font-size:1.1em;
 line-height:1.5;
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .ztext h3,
html[data-ios] .ztext h4,
html[data-ios] .ztext h5,
html[data-ios] .ztext h6 {
 font-weight:500
}
html[data-android] .ztext h3,
html[data-android] .ztext h4,
html[data-android] .ztext h5,
html[data-android] .ztext h6 {
 font-weight:700
}
.ztext u {
 text-decoration:none;
 border-bottom:1px dashed grey
}
html[data-theme=dark] .ztext u {
 border-bottom:1px dashed #999
}
.ztext b {
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .ztext b {
 font-weight:500
}
html[data-android] .ztext b {
 font-weight:700
}
.ztext sup {
 font-size:.8em
}
.ztext sup[data-draft-type=reference] {
 color:#175199
}
html[data-theme=dark] .ztext sup[data-draft-type=reference] {
 color:#6385a6
}
.ztext a:focus {
 outline:none;
 -webkit-transition:-webkit-box-shadow .3s;
 transition:-webkit-box-shadow .3s;
 transition:box-shadow .3s;
 transition:box-shadow .3s,-webkit-box-shadow .3s
}
html[data-focus-visible] .ztext a:focus {
 -webkit-box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(0,102,255,.3);
 box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(0,102,255,.3)
}
html[data-theme=dark][data-focus-visible] .ztext a:focus {
 -webkit-box-shadow:0 0 0 2px #121212,0 0 0 4px rgba(51,119,255,.6);
 box-shadow:0 0 0 2px #121212,0 0 0 4px rgba(51,119,255,.6)
}
.ztext a.external,
.ztext a.internal,
.ztext a.ztext-link {
 text-decoration:none;
 cursor:pointer;
 border-bottom:1px solid grey
}
html[data-theme=dark] .ztext a.external,
html[data-theme=dark] .ztext a.internal,
html[data-theme=dark] .ztext a.ztext-link {
 border-bottom:1px solid #999
}
.ztext a.external:hover,
.ztext a.internal:hover,
.ztext a.ztext-link:hover {
 color:#175199;
 border-bottom:1px solid #175199
}
html[data-theme=dark] .ztext a.external:hover,
html[data-theme=dark] .ztext a.internal:hover,
html[data-theme=dark] .ztext a.ztext-link:hover {
 color:#6385a6;
 border-bottom:1px solid #6385a6
}
.ztext a.external>.ellipsis:after,
.ztext a.internal>.ellipsis:after,
.ztext a.ztext-link>.ellipsis:after {
 content:"..."
}
.ztext a.external>.invisible,
.ztext a.internal>.invisible,
.ztext a.ztext-link>.invisible {
 font:0/0 a;
 color:transparent;
 text-shadow:none;
 background-color:transparent
}
.ztext a.external u,
.ztext a.internal u,
.ztext a.ztext-link u {
 border:none
}
.ztext a.member_mention {
 color:#175199
}
html[data-theme=dark] .ztext a.member_mention {
 color:#6385a6
}
.ztext a.member_mention:hover {
 border-bottom:1px solid #175199
}
html[data-theme=dark] .ztext a.member_mention:hover {
 border-bottom:1px solid #6385a6
}
.ztext p {
 margin:1.4em 0
}
.ztext p.ztext-empty-paragraph {
 margin:-.8em 0
}
.ztext p.ztext-empty-paragraph .ztext-empty-paragraph {
 margin:1.4em 0
}
.ztext hr {
 margin:2em auto;
 width:240px;
 max-width:100%;
 border:none;
 border-top:1px solid #d3d3d3
}
html[data-theme=dark] .ztext hr {
 border-top:1px solid #2e2e2e
}
.ztext img[eeimg] {
 max-width:100%;
 vertical-align:middle
}
html[data-theme=dark] .ztext img[eeimg] {
 -webkit-filter:invert(1);
 filter:invert(1)
}
.ztext img[eeimg="1"] {
 margin:0 3px;
 display:inline-block
}
.ztext img[eeimg="2"] {
 margin:1.4em auto;
 display:block
}
.ztext blockquote {
 margin:1.4em 0;
 padding-left:1em;
 color:#646464;
 border-left:3px solid #d3d3d3
}
html[data-theme=dark] .ztext blockquote {
 color:#d3d3d3;
 border-left:3px solid #2e2e2e
}
.ztext ol,
.ztext ul {
 margin:1.4em 0;
 padding:0
}
.ztext ol ol,
.ztext ol ul,
.ztext ul ol,
.ztext ul ul {
 margin:0
}
.ztext ol>ol,
.ztext ol>ul,
.ztext ul>ol,
.ztext ul>ul {
 display:table-row
}
.ztext ol>ol:before,
.ztext ol>ul:before,
.ztext ul>ol:before,
.ztext ul>ul:before {
 display:table-cell;
 content:""
}
.ztext ul {
 display:table
}
.ztext ul>li {
 display:table-row;
 list-style:none
}
.ztext ul>li:before {
 display:table-cell;
 content:"• ";
 white-space:pre
}
.ztext ol {
 display:table;
 counter-reset:ol
}
.ztext ol>li {
 display:table-row;
 list-style:none
}
.ztext ol>li:before {
 display:table-cell;
 text-align:right;
 counter-increment:ol;
 content:counter(ol) ". ";
 white-space:pre
}
.ztext ol ol {
 counter-reset:ol2
}
.ztext ol ol li:before {
 counter-increment:ol2;
 content:counter(ol2) ". "
}
.ztext ol ol ol {
 counter-reset:ol3
}
.ztext ol ol ol li:before {
 counter-increment:ol3;
 content:counter(ol3) ". "
}
.ztext ol ol ol ol {
 counter-reset:ol4
}
.ztext ol ol ol ol li:before {
 counter-increment:ol4;
 content:counter(ol4) ". "
}
.ztext figure {
 margin:1.4em 0
}
.ztext figure .content_image,
.ztext figure .origin_image {
 margin:0 auto
}
.ztext figure figcaption {
 margin-top:.66667em;
 padding:0 1em;
 font-size:.9em;
 line-height:1.5;
 text-align:center;
 color:#999
}
html[data-theme=dark] .ztext figure figcaption {
 color:#999
}
.ztext figure figure {
 margin-top:2.24em
}
.ztext figure:not([data-size])>[data-size=small],
.ztext figure[data-size=small] {
 clear:both
}
.ztext figure:not([data-size])>[data-size=left],
.ztext figure[data-size=left] {
 float:left;
 margin:0 20px 20px 0;
 max-width:33%
}
.ztext figure:not([data-size])>[data-size=right],
.ztext figure[data-size=right] {
 float:right;
 margin:0 0 20px 20px;
 max-width:33%
}
.ztext figure[data-size=collapse] {
 margin-bottom:0
}
.ztext figure[data-size=collapse] figure {
 margin-top:0
}
.ztext .content_image,
.ztext .origin_image {
 display:block;
 max-width:100%;
 margin:1.4em auto
}
.ztext .content_image[data-size=small],
.ztext .origin_image[data-size=small] {
 max-width:40%
}
.ztext .content_image.zh-lightbox-thumb,
.ztext .origin_image.zh-lightbox-thumb {
 cursor:-webkit-zoom-in;
 cursor:zoom-in
}
.ztext code {
 margin:0 2px;
 padding:3px 4px;
 border-radius:3px;
 font-family:menlo,monaco,consolas,andale mono,lucida console,courier new,monospace;
 font-size:.9em;
 background-color:#f6f6f6
}
html[data-theme=dark] .ztext code {
 background-color:#1b1b1b
}
.ztext pre {
 margin:1.4em 0;
 padding:.88889em;
 font-size:.9em;
 word-break:normal;
 word-wrap:normal;
 white-space:pre;
 overflow:auto;
 -webkit-overflow-scrolling:touch;
 background:#f6f6f6;
 border-radius:4px
}
html[data-theme=dark] .ztext pre {
 background:#1b1b1b
}
.ztext pre code {
 margin:0;
 padding:0;
 font-size:inherit;
 border-radius:0;
 background-color:inherit
}
.ztext li pre {
 white-space:pre-wrap
}
.ztext table[data-draft-type=table] {
 border-collapse:collapse;
 font-size:15px;
 margin:1.4em auto;
 max-width:100%;
 table-layout:fixed;
 text-align:left;
 width:100%
}
.ztext table[data-draft-type=table][data-size=small] {
 min-width:260px;
 width:40%
}
.ztext table[data-draft-type=table][data-row-style=striped] tr:nth-child(odd) {
 background:#f6f6f6
}
html[data-theme=dark] .ztext table[data-draft-type=table][data-row-style=striped] tr:nth-child(odd) {
 background:#1b1b1b
}
.ztext table[data-draft-type=table] td,
.ztext table[data-draft-type=table] th {
 border:1px solid #d3d3d3;
 line-height:24px;
 height:24px;
 padding:3px 12px
}
html[data-theme=dark] .ztext table[data-draft-type=table] td,
html[data-theme=dark] .ztext table[data-draft-type=table] th {
 border:1px solid #2e2e2e
}
.ztext table[data-draft-type=table] th {
 background:#ebebeb;
 color:#121212;
 font-weight:500
}
html[data-theme=dark] .ztext table[data-draft-type=table] th {
 background:#2e2e2e;
 color:#fff
}
.ztext-referene-tooltip .tooltipcontent-children {
 display:block;
 max-width:250px;
 max-height:150px;
 overflow:auto;
 word-wrap:break-word;
 white-space:normal;
 width:-webkit-max-content;
 width:-moz-max-content;
 width:max-content
}
.ztext .link-box,
.ztext .video-box {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 margin:1.4em 0;
 overflow:auto;
 white-space:normal;
 cursor:pointer;
 border:1px solid #ebebeb;
 border-radius:4px;
 -webkit-box-shadow:0 1px 3px rgba(18,18,18,.1);
 box-shadow:0 1px 3px rgba(18,18,18,.1)
}
html[data-theme=dark] .ztext .link-box,
html[data-theme=dark] .ztext .video-box {
 border:1px solid #2e2e2e;
 -webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);
 box-shadow:0 1px 3px rgba(0,0,0,.3)
}
.ztext .link-box .thumbnail,
.ztext .video-box .thumbnail {
 -ms-flex-negative:0;
 flex-shrink:0;
 width:90px;
 height:90px;
 -o-object-fit:cover;
 object-fit:cover
}
.ztext .link-box .content,
.ztext .video-box .content {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 width:100%;
 padding:10px 1em;
 overflow:hidden;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -ms-flex-pack:distribute;
 justify-content:space-around
}
.ztext .link-box .title,
.ztext .video-box .title {
 font-size:1.2em;
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .ztext .link-box .title,
html[data-ios] .ztext .video-box .title {
 font-weight:500
}
html[data-android] .ztext .link-box .title,
html[data-android] .ztext .video-box .title {
 font-weight:700
}
.ztext .link-box .url,
.ztext .video-box .url {
 overflow:hidden;
 color:grey;
 text-overflow:ellipsis;
 word-wrap:normal;
 white-space:nowrap
}
html[data-theme=dark] .ztext .link-box .url,
html[data-theme=dark] .ztext .video-box .url {
 color:#999
}
.ztext .link-box .label,
.ztext .video-box .label {
 display:none
}
.autocomplete-useritem {
 width:188px;
 height:50px;
 padding:9px 0;
 line-height:normal;
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.autocomplete-userdetail {
 display:inline-block;
 margin-left:8px;
 vertical-align:middle
}
.autocomplete-userheadline,
.autocomplete-username {
 max-width:120px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.autocomplete-username {
 font-size:14px;
 color:#121212
}
html[data-theme=dark] .autocomplete-username {
 color:#fff
}
.autocomplete-userheadline {
 font-size:12px;
 color:#8590a6
}
html[data-theme=dark] .autocomplete-userheadline {
 color:#8590a6
}
.autocomplete-useravatar {
 vertical-align:middle
}
.autocomplete-defaultitem {
 line-height:40px
}
.bounceloading {
 position:relative
}
.bounceloading .bounceloading-child {
 position:absolute;
 background-color:#06f;
 border-radius:50%;
 -webkit-transform-origin:center;
 transform-origin:center;
 -webkit-animation-iteration-count:infinite;
 animation-iteration-count:infinite;
 -webkit-animation-name:bounce;
 animation-name:bounce;
 -webkit-animation-timing-function:ease-in-out;
 animation-timing-function:ease-in-out;
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both
}
html[data-theme=dark] .bounceloading .bounceloading-child {
 background-color:#37f
}
@-webkit-keyframes bounce {
 0%,
 to {
  -webkit-transform:translatey(-100%);
  transform:translatey(-100%)
 }
 50% {
  -webkit-transform:translatey(100%);
  transform:translatey(100%)
 }
}
@keyframes bounce {
 0%,
 to {
  -webkit-transform:translatey(-100%);
  transform:translatey(-100%)
 }
 50% {
  -webkit-transform:translatey(100%);
  transform:translatey(100%)
 }
}
.infiloader--bounceshown {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 min-height:100px;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.placeholder-inner {
 position:relative;
 overflow:hidden;
 background:#f6f6f6;
 color:#fff
}
html[data-theme=dark] .placeholder-inner {
 background:#1b1b1b;
 color:#121212
}
.placeholder-mask {
 position:relative;
 min-width:100%;
 vertical-align:top;
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.placeholder-bg {
 position:absolute;
 width:200%;
 height:100%;
 background:-webkit-gradient(linear,left top,right top,from(#f6f6f6),color-stop(20%,#ebebeb),color-stop(40%,#f6f6f6),to(#f6f6f6));
 background:linear-gradient(90deg,#f6f6f6 0,#ebebeb 20%,#f6f6f6 40%,#f6f6f6);
 -webkit-animation:linear-double 1s linear 1ms infinite forwards;
 animation:linear-double 1s linear 1ms infinite forwards
}
html[data-theme=dark] .placeholder-bg {
 background:-webkit-gradient(linear,left top,right top,from(#1b1b1b),color-stop(20%,#2e2e2e),color-stop(40%,#1b1b1b),to(#1b1b1b));
 background:linear-gradient(90deg,#1b1b1b 0,#2e2e2e 20%,#1b1b1b 40%,#1b1b1b)
}
@-webkit-keyframes linear-double {
 0% {
  -webkit-transform:translatex(-56%);
  transform:translatex(-56%)
 }
 to {
  -webkit-transform:translatex(56%);
  transform:translatex(56%)
 }
}
@keyframes linear-double {
 0% {
  -webkit-transform:translatex(-56%);
  transform:translatex(-56%)
 }
 to {
  -webkit-transform:translatex(56%);
  transform:translatex(56%)
 }
}
.autocomplete-menu--hidden {
 visibility:hidden
}
.searchbar-topsearchitem {
 display:-webkit-inline-box;
 display:-ms-inline-flexbox;
 display:inline-flex;
 font-size:14px;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 padding:4px 0;
 height:32px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 margin:2px 0
}
.searchbar-hoticon {
 margin-left:5px
}
.searchbar-historyitem {
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 font-size:14px;
 padding:6px 0;
 line-height:24px
}
.searchbar-historyitem,
.searchbar-historyitemcontent {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.searchbar-historyitemcontent.bluefont {
 color:#175199
}
html[data-theme=dark] .searchbar-historyitemcontent.bluefont {
 color:#6385a6
}
.searchbar-historylabel {
 padding:7px 0;
 margin-right:16px;
 margin-left:16px;
 font-size:14px;
 color:#8590a6
}
html[data-theme=dark] .searchbar-historylabel {
 color:#8590a6
}
.searchbar-historylabel {
 border-bottom:1px solid #ebebeb
}
html[data-theme=dark] .searchbar-historylabel {
 border-bottom:1px solid #2e2e2e
}
.searchbar-historylabel {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between
}
.searchbar-historyiconwrapper {
 position:relative
}
.searchbar-historyiconwrapper svg,
html[data-theme=dark] .searchbar-historyiconwrapper svg {
 fill:#8590a6
}
.searchbar-historyiconwrapper:hover {
 color:#175199
}
html[data-theme=dark] .searchbar-historyiconwrapper:hover {
 color:#6385a6
}
.searchbar-historyiconwrapper:hover svg {
 fill:#175199
}
html[data-theme=dark] .searchbar-historyiconwrapper:hover svg {
 fill:#6385a6
}
.searchbar-historyiconshade {
 position:absolute;
 width:100%;
 height:100%;
 cursor:pointer
}
.searchbar-historylabeldeleteall {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.searchbar-historydelete {
 display:none
}
.searchbar-historyitem:hover .searchbar-historydelete {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.searchbar-historydeleteall {
 cursor:pointer
}
.askbrand .select-button {
 width:124px;
 padding:0 4px 0 12px;
 background-color:#fff
}
.askbrand .askbrand-text {
 overflow:hidden;
 text-overflow:ellipsis;
 display:inline-block;
 white-space:nowrap;
 width:74px;
 vertical-align:middle
}
.askbrand--list {
 max-height:300px
}
.tag {
 position:relative;
 display:inline-block;
 height:30px;
 padding:0 12px;
 font-size:14px;
 line-height:30px;
 color:#06f;
 vertical-align:top;
 border-radius:100px;
 background:rgba(0,102,255,.1)
}
html[data-theme=dark] .tag {
 color:#37f;
 background:rgba(51,119,255,.1)
}
.tag:hover {
 background-color:rgba(0,102,255,.15)
}
html[data-theme=dark] .tag:hover {
 background-color:rgba(51,119,255,.15)
}
.tag--removable {
 padding-right:28px
}
.tag-remove {
 position:absolute;
 top:0;
 right:10px;
 bottom:0;
 margin-top:auto;
 margin-bottom:auto;
 cursor:pointer;
 padding:0;
 background:none;
 border:none;
 color:inherit
}
.tag-remove:focus {
 outline:none
}
.tag-remove .zi {
 display:block
}
.taginputalias .tag {
 margin:0 8px 8px 0
}
.topicinputalias-autocomplete {
 display:inline-block
}
.topicinputalias-autocomplete .popover {
 vertical-align:top
}
.topicinputalias-autocomplete .input-wrapper {
 height:30px
}
.topicinputalias-input {
 border-radius:20px;
 padding:4px 18px
}
.topicinputalias-input.is-focus {
 border-color:#06f
}
html[data-theme=dark] .topicinputalias-input.is-focus {
 border-color:#558eff
}
.topicinputalias-placeholderbutton {
 background:none!important;
 color:#06f!important
}
html[data-theme=dark] .topicinputalias-placeholderbutton {
 color:#558eff!important
}
.topicinputalias-placeholderbutton {
 line-height:30px
}
.topicinputalias-suggestioncontainer {
 max-height:214px;
 min-width:154px;
 overflow:auto;
 font-size:14px
}
.asktopics-input {
 border-radius:20px;
 border-color:#06f
}
html[data-theme=dark] .asktopics-input {
 border-color:#558eff
}
.asktopics-input {
 color:#06f
}
html[data-theme=dark] .asktopics-input {
 color:#558eff
}
.asktopics-input {
 padding:2px 18px
}
.maxlength {
 font-size:14px
}
.maxlength,
html[data-theme=dark] .maxlength {
 color:#8590a6
}
.maxlength.is-error,
html[data-theme=dark] .maxlength.is-error {
 color:#f1403c
}
.askfieldtip {
 font-size:15px
}
.askfieldtip--warning,
html[data-theme=dark] .askfieldtip--warning {
 color:#ff9607
}
.askfieldtip--error,
html[data-theme=dark] .askfieldtip--error {
 color:#f1403c
}
.askfieldtip .maxlength {
 font-size:15px
}
.asktitle {
 position:relative;
 font-size:18px
}
.asktitle .popover {
 display:block
}
.asktitle-text {
 position:absolute;
 z-index:-100;
 opacity:0;
 width:100%;
 line-height:1.34;
 white-space:pre-wrap;
 word-wrap:break-word
}
.asktitle-input {
 max-height:48px;
 font-size:18px;
 padding:0!important;
 border:none
}
.asktitle-input.is-focus {
 border:none;
 line-height:1.34
}
.asktitle-input .input:not(input) {
 line-height:1.34
}
.asktitle-suggestionclose {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 padding:8px 12px;
 color:#8590a6
}
html[data-theme=dark] .asktitle-suggestionclose {
 color:#8590a6
}
.asktitle-suggestionpopover {
 margin-top:25px
}
.asktitle-suggestioncontainer {
 width:432px;
 max-height:164px;
 overflow:auto
}
.asktitle-suggestionitem .menu-item {
 padding:8px 12px
}
.asktitle-suggestionitemlink {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between
}
.asktitle-suggestionitemdesc {
 padding-left:14px;
 color:#8590a6
}
html[data-theme=dark] .asktitle-suggestionitemdesc {
 color:#8590a6
}
.asktitle-suggestionitemdesc {
 -ms-flex-negative:0;
 flex-shrink:0
}
.editable-toolbar {
 background:#fff;
 border-bottom:1px solid #ebebeb;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
html[data-theme=dark] .editable-toolbar {
 background:#121212;
 border-bottom:1px solid #2e2e2e
}
.istoolbarsticky .editable-toolbar,
.sticky.is-fixed .editable-toolbar {
 border-top:none!important;
 border-bottom:none!important
}
.istoolbarsticky .editable-toolbar:after,
.sticky.is-fixed .editable-toolbar:after {
 content:" ";
 position:absolute;
 left:0;
 top:100%;
 width:100%;
 pointer-events:none;
 height:3px;
 background:radial-gradient(ellipse at 50%,at 1%,rgba(18,18,18,.1),hsla(0,0%,100%,0) 80%);
 background:radial-gradient(ellipse at 50% 1%,rgba(18,18,18,.1),hsla(0,0%,100%,0) 80%)
}
html[data-theme=dark] .istoolbarsticky .editable-toolbar:after,
html[data-theme=dark] .sticky.is-fixed .editable-toolbar:after {
 background:radial-gradient(ellipse at 50%,at 1%,hsla(0,0%,100%,.1),rgba(18,18,18,0) 80%);
 background:radial-gradient(ellipse at 50% 1%,hsla(0,0%,100%,.1),rgba(18,18,18,0) 80%)
}
.editable-toolbar-controls {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 padding:6px 10px
}
.editable-toolbar-controls .editable-toolbar-controls {
 border-top:1px solid #ebebeb
}
html[data-theme=dark] .editable-toolbar-controls .editable-toolbar-controls {
 border-top:1px solid #2e2e2e
}
.editable-toolbar-separator {
 background-color:#ebebeb;
 height:20px;
 margin:0 10px;
 width:1px
}
html[data-theme=dark] .editable-toolbar-separator {
 background-color:#2e2e2e
}
.editable-control {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 color:#8590a6;
 cursor:pointer;
 display:-webkit-inline-box;
 display:-ms-inline-flexbox;
 display:inline-flex;
 height:28px;
 margin:0 4px;
 padding:2px;
 white-space:nowrap
}
html[data-theme=dark] .editable-control {
 color:#8590a6
}
.editable-control:not(:disabled):hover {
 background-color:rgba(0,102,255,.1);
 border-radius:4px;
 color:#06f
}
html[data-theme=dark] .editable-control:not(:disabled):hover {
 background-color:rgba(51,119,255,.1);
 color:#37f
}
.editable-control.is-active {
 color:#06f
}
html[data-theme=dark] .editable-control.is-active {
 color:#37f
}
.editable-control span {
 line-height:24px
}
.editable-control .zi span {
 margin-left:6px
}
.editable-toolbarmenu {
 height:26px;
 margin-left:auto
}
.editable-toolbarmenuitem {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 line-height:36px
}
.editable-toolbarmenuitem .zi {
 margin-right:4px
}
.editabletoolbarmenucallout {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 background:#fff;
 border-top:1px solid #ebebeb;
 padding:5px 13px
}
.editabletoolbarmenucallout-closebutton {
 margin-left:auto;
 width:26px;
 height:26px
}
.editabletoolbarmenucallout-arrowbox {
 position:absolute;
 top:0;
 left:0;
 background:#fff;
 pointer-events:none
}
.editabletoolbarmenucallout-arrowbox:after,
.editabletoolbarmenucallout-arrowbox:before {
 bottom:100%;
 left:0;
 border:solid transparent;
 content:" ";
 height:0;
 width:0;
 position:absolute;
 pointer-events:none
}
.editabletoolbarmenucallout-arrowbox:after {
 border-color:hsla(0,0%,100%,0) hsla(0,0%,100%,0) #fff;
 border-width:8px;
 margin-left:-8px
}
.editabletoolbarmenucallout-arrowbox:before {
 border-color:hsla(0,0%,80%,0) hsla(0,0%,80%,0) #ebebeb;
 border-width:9px;
 margin-left:-9px
}
.askdetail {
 min-height:112px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column
}
.askdetail-input {
 font-size:15px
}
.askdetail-inputwrapper {
 overflow-x:hidden;
 overflow-y:auto;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column
}
.askdetail-actionswrapper {
 overflow:hidden;
 -ms-flex-negative:0;
 flex-shrink:0
}
.askdetail-actions {
 float:right
}
.askdetail-placeholder {
 display:inline-block;
 color:#8590a6
}
.askoptions-label,
html[data-theme=dark] .askdetail-placeholder,
html[data-theme=dark] .askoptions-label {
 color:#8590a6
}
.askoptions-label {
 cursor:pointer
}
.askoptions-checkbox {
 margin-right:8px;
 vertical-align:text-top
}
.askoptions-showauthorhint {
 margin-left:4px;
 color:#8590a6
}
html[data-theme=dark] .askoptions-showauthorhint {
 color:#8590a6
}
.askoptions-showauthorhinttext {
 width:206px;
 color:#646464
}
html[data-theme=dark] .askoptions-showauthorhinttext {
 color:#d3d3d3
}
.askoptions-showauthorhinttext {
 padding:12px;
 font-size:12px;
 line-height:18px;
 background:#fff
}
html[data-theme=dark] .askoptions-showauthorhinttext {
 background:#121212
}
.askoptions-showauthorhinttext .popover-arrow {
 left:1px!important
}
.askoptions-showauthorhinttext .popover-arrow:after {
 border:none;
 background:#fff
}
html[data-theme=dark] .askoptions-showauthorhinttext .popover-arrow:after {
 background:#121212
}
.askoptions-showauthorhinttext.popover-content--right.popover-content--arrowed {
 margin-left:10px
}
.askbrandtitle-main {
 color:#121212
}
html[data-theme=dark] .askbrandtitle-main {
 color:#fff
}
.askbrandtitle-main {
 font-size:18px;
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .askbrandtitle-main {
 font-weight:500
}
html[data-android] .askbrandtitle-main {
 font-weight:700
}
.askbrandtitle-sub,
html[data-theme=dark] .askbrandtitle-sub {
 color:#999
}
.askbrandtitle-sub {
 font-size:13px
}
.ask-form {
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between
}
.ask-form,
.ask-items {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column
}
.ask-items {
 max-height:calc(100vh - 146px);
 min-height:138px;
 overflow:hidden
}
.ask-items:first-child {
 padding-top:8px
}
.ask-item {
 -ms-flex-negative:0;
 flex-shrink:0;
 margin-bottom:16px;
 overflow:hidden;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column
}
.ask-item:nth-child(2) {
 -ms-flex-negative:1;
 flex-shrink:1
}
.ask-titlewrapper {
 display:block
}
.ask-title {
 overflow:hidden
}
.ask-footer {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-negative:0;
 flex-shrink:0
}
.ask-footer-buttonwrapper {
 -webkit-box-flex:1;
 -ms-flex:1 1;
 flex:1 1;
 text-align:right
}
.ask-header {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 background-color:#f6f6f6
}
html[data-theme=dark] .ask-header {
 background-color:#1b1b1b
}
.ask-header {
 padding:18px 24px;
 border-bottom:1px solid #ebebeb
}
html[data-theme=dark] .ask-header {
 border-bottom:1px solid #2e2e2e
}
.ask-header {
 margin:-24px -24px 12px
}
.askorgselect-item {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 color:#bfbfbf
}
html[data-theme=dark] .askorgselect-item {
 color:#444
}
.askorgselect-item {
 padding-bottom:15px;
 padding-top:26px
}
.askorgselect-item .askorgselect-item {
 border-top:1px solid #ebebeb
}
html[data-theme=dark] .askorgselect-item .askorgselect-item {
 border-top:1px solid #2e2e2e
}
.askorgselect-item svg {
 -ms-flex-negative:0;
 flex-shrink:0
}
.askorgselect-itemtitle {
 font-size:17px;
 color:#121212
}
html[data-theme=dark] .askorgselect-itemtitle {
 color:#fff
}
.askorgselect-itemdesc {
 margin-top:10px;
 font-size:14px;
 color:#8590a6
}
html[data-theme=dark] .askorgselect-itemdesc {
 color:#8590a6
}
.searchbar {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.searchbar-tool {
 -webkit-box-flex:1;
 -ms-flex-positive:1;
 flex-grow:1;
 height:100%;
 position:relative;
 overflow:hidden;
 width:100%;
 z-index:104
}
.searchbar-tool--focus {
 height:100%;
 left:0;
 position:absolute;
 top:0;
 width:100%
}
.searchbar-tool .popover,
.searchbar-tool>div {
 display:block;
 height:100%;
 width:100%
}
.searchbar-groupitem--topsearch {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 padding:10px
}
.searchbar-groupitem--hisotry {
 display:block
}
.searchbar-menucontainer {
 margin-left:-13px
}
.searchbar-menu {
 width:400px;
 padding-bottom:0;
 overflow-x:hidden
}
.searchbar-menu.searchbar-novaluemenu {
 padding-bottom:8px
}
.searchbar-menu em,
html[data-theme=dark] .searchbar-menu em {
 color:#8590a6
}
.searchbar-menu em {
 font-style:normal
}
.searchbar-menu .bluefont em {
 color:#175199
}
html[data-theme=dark] .searchbar-menu .bluefont em {
 color:#6385a6
}
.searchbar-contentresult,
.searchbar-defaultresult,
.searchbar-peopleresult,
.searchbar-searchlink,
.searchbar-topicresult {
 display:block;
 padding:10px 0;
 font-size:14px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.searchbar-label {
 padding:7px 0;
 margin-right:16px;
 margin-left:16px;
 font-size:14px;
 color:#8590a6
}
html[data-theme=dark] .searchbar-label {
 color:#8590a6
}
.searchbar-label {
 border-bottom:1px solid #ebebeb
}
html[data-theme=dark] .searchbar-label {
 border-bottom:1px solid #2e2e2e
}
.searchbar-label--history {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between
}
.searchbar-peopleresult {
 padding:13px 0
}
.searchbar-peopleresult .authorinfo {
 padding-top:0
}
.searchbar-peopleresult .authorinfo-name {
 font-weight:400
}
.searchbar-peopleresult .authorinfo-badge {
 font-size:13px;
 color:#8590a6
}
html[data-theme=dark] .searchbar-peopleresult .authorinfo-badge {
 color:#8590a6
}
.searchbar-useravatar {
 border-radius:3px
}
.searchbar-user {
 display:inline-block;
 margin-left:16px
}
.searchbar-userheadline {
 margin-top:2px;
 font-size:13px;
 color:#8590a6
}
html[data-theme=dark] .searchbar-userheadline {
 color:#8590a6
}
.searchbar-contentsuffix,
.searchbar-topicsuffix {
 margin-left:8px;
 font-size:13px;
 color:#8590a6
}
html[data-theme=dark] .searchbar-contentsuffix,
html[data-theme=dark] .searchbar-topicsuffix {
 color:#8590a6
}
.searchbar-contentsuffix,
.searchbar-topicsuffix {
 white-space:nowrap
}
.searchbar-searchlink {
 display:block;
 font-size:14px;
 color:#06f
}
html[data-theme=dark] .searchbar-searchlink {
 color:#558eff
}
.searchbar-searchlink {
 cursor:pointer
}
.searchbar-askbutton {
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 -ms-flex-negative:0;
 flex-shrink:0;
 z-index:103;
 padding:0 14px;
 margin-left:16px;
 -webkit-transition:opacity .3s ease,-webkit-transform .3s ease;
 transition:opacity .3s ease,-webkit-transform .3s ease;
 transition:opacity .3s ease,transform .3s ease;
 transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;
 line-height:30px
}
.searchbar-hiddenaskbutton {
 opacity:0;
 -webkit-transform:scale(0);
 transform:scale(0)
}
.searchbar-input {
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 padding-left:12px;
 padding-right:0;
 -webkit-transition:width .2s ease,background .3s ease;
 transition:width .2s ease,background .3s ease;
 width:100%
}
.searchbar-searchbutton {
 margin-left:12px;
 padding:0 12px;
 background:transparent;
 border-color:transparent;
 border-bottom-left-radius:0;
 border-top-left-radius:0
}
.searchbar-searchicon {
 -webkit-transition:fill .2s ease;
 transition:fill .2s ease
}
.searchbar-searchicon.isfocus {
 color:#06f
}
html[data-theme=dark] .searchbar-searchicon.isfocus {
 color:#558eff
}
.searchbar-searchicon.hasvalue {
 color:#fff
}
html[data-theme=dark] .searchbar-searchicon.hasvalue {
 color:#121212
}
.searchbar-menu .menu-item {
 padding:0 16px
}
.reportsitem,
html[data-theme=dark] .reportsitem {
 color:#8590a6
}
.reportsitem {
 font-size:11px;
 line-height:16px;
 text-align:right;
 padding:8px 0;
 margin-right:-8px;
 height:16px
}
.simplesearchbar-wrapper {
 margin:auto 0;
 width:296px
}
.simplesearchbar-solidsearchbutton {
 padding:0 12px;
 border-radius:0 3px 3px 0
}
.simplesearchbar-plainsearchbutton {
 padding:0 12px;
 border-color:transparent;
 background-color:transparent
}
.simplesearchbar-input {
 padding-right:0;
 width:100%;
 background-color:#f6f6f6
}
html[data-theme=dark] .simplesearchbar-input {
 background-color:#1b1b1b
}
.appheader {
 position:relative;
 z-index:100;
 min-width:1000px;
 overflow:hidden;
 background:#fff
}
html[data-theme=dark] .appheader {
 background:#121212
}
.appheader {
 -webkit-box-shadow:0 1px 3px rgba(18,18,18,.1);
 box-shadow:0 1px 3px rgba(18,18,18,.1)
}
html[data-theme=dark] .appheader {
 -webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);
 box-shadow:0 1px 3px rgba(0,0,0,.3)
}
.appheader {
 background-clip:content-box
}
.appheader.is-fixed {
 z-index:100;
 width:100%
}
.appheader-inner {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 width:1000px;
 height:52px;
 padding:0 16px;
 margin:0 auto;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-transition:-webkit-transform .3s;
 transition:-webkit-transform .3s;
 transition:transform .3s;
 transition:transform .3s,-webkit-transform .3s
}
.appheader.is-hidden .appheader-inner {
 -webkit-transform:translatey(-100%);
 transform:translatey(-100%)
}
.appheader-tabs {
 border-bottom:none;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-negative:0;
 flex-shrink:0;
 margin:0 16px
}
.appheader-tab {
 padding:0 14px
}
.appheader-tabslink,
html[data-theme=dark] .appheader-tabslink {
 color:#8590a6
}
.appheader-tabslink {
 font-size:15px
}
.appheader-tabslink.is-active,
.appheader-tabslink:hover {
 color:#444
}
html[data-theme=dark] .appheader-tabslink.is-active,
html[data-theme=dark] .appheader-tabslink:hover {
 color:#d3d3d3
}
.appheader-tabslink:focus {
 outline:none;
 -webkit-transition:-webkit-box-shadow .3s;
 transition:-webkit-box-shadow .3s;
 transition:box-shadow .3s;
 transition:box-shadow .3s,-webkit-box-shadow .3s
}
html[data-focus-visible] .appheader-tabslink:focus {
 -webkit-box-shadow:0 0 0 2px #fff,0 0 0 5px rgba(0,102,255,.3);
 box-shadow:0 0 0 2px #fff,0 0 0 5px rgba(0,102,255,.3)
}
html[data-theme=dark][data-focus-visible] .appheader-tabslink:focus {
 -webkit-box-shadow:0 0 0 2px #121212,0 0 0 5px rgba(85,142,255,.6);
 box-shadow:0 0 0 2px #121212,0 0 0 5px rgba(85,142,255,.6)
}
.appheader-navdivider {
 height:15px;
 border-right:1px solid #d3d3d3
}
html[data-theme=dark] .appheader-navdivider {
 border-right:1px solid #2e2e2e
}
.appheader-navdivider {
 -ms-flex-item-align:center;
 align-self:center
}
.appheader-input {
 width:345px
}
.appheader-searchbar {
 height:34px;
 -webkit-box-flex:1;
 -ms-flex-positive:1;
 flex-grow:1;
 position:relative
}
.appheader-userinfo {
 -ms-flex-negative:0;
 flex-shrink:0;
 -webkit-box-pack:end;
 -ms-flex-pack:end;
 justify-content:flex-end;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 margin-left:10px;
 width:296px
}
.appheader-messages,
.appheader-notifications {
 margin-right:40px
}
.appheader-profile {
 position:relative
}
.appheader-login {
 margin-right:16px
}
.appheader-downloadpopover {
 padding:16px
}
.appheader-downloadpopoverimage {
 width:120px
}
.adblockbanner {
 position:relative;
 z-index:100;
 min-width:1000px;
 padding:16px;
 line-height:28px;
 color:#8590a6
}
html[data-theme=dark] .adblockbanner {
 color:#8590a6
}
.adblockbanner {
 text-align:center;
 background-color:#ebebeb
}
html[data-theme=dark] .adblockbanner {
 background-color:#2e2e2e
}
.adblockbanner-inner {
 width:1000px;
 padding:0 24px;
 margin:0 auto;
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.adblockbanner-inner a:hover,
html[data-theme=dark] .adblockbanner-inner a:hover {
 border-bottom:1px solid #8590a6
}
.adblockbanner-close {
 position:absolute;
 top:16px;
 right:16px
}
.adblockbanner-close .icon {
 display:block
}
.u-ellipsis {
 overflow:hidden;
 text-overflow:ellipsis;
 word-wrap:normal;
 white-space:nowrap
}
.app-loginguidemodal {
 width:400px
}
.app-loginbutton,
.app-registerbutton {
 display:block;
 width:220px;
 height:36px;
 margin:0 auto;
 font-size:14px;
 text-align:center
}
.app-loginbutton {
 margin-top:28px;
 color:#fff
}
html[data-theme=dark] .app-loginbutton {
 color:#121212
}
.app-registerbutton {
 margin-top:52px;
 margin-bottom:12px;
 color:#8590a6
}
html[data-theme=dark] .app-registerbutton {
 color:#8590a6
}
.watermarkhint-modalbody {
 font-size:14px;
 text-align:center
}
.watermarkhint-modalcontent {
 padding-top:16px
}
.watermarkhint-modalcontent .modalbuttongroup {
 margin-top:32px;
 margin-bottom:0
}
.watermarkhint-modaltitle {
 font-size:24px;
 margin:32px 0 16px;
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .watermarkhint-modaltitle {
 font-weight:500
}
html[data-android] .watermarkhint-modaltitle {
 font-weight:700
}
.mentionsuggestions {
 position:absolute;
 z-index:203;
 line-height:1
}
.mentionsuggestions-input {
 width:200px;
 padding:4px 6px;
 font-size:inherit
}
.mentionsuggestions-input .input {
 height:auto;
 background:transparent
}
.mentionsuggestions-menu {
 width:200px
}
.mentionsuggestions-menu .menu-item {
 padding:0 10px
}
.uploadimage-container 
{
 margin-top:15px;
 height:64px;
 overflow:hidden;
 width:100%;
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.uploadimage-container ul {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 margin:0;
 padding:0;
}
.uploadimage-container ul li {
 margin-left:8px;
 position:relative
}
.uploadimage-container ul li,
.uploadimage-container ul li img {
 height:64px;
 border-radius:4px
}
.uploadimage-container ul li em {
 padding:0 4px;
 background:#fff
}
html[data-theme=dark] .uploadimage-container ul li em {
 background:#121212
}
.uploadimage-container ul li em {
 opacity:.6;
 border-radius:2px;
 font-size:12px;
 color:#121212
}
html[data-theme=dark] .uploadimage-container ul li em {
 color:#fff
}
.uploadimage-container ul li em {
 position:absolute;
 right:4px;
 bottom:4px;
 font-style:normal
}
.uploadimage-container ul li .uploadimage-cancel {
 position:absolute;
 right:4px;
 top:4px;
 width:16px;
 height:16px;
 border-radius:50%;
 text-align:center;
 padding-top:5px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 cursor:pointer
}
.uploadimage-container ul li span:focus 
{
    outline:none;
}
.uploadimage-container ul li .uploadimage-cancel:before {
 content:"";
 position:absolute;
 width:100%;
 height:100%;
 background:#121212
}
html[data-theme=dark] .uploadimage-container ul li .uploadimage-cancel:before {
 background:#fff
}
.uploadimage-container ul li .uploadimage-cancel:before {
 opacity:.5;
 top:0;
 left:0;
 border-radius:50%
}
.uploadimage-container ul li .uploadimage-cancel svg {
 vertical-align:top;
 position:relative;
 height:12px;
 top:-3px;
 fill:#fff
}
html[data-theme=dark] .uploadimage-container ul li .uploadimage-cancel svg {
 fill:#121212
}
.uploadimage-container .uploadimage-upload {
 position:relative;
 width:64px;
 overflow:hidden
}
.uploadimage-container .uploadimage-upload>span {
 width:64px;
 height:64px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 border:1px solid #bfbfbf;
 background-image: ;
 background-size:25px 25px;
 background-repeat:no-repeat;
 background-position:center center;
}
html[data-theme=dark] .uploadimage-container .uploadimage-upload>span {
 border:2px dashed #444
}
.uploadimage-container .uploadimage-upload>span {
 border-radius:4px;
 font-size:40px;
 display:block;
 color:#bfbfbf
}
html[data-theme=dark] .uploadimage-container .uploadimage-upload>span {
 color:#444
}
.uploadimage-container .uploadimage-upload>span {
 cursor:pointer;
 text-align:center;
 font-weight:200;
 line-height:54px
}
.uploadimage-container .uploadimage-fileinput {
 position:absolute;
 width:64px;
 height:64px;
 left:0;
 top:0
}
.uploadimage-container .editable-imageuploader {
 position:absolute;
 left:50%;
 top:50%;
 -webkit-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 background:#fff
}
html[data-theme=dark] .uploadimage-container .editable-imageuploader {
 background:#121212
}
.uploadimage-container .editable-imageuploader {
 width:60px
}
.uploadimage-container .editable-imageuploader-statustext {
 font-size:12px;
 text-align:center;
 line-height:18px
}
.uploadimage-container .editable-imageuploader-retry {
 display:none
}
.uploadvideo-container {
 margin-left:24px;
 overflow:hidden;
 width:190px;
 height:105px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 position:relative;
 border-radius:4px
}
.uploadvideo-container .uploadvideo-content,
.uploadvideo-container .uploadvideo-plugin {
 margin:0;
 width:190px;
 height:105px
}
.uploadvideo-container .editable-videouploader-status {
 font-size:16px
}
.uploadvideo-container .editable-videouploader-size {
 font-size:12px
}
.uploadvideo-container .richtext-video {
 margin:0
}
.uploadvideo-container .videocard {
 border:0;
 -webkit-box-shadow:0 0 0;
 box-shadow:0 0 0
}
.uploadvideo-container .videocard-play-button,
.uploadvideo-container .videocard-play-button svg {
 width:48px!important;
 height:48px!important
}
.uploadvideo-container .uploadvideo-cancel {
 position:absolute;
 right:4px;
 top:4px;
 width:16px;
 height:16px;
 border-radius:50%;
 text-align:center;
 padding-top:5px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 cursor:pointer
}
.uploadvideo-container .uploadvideo-cancel:before {
 content:"";
 position:absolute;
 width:100%;
 height:100%;
 background:#121212
}
html[data-theme=dark] .uploadvideo-container .uploadvideo-cancel:before {
 background:#fff
}
.uploadvideo-container .uploadvideo-cancel:before {
 opacity:.5;
 top:0;
 left:0;
 border-radius:50%
}
.uploadvideo-container .uploadvideo-cancel svg {
 vertical-align:top;
 position:relative;
 height:12px;
 top:-3px;
 fill:#fff
}
html[data-theme=dark] .uploadvideo-container .uploadvideo-cancel svg {
 fill:#121212
}
.writepin-content {
}
html[data-theme=dark] .writepin-content {
 border:1px solid #2e2e2e
}
.writepin-content {
 border-radius:3px;
}
.writepin-contentwrite .public-drafteditor-content {
 min-height:200px;
 width:100%
}
.writepin-contentwrite .public-drafteditor-content a.member_mention,
.writepin-contentwrite .public-drafteditor-content a.userlink-link {
 color:#175199
}
html[data-theme=dark] .writepin-contentwrite .public-drafteditor-content a.member_mention,
html[data-theme=dark] .writepin-contentwrite .public-drafteditor-content a.userlink-link {
 color:#6385a6
}
.writepin-contentwrite .public-drafteditor-content a.member_mention:hover,
.writepin-contentwrite .public-drafteditor-content a.userlink-link:hover {
 border-bottom:1px solid #175199
}
html[data-theme=dark] .writepin-contentwrite .public-drafteditor-content a.member_mention:hover,
html[data-theme=dark] .writepin-contentwrite .public-drafteditor-content a.userlink-link:hover {
 border-bottom:1px solid #6385a6
}
.writepin-contentwrite .public-drafteditorplaceholder-inner,
html[data-theme=dark] .writepin-contentwrite .public-drafteditorplaceholder-inner {
 color:#8590a6
}
/* 写想法添加图片*/
.writepin-uploadimage {
 
}
.writepin-uploadimage ul li {
 height:48px;
 margin-left:7px;
 width:48px;
 list-style:none;
 
}
.writepin-uploadimage ul li:first-child {
 margin-left:0
}
.writepin-uploadimage ul li img {
 height:48px;
 width:48px
}
.writepin-uploadimage .uploadimage-upload {
 width:48px
}
.writepin-uploadimage .uploadimage-upload>span {
 height:48px;
 width:48px;
 line-height:38px
}
.writepin-uploadimage .uploadimage-fileinput {
 height:48px;
 width:48px
}
.writepin-uploadimage .editable-imageuploader {
 width:48px
}
/* 写想法添加图书*/
.writepin-addbook 
{
   width:471px;
   height:90px;
    scrollbar-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.1);
   scrollbar-width: thin;
   -ms-overflow-style: none;
}
.writepin-addbook::-webkit-scrollbar {
   width: 8px;
   height: 8px;
}
.writepin-addbook::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2)
}
.writepin-addbook::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
}
.writepin-addbook ul li {
 margin-left:7px;
 list-style:none;
}
.writepin-addbook ul li:first-child {
 margin-left:0
}
.writepin-addbook ul li img 
{
    width:46px;
    height:64px;
}
.writepin-addbook .uploadimage-fileinput {
 height:48px;
 width:48px
}
.writepin-addbook .editable-imageuploader {
 width:48px
}
.writepin-uploadvideo {
 margin:16px 0 0
}
.writepin-cancellink {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 color:#fff
}
.uploadimage-container .addbook-add {
 position:relative;
 width:60px;
}
.uploadimage-container .addbook-add>span 
{   
  border-radius: 4px;
  font-size: 40px;
  display:block;
  margin-top:8px;
  color: #bfbfbf;
  width:48px;
  height:48px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border:1px solid #bfbfbf;
  background-image: ;
  background-size:25px 25px;
  background-repeat:no-repeat;
  background-position:center center;
}
html[data-theme=dark] .writepin-cancellink {
 color:#121212
}
.writepin-cancellink {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 position:absolute;
 right:-8px;
 top:-8px;
 width:18px;
 height:18px;
 border-radius:50%;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 cursor:pointer
}
.writepin-cancellink:before {
 content:"";
 position:absolute;
 width:100%;
 height:100%;
 background:#121212
}
html[data-theme=dark] .writepin-cancellink:before {
 background:#fff
}
.writepin-cancellink:before {
 opacity:.5;
 top:0;
 left:0;
 border-radius:50%
}
.writepin-cancellink svg {
 position:relative;
 z-index:1
}
.writepin-link {
 border:1px solid #ebebeb
}
html[data-theme=dark] .writepin-link {
 border:1px solid #2e2e2e
}
.writepin-link {
 border-radius:4px;
 margin-top:12px;
 -webkit-box-shadow:0 1px 3px rgba(18,18,18,.1);
 box-shadow:0 1px 3px rgba(18,18,18,.1)
}
html[data-theme=dark] .writepin-link {
 -webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);
 box-shadow:0 1px 3px rgba(0,0,0,.3)
}
.writepin-link {
 position:relative
}
.writepin-linkbox {
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 margin:0;
 padding:12px;
 position:relative;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 overflow:auto;
 white-space:normal;
 cursor:pointer
}
.writepin-linkbox,
.writepin-linkbox .writepin-linkboxcontent {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 width:100%
}
.writepin-linkbox .writepin-linkboxcontent {
 padding:12px 16px 12px 0;
 overflow:hidden;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -ms-flex-pack:distribute;
 justify-content:space-around
}
.writepin-linkbox .writepin-linkboxcontent span:first-child {
 font-size:18px;
 font-weight:400;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 max-height:54px
}
.writepin-linkbox .writepin-linkboxcontent .writepin-linkboxcontentsubtitle,
html[data-theme=dark] .writepin-linkbox .writepin-linkboxcontent .writepin-linkboxcontentsubtitle {
 color:#8590a6
}
.writepin-linkbox .writepin-linkboxcontent .writepin-linkboxcontentsubtitle {
 font-size:15px
}
.writepin-linkbox .writepin-linkboxcontentthumbnail {
 -ms-flex-negative:0;
 flex-shrink:0;
 width:72px;
 height:72px;
 border-radius:4px;
 -o-object-fit:cover;
 object-fit:cover
}
.writepin-buttonmenu 
{
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 margin-top:16px
}
.writepin-buttonmenu .writepin-uploadbutton {
 color:#175199
}
html[data-theme=dark] .writepin-buttonmenu .writepin-uploadbutton {
 color:#6385a6
}
.writepin-buttonmenu .writepin-uploadbutton .zi {
 margin-right:3px
}
.writepin-buttonmenu .writepin-upload {
 position:relative;
}
.writepin-buttonmenu .writepin-upload-disabled:before {
 background:#fff
}
html[data-theme=dark] .writepin-buttonmenu .writepin-upload-disabled:before {
 background:#121212
}
.writepin-buttonmenu .writepin-upload-disabled:before {
 content:"";
 display:block;
 width:100%;
 height:100%;
 opacity:.5;
 position:absolute;
 top:0;
 left:0;
 z-index:11
}
.writepin-fileinput {
 display:none;
 opacity:0
}
.writepin-modalsucsesstip {
 background: no-repeat bottom;
 background-size:230px 123px;
 padding-bottom:156px;
 color:#444
}
html[data-theme=dark] .writepin-modalsucsesstip {
 color:#d3d3d3
}
.writepin-modalsucsesstip {
 line-height:24px;
 width:317px;
 margin:0 auto 51px;
 text-align:center
}
.writepin-modalsucsesstip a {
 color:#06f
}
html[data-theme=dark] .writepin-modalsucsesstip a {
 color:#558eff
}
.writepin-pindetail {
 text-align:center
}
.writepin-pindetail a {
 display:inline-block;
 border:1px solid #06f
}
html[data-theme=dark] .writepin-pindetail a {
 border:1px solid #558eff
}
.writepin-pindetail a {
 background-color:#06f
}
html[data-theme=dark] .writepin-pindetail a {
 background-color:#558eff
}
.writepin-pindetail a {
 padding:0 16px;
 width:220px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 font-size:14px;
 line-height:32px;
 text-align:center;
 cursor:pointer;
 border-radius:3px;
 color:#fff
}
html[data-theme=dark] .writepin-pindetail a {
 color:#121212
}
.writepin-editorcounterror,
html[data-theme=dark] .writepin-editorcounterror {
 color:#f1403c
}
.writepin-placeholder {
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 width:456px;
 height:83px;
 padding:0 12px;
 overflow:hidden
}
.writepin-placeholder svg {
 margin-top:-46px
}
.reference:focus {
 outline:none;
 -webkit-transition:-webkit-box-shadow .3s;
 transition:-webkit-box-shadow .3s;
 transition:box-shadow .3s;
 transition:box-shadow .3s,-webkit-box-shadow .3s
}
html[data-focus-visible] .reference:focus {
 -webkit-box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(0,102,255,.3);
 box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(0,102,255,.3)
}
html[data-theme=dark][data-focus-visible] .reference:focus {
 -webkit-box-shadow:0 0 0 2px #121212,0 0 0 4px rgba(51,119,255,.6);
 box-shadow:0 0 0 2px #121212,0 0 0 4px rgba(51,119,255,.6)
}
.reference.iseditable {
 cursor:pointer
}
.reference:before {
 color:#175199;
 content:"[" counter(zh-ref,decimal) "]"
}
html[data-theme=dark] .reference:before {
 color:#6385a6
}
.referencemodal-firstrow {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 margin-bottom:16px
}
.referencemodal-firstrow .referencemodal-input {
 overflow:hidden
}
.referencemodal-select {
 -ms-flex-negative:0;
 flex-shrink:0;
 margin-right:10px
}
.referencemodal-selectlist {
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 max-height:230px
}
.input-wrapper.referencemodal-input {
 padding-left:8px
}
.referencemodal-icon {
 color:#8590a6;
 margin-right:8px
}
html[data-theme=dark] .referencemodal-icon {
 color:#8590a6
}
.referencemodal-buttongroup {
 margin-top:32px
}
.formula {
 display:inline-block;
 vertical-align:middle;
 background:no-repeat 50%;
 background-size:contain;
 font-size:0
}
.formula.iseditable {
 cursor:pointer
}
.formula-image {
 max-width:100%;
 opacity:0;
 visibility:hidden
}
.formula-placeholder {
 opacity:0
}
.mathtoolbar {
 display:block;
 padding:4px 12px;
 border-radius:inherit inherit 0 0;
 background:#f6f6f6;
 border-bottom:1px solid #ebebeb;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
html[data-theme=dark] .mathtoolbar {
 background:#1b1b1b;
 border-bottom:1px solid #2e2e2e
}
.mathtoolbar-button {
 height:28px;
 padding:2px 4px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 border:1px solid transparent;
 vertical-align:middle
}
.mathtoolbar-button .mathtoolbar-button {
 margin-left:16px
}
.mathtoolbar-button:hover {
 background:#f6f6f6;
 border-color:#ebebeb
}
html[data-theme=dark] .mathtoolbar-button:hover {
 background:#1b1b1b;
 border-color:#2e2e2e
}
.mathtoolbar-palettes {
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 margin:-4px;
 padding:16px;
 max-width:384px
}
.mathtoolbar-palettes,
.mathtoolbar-palettesbutton {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row
}
.mathtoolbar-palettesbutton {
 margin:4px;
 padding:0;
 width:24px;
 height:24px;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 font-size:16px;
 color:#8590a6;
 border-radius:4px
}
html[data-theme=dark] .mathtoolbar-palettesbutton {
 color:#8590a6
}
.mathtoolbar-palettesbutton:hover {
 background-color:#f6f6f6
}
html[data-theme=dark] .mathtoolbar-palettesbutton:hover {
 background-color:#1b1b1b
}
.mathtoolbar-paletteicon {
 max-width:calc(100% - 2px)
}
.mathtoolbar-palettes--math {
 max-width:380px
}
.mathtoolbar-palettes--math .mathtoolbar-palettesbutton {
 padding:0 3px;
 width:30px;
 height:60px
}
.mathtoolbar-palettes--arrow .mathtoolbar-palettesbutton {
 height:35px
}
.formulamodal {
 width:550px
}
.formulamodal-input {
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-align:initial;
 -ms-flex-align:initial;
 align-items:normal;
 margin-bottom:30px
}
.formulamodal-input .input {
 padding:6px 12px;
 min-height:100px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.formulamodal-formula {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 padding:0 3px;
 background:#fff;
 border:2px dashed #ebebeb;
 border-radius:3px;
 min-height:106px;
 overflow-x:auto
}
html[data-theme=dark] .formulamodal-formula {
 background:#121212;
 border:2px dashed #2e2e2e
}
.formulamodal-formula img {
 max-width:100%
}
.formulamodal-buttongroup {
 margin-top:32px
}
.formulamodal-previewtext {
 color:#8590a6;
 font-size:14px
}
html[data-theme=dark] .formulamodal-previewtext {
 color:#8590a6
}
.focusplugin--unfocused:hover {
 cursor:default;
 -webkit-box-shadow:0 0 0 2px rgba(0,102,255,.3);
 box-shadow:0 0 0 2px rgba(0,102,255,.3)
}
html[data-theme=dark] .focusplugin--unfocused:hover {
 -webkit-box-shadow:0 0 0 2px rgba(51,119,255,.3);
 box-shadow:0 0 0 2px rgba(51,119,255,.3)
}
.focusplugin--focused {
 cursor:default;
 -webkit-box-shadow:0 0 0 2px #06f;
 box-shadow:0 0 0 2px #06f
}
html[data-theme=dark] .focusplugin--focused {
 -webkit-box-shadow:0 0 0 2px #37f;
 box-shadow:0 0 0 2px #37f
}
.image {
 max-width:100%;
 margin:0 auto
}
.image[data-size=small] {
 max-width:40%
}
.image--isblock {
 display:block
}
.editable-imageuploader {
 text-align:center
}
.editable-imageuploader-layout {
 position:relative;
 display:inline-block;
 max-width:100%;
 vertical-align:top
}
.editable-imageuploader-layout.is-fullwidth {
 width:100%
}
.editable-imageuploader-image {
 display:block;
 max-width:100%;
 opacity:.3
}
.editable-imageuploader-placeholder {
 height:192px;
 background-color:#ebebeb
}
html[data-theme=dark] .editable-imageuploader-placeholder {
 background-color:#2e2e2e
}
.editable-imageuploader-status {
 position:absolute;
 left:0;
 top:0;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 width:100%;
 height:100%
}
.editable-imageuploader-statustext {
 font-size:28px;
 line-height:40px;
 color:#8590a6
}
html[data-theme=dark] .editable-imageuploader-statustext {
 color:#8590a6
}
.editable-imageuploader-status.is-error .editable-imageuploader-statustext,
html[data-theme=dark] .editable-imageuploader-status.is-error .editable-imageuploader-statustext {
 color:#f36
}
.editable-imageuploader-retry {
 margin-top:4px;
 font-size:16px;
 line-height:32px
}
.editable-imageuploader-retry .button {
 font-size:inherit
}
.editable-imageuploader-progress {
 position:absolute;
 left:0;
 bottom:0;
 width:100%;
 height:4px;
 background-color:#06f
}
html[data-theme=dark] .editable-imageuploader-progress {
 background-color:#37f
}
.editable-imageuploader-progress.is-error,
html[data-theme=dark] .editable-imageuploader-progress.is-error {
 background-color:#f36
}
.editable-imageuploader-progress .loadingbar {
 position:relative;
 height:100%;
 background-color:hsla(0,0%,100%,.3)
}
html[data-theme=dark] .editable-imageuploader-progress .loadingbar {
 background-color:rgba(18,18,18,.3)
}
.image-caption.is-placeholder {
 color:#bfbfbf
}
html[data-theme=dark] .image-caption.is-placeholder {
 color:#444
}
.image-caption.is-editing {
 opacity:0
}
.image-captioninput {
 position:absolute;
 z-index:203
}
.image-captioninput textarea {
 display:block;
 overflow:hidden;
 width:100%;
 height:100%;
 padding:0;
 border:none;
 font:inherit;
 font-size:.9em;
 line-height:1.5;
 text-align:center;
 color:#8590a6;
 background:none;
 resize:none
}
html[data-theme=dark] .image-captioninput textarea {
 color:#8590a6
}
.image-captioninput textarea::-moz-placeholder {
 color:#bfbfbf
}
.image-captioninput textarea:-ms-input-placeholder {
 color:#bfbfbf
}
.image-captioninput textarea::-webkit-input-placeholder {
 color:#bfbfbf
}
.image-captioninput textarea::-ms-input-placeholder {
 color:#bfbfbf
}
.image-captioninput textarea::placeholder {
 color:#bfbfbf
}
html[data-theme=dark] .image-captioninput textarea::-moz-placeholder {
 color:#444
}
html[data-theme=dark] .image-captioninput textarea:-ms-input-placeholder {
 color:#444
}
html[data-theme=dark] .image-captioninput textarea::-webkit-input-placeholder {
 color:#444
}
html[data-theme=dark] .image-captioninput textarea::-ms-input-placeholder {
 color:#444
}
html[data-theme=dark] .image-captioninput textarea::placeholder {
 color:#444
}
.image-captioninput textarea:focus {
 outline:none
}
.image-resizer {
 padding:8px
}
.image-resizerbutton {
 padding:0 8px;
 vertical-align:middle
}
.image-resizerbutton .zi {
 display:block
}
.image-resizerbutton.is-active {
 color:#06f
}
html[data-theme=dark] .image-resizerbutton.is-active {
 color:#37f
}
.editable-videocensorlist {
 border-radius:4px;
 color:#f1403c;
 font-size:15px;
 margin-top:10px;
 padding:10px 18px 10px 13px
}
.editable-videocensorlist,
html[data-theme=dark] .editable-videocensorlist {
 background:rgba(241,64,60,.1)
}
html[data-theme=dark] .editable-videocensorlist {
 color:#f1403c
}
.editable-videocensoritem {
 line-height:19px;
 margin-bottom:5px
}
.editable-videocensoritem:last-child {
 margin-bottom:0
}
.editable-videocensoritem:before {
 content:"•"
}
.editable-videocensoritem span {
 font-weight:700
}
.videocovereditor-modal .modal-inner {
 width:400px;
 min-height:480px
}
.videocovereditor-title {
 font-size:20px;
 font-weight:500;
 color:#121212
}
html[data-theme=dark] .videocovereditor-title {
 color:#fff
}
.videocovereditor-tabs {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 width:calc(100% - 80px);
 margin:0 auto
}
.videocovereditor-tabitem {
 -webkit-box-flex:1;
 -ms-flex:1 1;
 flex:1 1;
 font-weight:500;
 font-size:20px;
 color:#444;
 cursor:pointer
}
html[data-theme=dark] .videocovereditor-tabitem {
 color:#d3d3d3
}
.videocovereditor-tabitem:not(:last-child):after {
 content:" |";
 float:right;
 font-weight:100;
 color:#ebebeb
}
html[data-theme=dark] .videocovereditor-tabitem:not(:last-child):after {
 color:#2e2e2e
}
.videocovereditor-tabitem.active {
 color:#06f
}
html[data-theme=dark] .videocovereditor-tabitem.active {
 color:#37f
}
.videocoverpicker-coverselect {
 text-align:center
}
.videocoverpicker-coverlist {
 position:relative;
 width:100%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 margin-top:36px
}
.videocoverpicker-coveritem {
 position:relative;
 width:112px;
 height:63.5px;
 margin:0 8px 8px 0;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 background:rgba(18,18,18,.03);
 cursor:pointer;
 border:3px solid #fff
}
html[data-theme=dark] .videocoverpicker-coveritem {
 background:hsla(0,0%,100%,.03);
 border:3px solid #121212
}
.videocoverpicker-coveritem.actived {
 border-color:#06f
}
html[data-theme=dark] .videocoverpicker-coveritem.actived {
 border-color:#37f
}
.videocoverpicker-coveritem img {
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover
}
.videocoverpicker-coveritem:nth-child(3n 0) {
 margin-right:0
}
.videocoverpicker-coverselect .bounceloading {
 position:absolute;
 top:50%;
 left:50%;
 -webkit-transform:translate(-50%,-120%);
 transform:translate(-50%,-120%)
}
.videocoverpicker-coverselectbtn {
 width:220px;
 height:34px;
 margin:62px auto 0
}
.videocoverpicker-coverselectbtn.disabled {
 opacity:.5
}
.videocoverfileinput {
 margin-top:40px
}
.videocoverfile-uploader {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 height:220px;
 border:2px dashed #ebebeb;
 border-radius:10px;
 cursor:pointer
}
html[data-theme=dark] .videocoverfile-uploader {
 border:2px dashed #2e2e2e
}
.videocoverfile-uploader:hover,
html[data-theme=dark] .videocoverfile-uploader:hover {
 border-color:#8590a6
}
.videocoverfile-uploader:hover .zi,
html[data-theme=dark] .videocoverfile-uploader:hover .zi {
 fill:#999
}
.videocoverfile-uploader input {
 opacity:0;
 position:absolute;
 top:0;
 left:0;
 z-index:1;
 width:100%;
 height:100%;
 cursor:pointer
}
.videocoverfile-uploader-icon {
 text-align:center;
 display:block
}
.videocoverfile-uploader-icon .zi {
 vertical-align:middle;
 fill:#ebebeb
}
html[data-theme=dark] .videocoverfile-uploader-icon .zi {
 fill:#2e2e2e
}
.videocoverfileinput-uplaodimg .zi,
html[data-theme=dark] .videocoverfileinput-uplaodimg .zi {
 fill:#999
}
.videocoverfile-uploader-text {
 margin-top:10px;
 font-size:18px;
 line-height:30px;
 text-align:center;
 color:#444
}
html[data-theme=dark] .videocoverfile-uploader-text {
 color:#d3d3d3
}
.videocoverfile-uploader-tip {
 font-size:14px;
 line-height:30px;
 text-align:center;
 color:#999
}
html[data-theme=dark] .videocoverfile-uploader-tip {
 color:#999
}
.videocovercrop-range {
 margin:22px auto 0
}
.videocovercrop .rangeinput {
 margin-top:4px
}
.videocovercrop-uploadimgfooter {
 width:100%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 margin-top:30px
}
.videocovercrop-uploadimgfooter button {
 -webkit-box-flex:1;
 -ms-flex:1 1;
 flex:1 1
}
.videocovercrop-uploadimgfooter button:not(:last-child) {
 margin-right:20px
}
.videocoverpickerpending {
 margin-top:100px;
 text-align:center
}
.videocoverpickerpending p {
 font-size:18px;
 line-height:1.78;
 color:#999
}
html[data-theme=dark] .videocoverpickerpending p {
 color:#999
}
.videocoverpickerpending-nowupdate {
 margin-top:135px
}
.videocoverpicker-coveritem .mask-mask {
 opacity:.03
}
.editable-video {
 margin:16px 0;
 border-radius:4px
}
.editable-video.is-videoanswer {
 margin:0;
 border-radius:0;
 border-bottom-left-radius:2px;
 border-bottom-right-radius:2px
}
.video-uploadposterbutton {
 background:rgba(18,18,18,.5);
 border:1px solid hsla(0,0%,100%,.3);
 border-radius:3px;
 height:32px;
 width:109px;
 position:absolute;
 bottom:16px;
 right:16px;
 text-align:center;
 line-height:32px;
 cursor:pointer
}
html[data-theme=dark] .video-uploadposterbutton {
 background:hsla(0,0%,100%,.5);
 border:1px solid rgba(18,18,18,.3)
}
.video-uploadposterbutton p {
 color:#fff;
 font-size:14px;
 margin:0!important
}
html[data-theme=dark] .video-uploadposterbutton p {
 color:#121212
}
.video-uploadposterbutton.is-videoanswer {
 width:78px;
 height:32px;
 bottom:8px;
 right:8px;
 z-index:1;
 border:none;
 background-color:rgba(18,18,18,.8)
}
html[data-theme=dark] .video-uploadposterbutton.is-videoanswer {
 background-color:rgba(0,0,0,.8)
}
.video-uploadposterbutton.is-videoanswer p,
html[data-theme=dark] .video-uploadposterbutton.is-videoanswer p {
 color:#fff
}
.editable-video--titleerror .editable-videotitleinput-aftericon,
html[data-theme=dark] .editable-video--titleerror .editable-videotitleinput-aftericon {
 color:#f1403c
}
.editable-video--postererror .video-uploadposterbutton {
 background:#f1403c;
 border:none
}
html[data-theme=dark] .editable-video--postererror .video-uploadposterbutton {
 background:#f1403c
}
.editable-video--duration {
 position:absolute;
 left:8px;
 bottom:8px;
 z-index:1;
 font-size:12px;
 line-height:14px;
 color:#fff
}
html[data-theme=dark] .editable-video--duration {
 color:#fff
}
.editable-videouploader {
 margin:16px 0;
 border-radius:4px
}
.editable-videouploader.is-videoanswer {
 margin:0;
 border-radius:0;
 border-bottom-left-radius:2px;
 border-bottom-right-radius:2px
}
.editable-videouploader-thumbnail {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 width:100%;
 height:100%
}
.editable-videouploader-text {
 text-align:center;
 position:relative;
 color:#8590a6
}
html[data-theme=dark] .editable-videouploader-text {
 color:#8590a6
}
.editable-videouploader-text.is-bright,
html[data-theme=dark] .editable-videouploader-text.is-bright {
 color:#fff
}
.editable-videouploader-status {
 font-size:28px;
 line-height:40px
}
.editable-videouploader-status.is-videoanswer {
 font-size:15px;
 line-height:24px;
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .editable-videouploader-status.is-videoanswer {
 font-weight:500
}
html[data-android] .editable-videouploader-status.is-videoanswer {
 font-weight:700
}
.editable-videouploader-size {
 margin-top:10px;
 font-size:14px;
 line-height:20px
}
.editable-videouploader-size.is-videoanswer {
 margin-top:4px;
 font-size:12px;
 line-height:18px
}
.editable-videouploader-retry {
 margin-top:4px;
 font-size:16px;
 line-height:32px
}
.editable-videouploader-retry .button {
 font-size:inherit
}
.editable-videouploader-retry .button:hover {
 background-color:transparent!important;
 background-color:initial!important
}
.editable-videouploader-retry.is-videoanswer {
 font-size:12px;
 line-height:18px
}
.editable-videouploader-retry.is-videoanswer .button--link,
html[data-theme=dark] .editable-videouploader-retry.is-videoanswer .button--link {
 color:#8590a6
}
.editable-videouploader-progress {
 position:absolute;
 left:0;
 right:0;
 bottom:0;
 overflow:hidden;
 height:4px;
 background-color:rgba(18,18,18,.05)
}
html[data-theme=dark] .editable-videouploader-progress {
 background-color:hsla(0,0%,100%,.05)
}
.editable-videouploader-progress.is-videoanswer {
 top:0;
 bottom:auto;
 height:2px
}
.editable-videouploader-progress-bar {
 position:absolute;
 left:0;
 top:0;
 height:100%;
 background-color:#06f
}
html[data-theme=dark] .editable-videouploader-progress-bar {
 background-color:#37f
}
.editable-videouploader-progress-bar.is-error,
html[data-theme=dark] .editable-videouploader-progress-bar.is-error {
 background-color:#f36
}
.editable-videouploader-progress .loadingbar {
 position:absolute;
 left:0;
 top:0;
 height:100%;
 background-color:hsla(0,0%,100%,.3)
}
html[data-theme=dark] .editable-videouploader-progress .loadingbar {
 background-color:rgba(18,18,18,.3)
}
.editable-videouploader-image {
 position:absolute
}
.editable-videouploader-uploadposterbutton {
 background:rgba(18,18,18,.5);
 border:1px solid hsla(0,0%,100%,.3);
 border-radius:3px;
 height:32px;
 width:109px;
 position:absolute;
 bottom:16px;
 right:16px;
 text-align:center;
 line-height:32px;
 cursor:pointer
}
html[data-theme=dark] .editable-videouploader-uploadposterbutton {
 background:hsla(0,0%,100%,.5);
 border:1px solid rgba(18,18,18,.3)
}
.editable-videouploader-uploadposterbutton p {
 color:#fff;
 font-size:14px;
 margin:0!important
}
html[data-theme=dark] .editable-videouploader-uploadposterbutton p {
 color:#121212
}
.editable-videouploader-uploadposterbutton.is-videoanswer {
 width:78px;
 height:32px;
 bottom:8px;
 right:8px;
 background-color:rgba(18,18,18,.8);
 border:none
}
html[data-theme=dark] .editable-videouploader-uploadposterbutton.is-videoanswer {
 background-color:rgba(0,0,0,.8)
}
.editable-videouploader-imagemask {
 width:100%;
 height:100%;
 position:absolute;
 background:hsla(0,0%,92.2%,.9)
}
html[data-theme=dark] .editable-videouploader-imagemask {
 background:rgba(46,46,46,.9)
}
.editable-videouploader-imagemask.is-videoanswer {
 background:rgba(0,0,0,.05)
}
.editable-videoerror {
 margin:16px 0;
 border-radius:4px
}
.editable-videoerror.is-videoanswer {
 margin:0;
 border-radius:0;
 border-bottom-left-radius:2px;
 border-bottom-right-radius:2px
}
.editable-videoerror--titleerror .editable-videotitleinput-aftericon,
html[data-theme=dark] .editable-videoerror--titleerror .editable-videotitleinput-aftericon {
 color:#f1403c
}
.ztext table[data-draft-type=table] .table-datainputcontainer {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.ztext table[data-draft-type=table] .table-data {
 padding:0
}
.ztext table[data-draft-type=table] .table-datainput {
 height:100%;
 line-height:24px;
 padding:3px 12px;
 width:100%
}
.ztext table[data-draft-type=table] .table-datainput:focus {
 outline:none
}
.tabletoolbar {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 padding:8px
}
.tabletoolbar-separator {
 background:#d3d3d3;
 height:20px;
 margin:0 4px;
 width:1px
}
html[data-theme=dark] .tabletoolbar-separator {
 background:#2e2e2e
}
.tabletoolbar-button {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 margin:0 4px
}
.tabletoolbar-button.is-active {
 color:#06f
}
html[data-theme=dark] .tabletoolbar-button.is-active {
 color:#37f
}
.tableform-input {
 margin-top:16px;
 width:100%
}
.tableform-input .zi,
html[data-theme=dark] .tableform-input .zi {
 color:#8590a6
}
.tableform-input .input {
 margin-left:8px
}
.tableform-buttongroup {
 margin-top:32px
}
.editable-divider {
 overflow:hidden
}
.link .link {
 margin-left:2px
}
.link[data-editable] {
 cursor:text!important
}
.linkmodal-input {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.linkmodal-input .zi,
html[data-theme=dark] .linkmodal-input .zi {
 color:#8590a6
}
.linkmodal-input .linkmodal-input {
 margin-top:10px
}
.linkmodal-input .input {
 margin-left:8px
}
.linkbubble.popover-content--top.popover-content--arrowed {
 margin-top:-10px
}
.linkbubble.popover-content--bottom.popover-content--arrowed {
 margin-top:10px
}
.linkbubble-content {
 display:block;
 padding:7px 10px 7px 16px
}
.linkbubble-button,
.linkbubble-previewlink {
 vertical-align:middle
}
.linkbubble-previewlink {
 display:inline-block;
 margin-right:8px;
 max-width:233px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 text-decoration:none;
 font-size:14px;
 line-height:1.3;
 border-bottom:1px solid transparent
}
.linkbubble-previewlink:hover {
 color:#175199;
 border-bottom-color:rgba(0,102,255,.72)
}
html[data-theme=dark] .linkbubble-previewlink:hover {
 color:#6385a6;
 border-bottom-color:rgba(51,119,255,.72)
}
.linkbubble-button {
 padding:0 6px
}
.filelinkcardbubble.popover-content--top.popover-content--arrowed {
 margin-top:-10px
}
.filelinkcardbubble.popover-content--bottom.popover-content--arrowed {
 margin-top:10px
}
.filelinkcardbubble-content {
 display:block;
 padding:7px 10px 7px 16px
}
.filelinkcardbubble-button,
.filelinkcardbubble-previewlink {
 vertical-align:middle
}
.filelinkcardbubble-previewlink {
 display:inline-block;
 margin-right:8px;
 max-width:233px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 text-decoration:none;
 font-size:14px;
 line-height:1.3;
 border-bottom:1px solid transparent
}
.filelinkcardbubble-previewlink:hover {
 color:#175199;
 border-bottom-color:rgba(0,102,255,.72)
}
html[data-theme=dark] .filelinkcardbubble-previewlink:hover {
 color:#6385a6;
 border-bottom-color:rgba(51,119,255,.72)
}
.filelinkcardbubble-button {
 padding:0 6px
}
.editable-adlinkcardcontainer {
 display:block;
 border-radius:8px;
 overflow:hidden;
 color:inherit;
 margin:1em auto;
 max-width:100%;
 min-height:88px;
 position:relative;
 text-decoration:none;
 width:390px;
 z-index:0
}
.editable-adlinkcardcontainer>.feecardconsultpopover {
 width:100%
}
.mcnlinkcardbubble.popover-content--top.popover-content--arrowed {
 margin-top:-10px
}
.mcnlinkcardbubble.popover-content--bottom.popover-content--arrowed {
 margin-top:10px
}
.mcnlinkcardbubble-content {
 display:block;
 padding:7px 6px 7px 16px
}
.mcnlinkcardbubble-button,
.mcnlinkcardbubble-previewlink {
 vertical-align:middle
}
.mcnlinkcardbubble-previewlink {
 display:inline-block;
 margin-right:2px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 text-decoration:none;
 font-size:14px;
 line-height:1.3;
 border-bottom:1px solid transparent
}
.mcnlinkcardbubble-previewlink:hover {
 color:#175199
}
html[data-theme=dark] .mcnlinkcardbubble-previewlink:hover {
 color:#6385a6
}
.mcnlinkcardbubble-button {
 padding:0 6px
}
.dropzone {
 position:relative
}
.dropzone-cursor {
 position:absolute;
 left:0;
 right:0;
 margin:-1px 0;
 border-bottom:2px solid #06f;
 pointer-events:none
}
html[data-theme=dark] .dropzone-cursor {
 border-bottom:2px solid #37f
}
.editable-toolbar {
 background:#fff;
 border-bottom:1px solid #ebebeb;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
html[data-theme=dark] .editable-toolbar {
 background:#121212;
 border-bottom:1px solid #2e2e2e
}
.istoolbarsticky .editable-toolbar,
.sticky.is-fixed .editable-toolbar {
 border-top:none!important;
 border-bottom:none!important
}
.istoolbarsticky .editable-toolbar:after,
.sticky.is-fixed .editable-toolbar:after {
 content:" ";
 position:absolute;
 left:0;
 top:100%;
 width:100%;
 pointer-events:none;
 height:3px;
 background:radial-gradient(ellipse at 50%,at 1%,rgba(18,18,18,.1),hsla(0,0%,100%,0) 80%);
 background:radial-gradient(ellipse at 50% 1%,rgba(18,18,18,.1),hsla(0,0%,100%,0) 80%)
}
html[data-theme=dark] .istoolbarsticky .editable-toolbar:after,
html[data-theme=dark] .sticky.is-fixed .editable-toolbar:after {
 background:radial-gradient(ellipse at 50%,at 1%,hsla(0,0%,100%,.1),rgba(18,18,18,0) 80%);
 background:radial-gradient(ellipse at 50% 1%,hsla(0,0%,100%,.1),rgba(18,18,18,0) 80%)
}
.editable-toolbar-controls {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 padding:6px 10px
}
.editable-toolbar-controls .editable-toolbar-controls {
 border-top:1px solid #ebebeb
}
html[data-theme=dark] .editable-toolbar-controls .editable-toolbar-controls {
 border-top:1px solid #2e2e2e
}
.editable-toolbar-separator {
 background-color:#ebebeb;
 height:20px;
 margin:0 10px;
 width:1px
}
html[data-theme=dark] .editable-toolbar-separator {
 background-color:#2e2e2e
}
.editable-control {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 color:#8590a6;
 cursor:pointer;
 display:-webkit-inline-box;
 display:-ms-inline-flexbox;
 display:inline-flex;
 height:28px;
 margin:0 4px;
 padding:2px;
 white-space:nowrap
}
html[data-theme=dark] .editable-control {
 color:#8590a6
}
.editable-control:not(:disabled):hover {
 background-color:rgba(0,102,255,.1);
 border-radius:4px;
 color:#06f
}
html[data-theme=dark] .editable-control:not(:disabled):hover {
 background-color:rgba(51,119,255,.1);
 color:#37f
}
.editable-control.is-active {
 color:#06f
}
html[data-theme=dark] .editable-control.is-active {
 color:#37f
}
.editable-control span {
 line-height:24px
}
.editable-control .zi span {
 margin-left:6px
}
.editable-toolbarmenu {
 height:26px;
 margin-left:auto
}
.editable-toolbarmenuitem {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 line-height:36px
}
.editable-toolbarmenuitem .zi {
 margin-right:4px
}
.editabletoolbarmenucallout {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 background:#fff;
 border-top:1px solid #ebebeb;
 padding:5px 13px
}
.editabletoolbarmenucallout-closebutton {
 margin-left:auto;
 width:26px;
 height:26px
}
.editabletoolbarmenucallout-arrowbox {
 position:absolute;
 top:0;
 left:0;
 background:#fff;
 pointer-events:none
}
.editabletoolbarmenucallout-arrowbox:after,
.editabletoolbarmenucallout-arrowbox:before {
 bottom:100%;
 left:0;
 border:solid transparent;
 content:" ";
 height:0;
 width:0;
 position:absolute;
 pointer-events:none
}
.editabletoolbarmenucallout-arrowbox:after {
 border-color:hsla(0,0%,100%,0) hsla(0,0%,100%,0) #fff;
 border-width:8px;
 margin-left:-8px
}
.editabletoolbarmenucallout-arrowbox:before {
 border-color:hsla(0,0%,80%,0) hsla(0,0%,80%,0) #ebebeb;
 border-width:9px;
 margin-left:-9px
}
.editable-videomodal .modal-footer {
 padding:12px 24px
}
.editable-videomodal-title {
 font-size:20px;
 font-weight:500;
 color:#121212
}
html[data-theme=dark] .editable-videomodal-title {
 color:#fff
}
.editable-videomodal-uploader {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 height:220px;
 border:2px dashed #ebebeb;
 border-radius:10px;
 cursor:pointer
}
html[data-theme=dark] .editable-videomodal-uploader {
 border:2px dashed #2e2e2e
}
.editable-videomodal-uploader:hover,
html[data-theme=dark] .editable-videomodal-uploader:hover {
 border-color:#8590a6
}
.editable-videomodal-uploader:hover .zi,
html[data-theme=dark] .editable-videomodal-uploader:hover .zi {
 fill:#8590a6
}
.editable-videomodal-uploader input {
 display:none
}
.editable-videomodal-uploader-icon {
 text-align:center;
 display:block
}
.editable-videomodal-uploader-icon .zi {
 vertical-align:middle;
 fill:#ebebeb
}
html[data-theme=dark] .editable-videomodal-uploader-icon .zi {
 fill:#2e2e2e
}
.editable-videomodal-uploader-text {
 margin-top:10px;
 font-size:18px;
 line-height:30px;
 text-align:center
}
.editable-videomodal-uploader-tip {
 font-size:14px;
 line-height:30px;
 text-align:center;
 color:#8590a6
}
html[data-theme=dark] .editable-videomodal-uploader-tip {
 color:#8590a6
}
.editable-docmodal .modal-footer {
 padding:12px 24px
}
.editable-docmodal input[type=file] {
 display:none
}
.editable-docmodal-title {
 font-size:20px;
 font-weight:500;
 color:#121212
}
html[data-theme=dark] .editable-docmodal-title {
 color:#fff
}
.editable-docmodal-uploader {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 height:220px;
 border:2px dashed #ebebeb;
 border-radius:10px;
 cursor:pointer
}
html[data-theme=dark] .editable-docmodal-uploader {
 border:2px dashed #2e2e2e
}
.editable-docmodal-uploader:hover,
html[data-theme=dark] .editable-docmodal-uploader:hover {
 border-color:#8590a6
}
.editable-docmodal-uploader:hover .zi,
html[data-theme=dark] .editable-docmodal-uploader:hover .zi {
 fill:#8590a6
}
.editable-docmodal-uploader-icon {
 text-align:center;
 display:block
}
.editable-docmodal-uploader-icon .zi {
 vertical-align:middle;
 fill:#ebebeb
}
html[data-theme=dark] .editable-docmodal-uploader-icon .zi {
 fill:#2e2e2e
}
.editable-docmodal-uploader-text {
 font-size:18px;
 line-height:30px;
 margin-top:20px;
 text-align:center
}
.editable-docmodal-uploader-tip {
 font-size:14px;
 line-height:30px;
 text-align:center;
 color:#8590a6
}
html[data-theme=dark] .editable-docmodal-uploader-tip {
 color:#8590a6
}
.editable-docmodal-filename {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.editable-docmodal-filename .zi {
 fill:#06f;
 margin-right:4px
}
html[data-theme=dark] .editable-docmodal-filename .zi {
 fill:#37f
}
.editable-docmodal-loading {
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 margin:36px 0 12px
}
.editable-docmodal-fail,
.editable-docmodal-loading {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.editable-docmodal-fail {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 text-align:center
}
.editable-docmodal-failhint {
 color:#f1403c;
 font-size:16px;
 margin-top:36px;
 font-weight:600;
 font-synthesis:style
}
html[data-theme=dark] .editable-docmodal-failhint {
 color:#f1403c
}
html[data-ios] .editable-docmodal-failhint {
 font-weight:500
}
html[data-android] .editable-docmodal-failhint {
 font-weight:700
}
.editable-docmodal-retrybutton {
 margin:32px 0 10px;
 width:220px
}
.editable-languagesuggestions {
 position:fixed;
 z-index:1
}
.editable-languagesuggestionsinput {
 cursor:pointer
}
.editable-languagesuggestionsinput input {
 cursor:inherit
}
.editable-languagesuggestionsinput input:focus {
 cursor:text
}
.editable-languagesuggestionsmenu {
 max-height:300px;
 margin-top:-8px;
 margin-bottom:-8px;
 overflow-y:auto
}
.editable-languagesuggestionsmenucontainer {
 overflow-y:hidden
}
.drafteditor-root code[class*=language-],
.drafteditor-root pre[class*=language-] {
 color:#000;
 background:none;
 text-shadow:0 1px #fff;
 font-family:menlo,monaco,consolas,andale mono,lucida console,courier new,monospace;
 text-align:left;
 white-space:pre;
 word-spacing:normal;
 word-break:normal;
 word-wrap:normal;
 line-height:1.5;
 -moz-tab-size:4;
 -o-tab-size:4;
 tab-size:4;
 -webkit-hyphens:none;
 -ms-hyphens:none;
 hyphens:none
}
.drafteditor-root code[class*=language-]::-moz-selection,
.drafteditor-root code[class*=language-] ::-moz-selection,
.drafteditor-root pre[class*=language-]::-moz-selection,
.drafteditor-root pre[class*=language-] ::-moz-selection {
 text-shadow:none;
 background:#bfbfbf
}
.drafteditor-root code[class*=language-]::selection,
.drafteditor-root code[class*=language-] ::selection,
.drafteditor-root pre[class*=language-]::selection,
.drafteditor-root pre[class*=language-] ::selection {
 text-shadow:none;
 background:#bfbfbf
}
html[data-theme=dark] .drafteditor-root code[class*=language-]::-moz-selection,
html[data-theme=dark] .drafteditor-root code[class*=language-] ::-moz-selection,
html[data-theme=dark] .drafteditor-root pre[class*=language-]::-moz-selection,
html[data-theme=dark] .drafteditor-root pre[class*=language-] ::-moz-selection {
 background:#444
}
html[data-theme=dark] .drafteditor-root code[class*=language-]::selection,
html[data-theme=dark] .drafteditor-root code[class*=language-] ::selection,
html[data-theme=dark] .drafteditor-root pre[class*=language-]::selection,
html[data-theme=dark] .drafteditor-root pre[class*=language-] ::selection {
 background:#444
}
@media print {
 .drafteditor-root code[class*=language-],
 .drafteditor-root pre[class*=language-] {
  text-shadow:none
 }
}
.drafteditor-root pre[class*=language-] {
 padding:1em;
 margin:.5em 0;
 overflow:auto
}
.drafteditor-root :not(pre)>code[class*=language-],
.drafteditor-root pre[class*=language-] {
 background:#f6f6f6
}
html[data-theme=dark] .drafteditor-root :not(pre)>code[class*=language-],
html[data-theme=dark] .drafteditor-root pre[class*=language-] {
 background:#1b1b1b
}
.drafteditor-root :not(pre)>code[class*=language-] {
 padding:.1em;
 border-radius:.3em;
 white-space:normal
}
.drafteditor-root .token.cdata,
.drafteditor-root .token.comment,
.drafteditor-root .token.doctype,
.drafteditor-root .token.prolog {
 color:#708090
}
.drafteditor-root .token.punctuation,
html[data-theme=dark] .drafteditor-root .token.punctuation {
 color:#999
}
.drafteditor-root .namespace {
 opacity:.7
}
.drafteditor-root .token.boolean,
.drafteditor-root .token.constant,
.drafteditor-root .token.deleted,
.drafteditor-root .token.number,
.drafteditor-root .token.property,
.drafteditor-root .token.symbol,
.drafteditor-root .token.tag,
html[data-theme=dark] .drafteditor-root .token.boolean,
html[data-theme=dark] .drafteditor-root .token.constant,
html[data-theme=dark] .drafteditor-root .token.deleted,
html[data-theme=dark] .drafteditor-root .token.number,
html[data-theme=dark] .drafteditor-root .token.property,
html[data-theme=dark] .drafteditor-root .token.symbol,
html[data-theme=dark] .drafteditor-root .token.tag {
 color:#f36
}
.drafteditor-root .token.attr-name,
.drafteditor-root .token.builtin,
.drafteditor-root .token.char,
.drafteditor-root .token.inserted,
.drafteditor-root .token.selector,
.drafteditor-root .token.string {
 color:grey
}
html[data-theme=dark] .drafteditor-root .token.attr-name,
html[data-theme=dark] .drafteditor-root .token.builtin,
html[data-theme=dark] .drafteditor-root .token.char,
html[data-theme=dark] .drafteditor-root .token.inserted,
html[data-theme=dark] .drafteditor-root .token.selector,
html[data-theme=dark] .drafteditor-root .token.string {
 color:#999
}
.drafteditor-root .language-css .token.string,
.drafteditor-root .style .token.string,
.drafteditor-root .token.entity,
.drafteditor-root .token.operator,
.drafteditor-root .token.url {
 color:#c2a469;
 background:hsla(0,0%,100%,.5)
}
html[data-theme=dark] .drafteditor-root .language-css .token.string,
html[data-theme=dark] .drafteditor-root .style .token.string,
html[data-theme=dark] .drafteditor-root .token.entity,
html[data-theme=dark] .drafteditor-root .token.operator,
html[data-theme=dark] .drafteditor-root .token.url {
 color:#c2a469;
 background:rgba(18,18,18,.5)
}
.drafteditor-root .token.atrule,
.drafteditor-root .token.attr-value,
.drafteditor-root .token.keyword {
 color:#06f
}
html[data-theme=dark] .drafteditor-root .token.atrule,
html[data-theme=dark] .drafteditor-root .token.attr-value,
html[data-theme=dark] .drafteditor-root .token.keyword {
 color:#37f
}
.drafteditor-root .token.function,
html[data-theme=dark] .drafteditor-root .token.function {
 color:#f36
}
.drafteditor-root .token.important,
.drafteditor-root .token.regex,
.drafteditor-root .token.variable,
html[data-theme=dark] .drafteditor-root .token.important,
html[data-theme=dark] .drafteditor-root .token.regex,
html[data-theme=dark] .drafteditor-root .token.variable {
 color:#ff9607
}
.drafteditor-root .token.bold,
.drafteditor-root .token.important {
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .drafteditor-root .token.bold,
html[data-ios] .drafteditor-root .token.important {
 font-weight:500
}
html[data-android] .drafteditor-root .token.bold,
html[data-android] .drafteditor-root .token.important {
 font-weight:700
}
.drafteditor-root .token.italic {
 font-style:italic
}
.drafteditor-root .token.entity {
 cursor:help
}
.drafteditor-root .prism-token {
 background-color:inherit!important
}
.editable {
 padding:0;
 position:relative
}
.editable-content {
 padding:6px 12px;
 cursor:text
}
.editable-notification-layout {
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between
}
.editable-notification-actions,
.editable-notification-layout {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row
}
.editable-notification-actions {
 margin:0 -12px
}
.editable-notification-action {
 margin:0 12px
}
.editable .public-drafteditorplaceholder-root {
 color:#8590a6;
 position:absolute;
 pointer-events:none
}
html[data-theme=dark] .editable .public-drafteditorplaceholder-root {
 color:#8590a6
}
.editable--hideplaceholder.editable .public-drafteditorplaceholder-root {
 display:none
}
.editable-styled,
.editable-unstyled {
 margin:0 0 1.4em
}
.editable-styled:first-child,
.editable-unstyled:first-child {
 margin-top:0
}
.editable-styled:last-child,
.editable-unstyled:last-child {
 margin-bottom:0
}
.drafteditor-root blockquote blockquote {
 margin-top:-1em
}
.drafteditor-root pre.public-draftstyledefault-pre {
 border-radius:4px
}
.drafteditor-root pre.public-draftstyledefault-pre pre {
 padding:0;
 margin:0;
 border-radius:0;
 overflow:visible;
 overflow:initial
}
.drafteditor-root .public-draftstyledefault-orderedlistitem,
.drafteditor-root .public-draftstyledefault-unorderedlistitem {
 margin:0
}
.drafteditor-root .public-draftstyledefault-orderedlistitem.public-draftstyledefault-depth1,
.drafteditor-root .public-draftstyledefault-unorderedlistitem.public-draftstyledefault-depth1 {
 margin-left:1.15em
}
.drafteditor-root .public-draftstyledefault-orderedlistitem.public-draftstyledefault-depth2,
.drafteditor-root .public-draftstyledefault-unorderedlistitem.public-draftstyledefault-depth2 {
 margin-left:2.3em
}
.drafteditor-root .public-draftstyledefault-orderedlistitem.public-draftstyledefault-depth3,
.drafteditor-root .public-draftstyledefault-unorderedlistitem.public-draftstyledefault-depth3 {
 margin-left:3.45em
}
.drafteditor-root .public-draftstyledefault-orderedlistitem.public-draftstyledefault-depth4,
.drafteditor-root .public-draftstyledefault-unorderedlistitem.public-draftstyledefault-depth4 {
 margin-left:4.6em
}
.drafteditor-root .public-draftstyledefault-ol,
.drafteditor-root .public-draftstyledefault-ul {
 display:block
}
.drafteditor-root .public-draftstyledefault-ol>li,
.drafteditor-root .public-draftstyledefault-ul>li {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.drafteditor-root .public-draftstyledefault-ol>li:before,
.drafteditor-root .public-draftstyledefault-ul>li:before {
 display:inline;
 display:initial
}
.drafteditor-root .public-draftstyledefault-orderedlistitem {
 list-style-type:none
}
.drafteditor-root .public-draftstyledefault-orderedlistitem.public-draftstyledefault-depth0.public-draftstyledefault-reset {
 counter-reset:ol0
}
.drafteditor-root .public-draftstyledefault-orderedlistitem.public-draftstyledefault-depth0:before {
 content:counter(ol0) ". ";
 counter-increment:ol0
}
.drafteditor-root .public-draftstyledefault-orderedlistitem.public-draftstyledefault-depth1.public-draftstyledefault-reset {
 counter-reset:ol1
}
.drafteditor-root .public-draftstyledefault-orderedlistitem.public-draftstyledefault-depth1:before {
 content:counter(ol1) ". ";
 counter-increment:ol1
}
.drafteditor-root .public-draftstyledefault-orderedlistitem.public-draftstyledefault-depth2.public-draftstyledefault-reset {
 counter-reset:ol2
}
.drafteditor-root .public-draftstyledefault-orderedlistitem.public-draftstyledefault-depth2:before {
 content:counter(ol2) ". ";
 counter-increment:ol2
}
.drafteditor-root .public-draftstyledefault-orderedlistitem.public-draftstyledefault-depth3.public-draftstyledefault-reset {
 counter-reset:ol3
}
.drafteditor-root .public-draftstyledefault-orderedlistitem.public-draftstyledefault-depth3:before {
 content:counter(ol3) ". ";
 counter-increment:ol3
}
.drafteditor-root .public-draftstyledefault-orderedlistitem.public-draftstyledefault-depth4.public-draftstyledefault-reset {
 counter-reset:ol4
}
.drafteditor-root .public-draftstyledefault-orderedlistitem.public-draftstyledefault-depth4:before {
 content:counter(ol4) ". ";
 counter-increment:ol4
}
_:-ms-lang(x),
pre.public-draftstyledefault-pre,
pre.public-draftstyledefault-pre pre {
 overflow:visible;
 overflow:initial;
 word-wrap:break-word
}
.drafteditor-editorcontainer textarea {
    border: 1px solid #f0f2f7;
    padding:10px;
    font-size:15px;
    color:#333;
    line-height:25px;
}
.writepin-contentwrite-title textarea 
{
    border: 1px solid #f0f2f7;
    padding:10px;
    font-size:15px;
    color:#333;    
    height: 45px;
    min-height: 45px;
    display: block;
     font-size: 32px;
    line-height: 1.4;
    font-weight:bold;
    font-synthesis: style;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: calc(100% - 25px);
}
.drafteditor-editorcontainer textarea:focus 
{
    outline: none !important;
    border: 1px solid #f0f2f7;
}
.drafteditor-editorcontainer textarea::-webkit-input-placeholder {
  color: #9c9c9c;
  font-weight:400;
}
.drafteditor-editorcontainer textarea:-moz-placeholder, .writepin-contentwrite-title textarea:-moz-placeholder{
  color: #9c9c9c;
  font-weight:400;
}
.drafteditor-editorcontainer textarea::-moz-placeholder, .writepin-contentwrite-title textarea::-moz-placeholder {
  color: #9c9c9c;
  font-weight:400;
}
.drafteditor-editorcontainer textarea::-ms-input-placeholder, .writepin-contentwrite-title textarea::-ms-input-placeholder {
  color: #9c9c9c;
  font-weight:400;
}
.writepin-contentwrite-title 
{
    width:100%;
    margin-bottom:15px;
}
.writepin-contentwrite-title input
{
   width:calc(100% - 15px);
   height:35px;
   padding-left:10px;
   border: 1px solid #f0f2f7;
   font-size:16px;
   font-style:normal;
   color:#333;
}
.writepin-contentwrite-title input:focus 
{
    outline: none !important;
    border: 1px solid #f0f2f7;
}
.writepin-contentwrite-title input::-webkit-input-placeholder {
  color: #9c9c9c;
}
.writepin-contentwrite-title input:-moz-placeholder {
  color: #9c9c9c;
}
.writepin-contentwrite-title input::-moz-placeholder {
  color: #9c9c9c;
}
writepin-contentwrite-title input::-ms-input-placeholder {
  color: #9c9c9c;
}
.writepin_tip 
{
   font-size:13px;
   color:#868282;
   line-height:22px;
   position:absolute;
   right:0;
}
.button1 
{
    display: inline-block;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 3px;
}
.btn_action 
{
    text-align:center;
}
.btn_action .modalbuttongroup 
{
   display:inline-block;  
}
.roundtable_title_column 
{
    margin:30px 20px 30px 20px;
    font-size:20px;
    color:#333;
    font-weight:bold;
}
.mobile_booklist_clear {
    display:block;
    clear: both;
    line-height: 0;
    font-size: 0;
    height: 0;
    over-flow: hidden;
}
.mobile_booklist_padding {
    display: flex;
    align-items: center;
}
.mobile_booklist_info {
    display:flex;
    background-color:#f4f4f4;
    -webkit-user-modify:read-only;
    -webkit-user-select:none;
    width:100%;
    margin:0;
    padding:0;
    letter-spacing:0;
    align-items: center;
}
.mobile_booklist_left {
    padding: 10px;
    align-items: center;
}.mobile_booklist_left img {
    width: 20px;
    height: 20px;
}.mobile_booklist_right {
    padding:10px 10px 10px 0px;
    width: calc(100% - 60px);
}.mobile_booklist_name {
    font-size: 12pt;
    line-height:130%;
}.mobile_booklist_flod {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.css-6tr06j {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    height: 52px;
    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;
    border-top: 1px solid #ebebeb;
    background: #ffffff;
    -webkit-font-smoothing: subpixel-antialiased;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.css-1xhai3h {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    height: 52px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1000px;
}
.css-yeo8tb {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #8590a6;
}
.css-px76bk {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    font-size: 14px;
 }
.css-1l6w7b2 {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    color: #8590a6;
    font-size: 14px;
    margin-left: auto;
}
#txtsearcharticle  {
    padding: 0 10px;
    box-sizing:border-box;
    font-size: .928em;
    border: 1px solid #eee;
    background:#fff;
    -webkit-appearance: none;
    padding: 12px 10px;
    width: calc(100% - 40px);
    font-size: 14px;
    margin:20px 20px 10px 20px;
    border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.segmented_control 
{
    margin-top:20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.segmented_control .tabs{
  position:relative;
  display:inline-block;
  height:30px;
  border:0.5px solid #999999;
  border-radius:5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.segmented_control .tab-pane{
  display:inline-block;
}
.segmented_control .tabs input[type='radio']{
  position:absolute;
  clip:rect(0,0,0,0)
}
.segmented_control .tab-item{
  display:block;
  height:30px;
  line-height:30px;
  cursor:pointer;
  color:#999999;
  font-size:13px;
  width:70px;
  text-align:center;
}
.segmented_control .tab-item-border
{
    border-right:0.5px solid #999999;
}
.tabs input[type='radio']:checked .tab-item{
  background:#999999;
  color:#fff
}
.tabs input[type='radio']:checked .tab-item{
  z-index:1
}
.booklist_attachment_loading, .book_attachment_loading
{
    display: flex;
    justify-content: center;
    align-items: center;
}

.new_booklist_content 
{
    padding:20px;
    cursor:pointer;
}
.new_booklist_content .new_booklist_title
{
    font-size:18px;
    font-weight:bold;
    color:#333333;
    margin-bottom:10px;
}
.new_booklist_content .des, .new_booklist_content .owned_ages, .new_booklist_content .owned_tags, .new_booklist_content .creator_name
{
    font-size:13px;
    color:#666666;
    margin-bottom:3px;
}
.new_booklist_des 
{
   float:left;
   margin-left:10px;
}
.new_booklist_imgs 
{
    float:left;
    width: 60px;
}
.new_booklist_imgs .cover
{
    position: relative;
    width: 60px;
    height: 60px;
}
.new_booklist_imgs .cover .img1
{
    position: absolute;
    background: #f2f2f2;
    top: 0;
    left: 0;
    width: 45px;
    height: 60px;
    border-radius: 5px;
    z-index: 1003;
    border:1px solid #ececec; 
}
.new_booklist_imgs .cover .img2
{
    position: absolute;
    background: #f2f2f2;
    top: 10px;
    left: 14px;
    width: 38px;
    height: 50px;
    border-radius: 5px;
    z-index: 1002;
    border:1px solid #ececec;
}
.new_booklist_imgs .cover .img3
{
    position: absolute;
    background: #f2f2f2;
    top: 20px;
    right: 0;
    width: 30px;
    height: 40px;
    border-radius: 5px;
    z-index: 1001;
    border:1px solid #ececec;
}
.new_article_content 
{
   padding-top:12px;
   padding-bottom:12px;  
   cursor:pointer;
}
.new_booklist_icon 
{
    float:left;
}
.new_booklist_icon img
{
    width:18px;
    height:18px;
    margin-left:15px;
    margin-top:3px;
}
.new_booklist_title 
{
    float:left;
    color:#333333;
    font-size:16px;
    margin-left:10px;
    width:calc(100% - 15px - 18px - 10px - 15px);
}
#searcharticleforaddarticlemore 
{
   margin-top:20px;  
}
.filter_items .filter_item {
  display: inline-block;
  cursor: pointer;
  font-size: 12px;
  line-height: 22px;
  color: #666666;
  padding: 0 10px;
  margin-right: 5px;
  border-radius: 3px;
}
.filter_items .dre-popup-form-subject-types-selected {
  color: #ff5050;
}
.filter_items {
  list-style: none;
  margin:0px 20px 0px 20px;
  padding:0;
}
#txtsearcharticle, #txtsearchbooks, #txtsearchnewbooks {
    padding: 0 10px;
    box-sizing:border-box;
    font-size: .928em;
    border: 1px solid #eee;
    background:#fff;
    -webkit-appearance: none;
    padding: 12px 10px;
    width: calc(100% - 40px);
    font-size: 14px;
    margin:20px 20px 10px 20px;
    border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.search_books_bar select {
    float: left;
    height: 25px;
    margin: 29px 0 10px 20px;
    -webkit-border-radius: 0px;
}
.search_books_bar input
{
    float:left;
    padding: 0 10px;
    box-sizing:border-box;
    font-size: .928em;
    border: 1px solid #eee;
    background:#fff;
    -webkit-appearance: none;
    padding: 12px 10px;
    width: calc(100% - 40px - 70px);
    font-size: 14px;
    margin:20px 20px 10px 10px;
    border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.add_book_foraddarticle_a input[type="checkbox"] {
  width: 20px;
  height: 20px;
  opacity: 0;
}
.columnpageheader-line 
{
  display:inline-block;
  margin-left: 15px;
  height: 29px;
  width: 1px;
  background-color: #ebebeb;
  vertical-align:middle;
}
.columnpageheader-content, .columnpageheader-title {
  display:inline-block;
  margin-left: 15px;
  height: 60px;
  vertical-align:middle;
}
.writeindex-pagetitlewrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.writeindex-pagetitle 
{
  color: #444;
  font-weight: 600;
  font-synthesis: style;
  font-size:18px;
  line-height:60px;
}
.is_addexperience_head 
{
  width:30px;
  height:30px;  
  margin-top:15px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}
.experience_title_top 
{
  height:16px;   
}
.experience_title_line 
{
    border-bottom: 1px solid rgba(18,18,18,.08);
}
.add_experience_setting 
{
   margin-top:30px;   
}
.container_p 
{
  width:calc(1000px   190px   190px);
  margin-left:auto;
  margin-right:auto;   
}
.container_s 
{
  position:relative;
  display:inline-block;
  width:190px;
  margin-top:10px;
  vertical-align:top;  
}
.css-14olo3l {
  box-sizing: border-box;
  margin: 0;
  min-width: 0px;
  padding: 8px 10px;
  background-color: rgb(255, 255, 255);
  -moz-box-align: center;
  align-items: center;
  -moz-box-pack: justify;
  justify-content: space-between;
  color: rgb(133, 144, 166);
  display: flex;
  width: 100%;
  height: 40px;
  border-radius: 4px;
  position: sticky;
  top: 0px;
  z-index: 1;
  box-shadow: rgba(18, 18, 18, 0.1) 0px 1px 3px;
}
.css-zkfaav {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  -moz-box-align: center;
  align-items: center;
  display: flex;
}
.css-5287jj {
  box-sizing: border-box;
  margin: 0px 0px 0px 10px;
  min-width: 0px;
  font-size: 14px;
}
.css-1luiu27 {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  max-width: 100%;
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.css-1izmkad {
  box-sizing: border-box;
  margin: 15px 0px 10px 0px;
  min-width: 0px;
  max-height: calc(-200px   100vh);
  overflow-x:hidden;
  overflow-y:auto;
}
.css-a3sv8e {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  flex-direction: column;
  font-size: 12px;
  display: flex;
}
.css-11caopt.catalog-firstleveltitle, .css-11caopt.catalog-secondleveltitle {
  position: relative;
  height: 30px;
  color: rgb(133, 144, 166);
}
css-11caopt {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  flex-shrink: 0;
  display: flex;
  -moz-box-align: center;
  align-items: center;
  color: rgb(133, 144, 166);
  font-size: 12px;
  padding-left: 30px;
  font-weight: 500;
  position: relative;
  height: 30px;
  line-height: 30px;
}
.css-11caopt.catalog-firstleveltitle::before {
  left: 16px;
  width: 6px;
  height: 6px;
}
.css-11caopt.catalog-firstleveltitle::before, .css-11caopt.catalog-secondleveltitle::before {
  content: " ";
  position: absolute;
  background-color: rgb(133, 144, 166);
  display: inline-block;
  border-radius: 50%;
  top: 12px;
  margin-right: 12px;
}
.css-11caopt {
  color: rgb(133, 144, 166);
  font-size: 12px;
  font-weight: 500;
  line-height: 30px;
}
.css-q9wt1v {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  padding-left: 35px;
  padding-right: 10px;
  display: flex;
  cursor: pointer;
  -moz-box-align: center;
  align-items: center;
  width: 100%;
}
.css-nj7ofv {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
  pointer-events: none;
  word-break: break-all;
}
.css-11caopt .catalog-titleicon {
  position: absolute;
  right: 10px;
  width: 12px;
  height: 12px;
  object-fit: contain;
  display: none;
}
.css-9taffg {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  max-width: 100%;
  height: auto;
}
.css-11caopt2::after {
  content: " ";
  display: block;
  position: absolute;
  left: 19px;
  top: 0px;
  transform: translatex(-50%);
  width: 2px;
  height: 30px;
  margin-top: 12px;
  background: rgba(133, 144, 166, 0.12) none repeat scroll 0% 0%;
}
.css-q9wt1v:hover {
  color: rgb(0, 102, 255);
  border-radius: 4px;
}
#txtariginallink 
{
    border: 1px solid #999999;
}
.level_head 
{
   float:left;  
}
.level_all 
{
   float:right;
   font-size:15px;
   line-height: 35px;
}
.reading_record_des 
{
  font-size:12px;
  color:#999;  
  margin-top:5px; 
}
.xhslevel_info_line
{
    width: 100%;
    height: 1px;
    background: #f2f2f2;
    margin-top:30px;
    margin-bottom:30px;
}
.book_punch_info 
{
   height:30px;  
   line-height:30px;
   margin-top:20px;
}
.book_punch_info span
{
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    line-height: 30px;
}
.book_punch_info .punch_count 
{
    width:300px;
    text-align:center;
    height:100%;
    display:inline-block;
    background-color:#fdecec;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}
.book_punch_info .reading_age 
{
    width:300px;
    text-align:center;
    margin-left:16px;
    height:100%;
    background-color:#d6eaff;
    display:inline-block;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}
.review_level_info
{
    width: calc(100% - 40px);
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 30px;
}
.level_name
{
    font-size: 26px;
    color: #333333;
    font-weight: bold;
    line-height: 35px;
}
.param_info
{
    display: inline-block;
    margin-top: 30px;
    font-size:15px;
}
.param_info a
{
    padding-bottom: 3px;
    margin-left: 15px;
}
.param_title
{
    color: #999;
    font-size: 15px;
}
.param_name
{
    font-size: 15px;
    color: #3377aa;
}
.param_level
{
    color: #333;
    font-size: 15px;
    font-weight: bold;
}
    
.sub_title
{
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-left: 20px;
    margin-bottom: 20px;
}
.book_activity_title
{
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    color: #333;
}
.levels_info 
{
    margin-left:20px;
    margin-right:20px;
    padding-top:25px;
}
.levels_info .title
{
    font-size:20px;
    font-weight:bold;
    color:#333;
    text-align:center; 
}
.levels_info .des
{
    text-align:center;
    margin-top:5px;
}
.levels_info .levels
{
    margin-top:25px;
    text-align:left;
}
.levels_info .levels .level_item
{
    display:inline-block;
    width:112.5px;
    -webkit-box-shadow: 0 1px 3px rgba(26,26,26,.1);
    box-shadow: 0 1px 5px rgba(26,26,26,.1);
    border-radius: 5px 5px 0 0;
    background-color: white;
    padding:10px;
    margin-right:5px;
    margin-top:10px;
}
.levels_info .levels .level_item .no
{
        
}
.levels_info .levels .level_item .no .num
{
    color:#333;
    font-size:15px;
    font-style:italic;
}
.levels_info .levels .level_item .no .unit
{
    color:#999;
    font-size:15px;
}
.levels_info .levels .level_item .title2
{
    color:#333;
    font-size:15px;
    margin-top:10px;
}
.pc_book_distitle .level_no 
{
    display:inline-block;
    width:80px;
    height:35px;
    background-color:#ff6608;
    color:white;
    font-size:15px;
    font-weight:bold;
    line-height:35px;
    text-align:center;
}
.pc_book_distitle .level_name 
{
    display:inline-block;
    font-size:15px;
    font-weight:bold;
    line-height:35px;
    color:#333;
    margin-left:5px;
}
.pc_book_distitle .level_link
{
    font-size:15px;
    font-weight:normal;
    float:right;
    height:35px;
    line-height:35px;
    margin-right:25px;
}
.pc_book_distitle .hot_book_title 
{
        font-size:15px;
        margin-top:30px;
}
    .review_book_userinfo
{
    margin-top: 15px;
}
.review_book_userinfo div
{
    float: left;
}
.review_book_userinfo span
{
    color: rgba(0, 0, 0, 0.3);
    line-height: 20px;
    margin-right: 10px;
}
.review_book_userinfo .review_book_username a
{
    margin-right: 10px;
    color: #00ab6b;
    text-decoration: none;
    margin-left: 5px;
}
.review_book_userinfo img
{
    width: 20px;
    height: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.user_booklist_remark a
{
     display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow: ellipsis;
    color: #444;
}
.pc_book_correction 
{
    width:150px; 
    text-align:center;
    margin-top:10px;
}
.pc_book_correction  a 
{
    font-size:12px;
    color:#999;
}
.book_correction_title 
{
    padding-top: 20px;
    padding-bottom: 15px;
    text-align: left;
}
.book_correction_top 
{
    text-align:center;   
}
.book_correction_content 
{
   margin-top:30px;
   display:inline-block;
   text-align: left;
}
.book_correction_item 
{
    margin: 0 0 18px 0;
}
.book_correction_item .title {
  color: #888888;
  font: 14px/26px arial,helvetica,sans-serif;
  text-align: right;
  float: left;
  width: 110px;
  margin: 0 40px 0 0;
}
.book_correction_item input[type="text"] {
  float: none;
  font: 14px/20px arial,helvetica,sans-serif;
  width: 460px;
  height: 20px;
  padding: 2px;
  vertical-align: middle;
  border-width: 1px;
  border-style: solid;
  border-color: #cccccc #f2f2f2 #f2f2f2 #cccccc;
  outline: 0;
}
.book_correction_item ul {
  list-style: none;
  margin-left: 87px;
}
.book_correction_item .text-con {
  width: 450px;
  _width: 440px;
  word-wrap: break-word;
  margin: 0 0 12px 24px;
  font: 14px/162% arial,helvetica,sans-serif;
  position: relative;
  left: 0;
  top: 0;
}
.book_correction_item textarea {
  width: 469px;
  width: 445px;
  _width: 425px;
  _margin-left: -20px;
  height: 180px;
  padding: 8px;
  font: 14px/15px arial,helvetica,sans-serif;
  border: 1px solid #ccc;
  overflow: auto;
  resize: none;
  line-height:22px;
  outline: 0;
}
.book_correction_item2 
{
    margin: 0 0 18px 0;
}
.book_correction_item2 .title {
  color: #888888;
  font: 14px/26px arial,helvetica,sans-serif;
  text-align: right;
  float: left;
  width: 110px;
  margin: 0 40px 0 0;
}
.book_correction_item2 input {
  float: none;
  font: 14px/20px arial,helvetica,sans-serif;
  width: 80px;
  height: 20px;
  padding: 2px;
  vertical-align: middle;
  border-width: 1px;
  border-style: solid;
  border-color: #cccccc #f2f2f2 #f2f2f2 #cccccc;
  margin-right:5px;
}
.book_correction_item2 span 
{
    display:inline-block;
    margin-left:3px; 
    width:55px;
}
.book_correction_item .sub_r 
{
    margin-right:20px;
    color:#333;
}
.book_correction_cover 
{
   margin-left:150px;  
   margin-bottom:18px;
}
.book_correction_cover img
{
    width:90px;
    height:120px;
}
.book_correction_upload 
{
    margin-left:150px;  
    margin-bottom:50px;
}
.book_correction_upload input 
{
    font-size:14px;
    color:#333;
}
.book_correction_upload .upload_des 
{
    font-size:14px;
    color:#333;
    margin-top:25px;
    margin-bottom:10px;
}
.book_correction_submit 
{
    text-align:center; 
}
.recommend_title
{
    text-align: left;
    font-size: 16px;
    color: #121212;
    font-weight: 600;
    margin-left: 20px;
    padding-top: 15px;
}
.recommendations-main {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.recommendations-blocktitle {
  width: 690px;
  margin: 24px 0 4px 0;
}
.blocktitle {
  border-bottom-style: solid;
  border-width: 1px;
  border-color: #ebebeb;
  line-height: 1.375;
  font-size: 16px;
  color: #121212;
  font-weight: 600;
  font-synthesis: style;
  padding-bottom: 12px;
}
.recommendations-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 32px auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
}
.pagingbutton-previous {
  margin-right: 40px;
}
.pagingbutton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  margin-top: 90px;
  width: 48px;
  height: 48px;
  border-radius: 100px;
  background: #fff;
  -webkit-box-shadow: 0 6px 13px 0 rgba(18,18,18,.06);
  box-shadow: 0 6px 13px 0 rgba(18,18,18,.06);
}
.postitem {
  margin-right: 14px;
  position: relative;
  overflow: hidden;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s,-webkit-transform .3s;
  background: #fff;
  height: 226px;
  width: 245px;
  min-width: 245px;
  border-radius: 5px;
  -webkit-box-shadow: 0 6px 14px 0 rgba(18,18,18,.06);
  box-shadow: 0 6px 14px 0 rgba(18,18,18,.06);
}
.postitem-titleimage {
  height: 123px;
  width: 245px;
  -o-object-fit: cover;
  object-fit: cover;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.postitem-title {
  font-size: 16px;
  min-width: 225px;
  color: #121212;
  font-weight: 600;
  font-synthesis: style;
  line-height: 22px;
  margin: 12px;
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.postitem-footer {
  line-height: 20px;
  position: absolute;
  bottom: 12px;
  left: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  font-size: 14px;
  color: #8590a6;
}
.postitem-footertitle {
  margin-right: 24px;
}
.postitem-footer {
  line-height: 20px;
  font-size: 14px;
  color: #8590a6;
}
.pagingbutton-next {
  margin-left: 30px;
}
.postitem-summary {
    line-height: 20px;
    margin: 8px 12px;
    max-height: 118px;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    font-size: 14px;
    color: #121212;
}
.feed_content_action 
{
   color: #3377aa;
   cursor:pointer; 
}
.home_login {
    background-color: rgb(245,237,237);
}
.home_login #anony-reg-new {
  margin-bottom: 25px;
  background-size: contain;
  background-position: -webkit-calc(50% - 295px) top;
  background-position: calc(50% - 364px) top;
  background-repeat: no-repeat;
  background-color: rgb(245,237,237);
  margin: 0;
  padding: 0;
  height:304px;
}
.home_login #anony-reg-new .wrapper {
  position: relative;
  padding: 0 0 4px;
  overflow: visible;
  zoom: 1;
  width:1230px;
}
.home_login img
{
    height: 304px;
    width:885px;
    display: inline-block;
    vertical-align: top;
    margin-right:44px;
}
.home_login .wrapper {
    display: inline-block;
    width: 300px;
    margin: 0 auto;
}
.home_login #anony-reg-new .wrapper .login {
  position: relative;
}
.home_login #anony-reg-new .login {
  width: 300px;
  float: right;
  font-size: 0;
  letter-spacing: -.31em;
}
.home_login #anony-reg-new .wrapper .login, .home_login #anony-reg-new .wrapper .app {
  z-index: 2;
}
.home_login #anony-reg-new .app {
  position: absolute;
  height: 120px;
  top: 0;
  bottom: 0;
  margin: auto 0 auto 475px;
  padding: 0;
}
.home_login #anony-reg-new .app-title {
  margin: 7px 0;
  font-size: 25px;
  color: #111;
  line-height: 24px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
}
.home_login #anony-reg-new .app-title span {
  color: #111;
  margin-left: 10px;
  font-weight: 100;
}
.home_login #anony-reg-new .app-title {
  font-size: 25px;
  color: #111;
  line-height: 24px;
  text-rendering: optimizelegibility;
}
.home_login #anony-reg-new .app-slogan {
  margin: 0 0 18px;
  font-size: 0;
  color: #111;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
}
.home_login #anony-reg-new .lnk-app:link, .home_login #anony-reg-new .lnk-app:visited, .home_login #anony-reg-new .lnk-app:hover, .home_login #anony-reg-new .lnk-app:active {
  background: #00b51d;
  color: #fff;
}
.home_login #anony-reg-new .lnk-app {
  display: inline-block;
  zoom: 1;
  padding: 9px 21px;
  margin-right: 2px;
  vertical-align: top;
  border-radius: 2px;
  font-size: 12px;
  background: #00b51d;
  color: #fff;
  line-height: 1;
}
.home_login home_login a:link {
  color: #37a;
  text-decoration: none;
}
.home_login #anony-reg-new .app-qr {
  display: inline-block;
  zoom: 1;
  position: relative;
}
.account-body {
 margin:auto;
 max-width:750px;
 padding:20px 15px
}
.account-body,
.account-body h2 {
 box-sizing:border-box;
 width:100%
}
.account-body h2 {
 font-style:normal;
 font-weight:400;
 line-height:1;
 margin:0 auto;
 padding:0 0 20px
}
.account-body-text {
 display:block;
 font-size:23px;
 margin-bottom:20px
}
.account-body-tips {
 color:#9b9b9b;
 display:block;
 font-size:15px;
 line-height:1.2
}
.account-body-tips em {
 color:#f5aa40;
 font-style:normal
}
html {
 background-color:#fff;
 color:#111;
 height:100%;
 width:100%
}
@media (prefers-color-scheme:dark) {
 html[data-isapp="1"]:not(.disable-dark) html,
 html[data-isapp="1"]:not(:global(.disable-dark)) html {
  color:#fff
 }
}
html[dark-mode="1"] html {
 color:#fff
}
@media (prefers-color-scheme:dark) {
 html[data-isapp="1"]:not(.disable-dark) html,
 html[data-isapp="1"]:not(:global(.disable-dark)) html {
  background-color:#232326
 }
}
html[dark-mode="1"] html {
 background-color:#232326
}
body,
button,
div,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
textarea,
ul {
 margin:0;
 padding:0
}
ol,
ul {
 list-style:none
}
textarea {
 resize:none
}
a:active,
a:hover,
input[type=number]:focus,
input[type=password]:focus,
input[type=phone]:focus,
input[type=text]:focus,
textarea:focus {
 outline:none
}
button,
input[type=button],
input[type=submit] {
 -webkit-appearance:none;
 background-color:transparent;
 border:none;
 cursor:pointer;
 font-size:13px;
 outline:none
}
fieldset {
 border:none
}
label {
 user-select:none
}
a {
 cursor:pointer
}
body {
 color:#333;
 font:normal 13px/1.618 mp-quote, -apple-system-font, system-ui, "helvetica neue", "pingfang sc", "hiragino sans gb", "microsoft yahei ui", "microsoft yahei", arial, sans-serif;
 min-height:100%
}
@media (prefers-color-scheme:dark) {
 html[data-isapp="1"]:not(.disable-dark) body,
 html[data-isapp="1"]:not(:global(.disable-dark)) body {
  color:#aeadb3
 }
}
html[dark-mode="1"] body {
 color:#aeadb3
}
@svg-load icon-photo  {
 g:first-child {
  fill:#62c472
 }
}
@svg-load icon-select  {
 path:first-child {
  fill:#494949
 }
}
@svg-load icon-next  {
 path:first-child {
  fill:#2e73a5
 }
}
@svg-load icon-wx  {
 path:first-child {
  fill:#bababa
 }
}
@svg-load icon-wx-on  {
 path:first-child {
  fill:#08c406
 }
}
@svg-load icon-qq  {
 path:first-child {
  fill:#bababa
 }
}
@svg-load icon-qq-on  {
 path:first-child {
  fill:#3e6dbb
 }
}
@svg-load icon-wb  {
 path:first-child {
  fill:#bababa
 }
}
@svg-load icon-wb-on  {
 path:first-child {
  fill:#f94747
 }
}
@svg-load icon-loction  {
 path:first-child {
  fill:#42bd56
 }
}
@svg-load icon-arr  {
 path:first-child {
  fill:#9b9b9b
 }
}
@svg-load icon-ok  {
 path:first-child {
  fill:#42bd56
 }
}
@svg-load icon-alert  {
 path:first-child {
  fill:#ffc541
 }
}
.account-form-field-options a:active,
.account-form-field-options a:hover,
.account-form-field-options a:link,
.account-form-field-options a:visited {
 background-color:transparent;
 color:#bababa;
 text-decoration:none
}
@media (prefers-color-scheme:dark) {
 .account-form-field-options html[data-isapp="1"]:not(.disable-dark) a:active,
 .account-form-field-options html[data-isapp="1"]:not(.disable-dark) a:hover,
 .account-form-field-options html[data-isapp="1"]:not(.disable-dark) a:link,
 .account-form-field-options html[data-isapp="1"]:not(.disable-dark) a:visited,
 .account-form-field-options html[data-isapp="1"]:not(:global(.disable-dark)) a:active,
 .account-form-field-options html[data-isapp="1"]:not(:global(.disable-dark)) a:hover,
 .account-form-field-options html[data-isapp="1"]:not(:global(.disable-dark)) a:link,
 .account-form-field-options html[data-isapp="1"]:not(:global(.disable-dark)) a:visited,
 html[data-isapp="1"]:not(.disable-dark) .account-form-field-options a:active,
 html[data-isapp="1"]:not(.disable-dark) .account-form-field-options a:hover,
 html[data-isapp="1"]:not(.disable-dark) .account-form-field-options a:link,
 html[data-isapp="1"]:not(.disable-dark) .account-form-field-options a:visited,
 html[data-isapp="1"]:not(:global(.disable-dark)) .account-form-field-options a:active,
 html[data-isapp="1"]:not(:global(.disable-dark)) .account-form-field-options a:hover,
 html[data-isapp="1"]:not(:global(.disable-dark)) .account-form-field-options a:link,
 html[data-isapp="1"]:not(:global(.disable-dark)) .account-form-field-options a:visited {
  color:#626166
 }
}
.account-form-field-options html[dark-mode="1"] a:active,
.account-form-field-options html[dark-mode="1"] a:hover,
.account-form-field-options html[dark-mode="1"] a:link,
.account-form-field-options html[dark-mode="1"] a:visited,
html[dark-mode="1"] .account-form-field-options a:active,
html[dark-mode="1"] .account-form-field-options a:hover,
html[dark-mode="1"] .account-form-field-options a:link,
html[dark-mode="1"] .account-form-field-options a:visited {
 color:#626166
}
.account-form-field-options a:active,
.account-form-field-options a:hover {
 color:#a1a1a1
}
body {
 -webkit-tap-highlight-color:transparent
}
body,
td,
th {
 font:normal 13px/1.618 mp-quote, -apple-system-font, system-ui, "helvetica neue", "pingfang sc", "hiragino sans gb", "microsoft yahei ui", "microsoft yahei", arial, sans-serif
}
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
ul {
 margin:0;
 padding:0
}
a {
 -webkit-tap-highlight-color:rgba(0,0,0,0);
 border:none;
 text-decoration:none
}
input[type=number],
input[type=password],
input[type=phone],
input[type=text],
textarea {
 -webkit-tap-highlight-color:rgba(255,0,0,0);
 -webkit-appearance:none;
 background:transparent
}
input:-webkit-autofill {
 box-shadow:inset 0 0 0 1000px #fff
}
input::-webkit-contacts-auto-fill-button,
input::-webkit-credentials-auto-fill-button {
 pointer-events:none;
 position:absolute;
 right:0;
 visibility:hidden
}
a img {
 border-width:0;
 vertical-align:middle
}
a:focus,
button,
input {
 outline:0
}
.app-hide,
.hide {
 display:none
}
.show {
 display:block
}
.mrg0 {
 margin:0
}
.account-form-raw:after {
 clear:both;
 content:""
}
.account-form-label {
 display:block;
 float:left;
 font-size:13px;
 height:40px;
 line-height:40px;
 width:60px
}
.account-form-field {
 display:inline-block;
 margin:0;
 width:350px
}
.account-form-field-options {
 line-height:42px;
 padding:0 10px;
 position:absolute;
 right:0;
 top:0
}
.account-form-field-options em {
 color:#999;
 display:inline-block;
 font-style:normal;
 text-align:center;
 width:4em
}
@media (prefers-color-scheme:dark) {
 html[data-isapp="1"]:not(.disable-dark) .account-form-field-options em,
 html[data-isapp="1"]:not(:global(.disable-dark)) .account-form-field-options em {
  color:#87878c
 }
}
html[dark-mode="1"] .account-form-field-options em {
 color:#87878c
}
.account-form-field-captcha .account-form-field-options {
 height:32px;
 padding:0;
 right:5px;
 top:5px;
 width:50%
}
.account-form-field-captcha .account-form-field-options img {
 height:100%;
 width:100%
}
.account-form-field-area-code {
 left:0;
 top:0
}
.account-form-field-area-code select {
 appearance:none;
 background-color:transparent;
 border:none;
 cursor:pointer;
 font-size:13px;
 height:40px;
 left:0;
 opacity:0;
 position:absolute;
 top:0;
 width:100%;
 z-index:1
}
.account-form-field-area-code-label {
 background:svg-inline(icon-select) no-repeat 100% 50%;
 line-height:43px;
 margin-right:20px;
 padding-right:5px;
 position:relative
}
.account-form-field-area-code-label:after {
 border-right:1px solid;
 border-color:#dfdfdf;
 content:"";
 height:30px;
 position:absolute;
 right:-10px;
 top:6px;
 width:0
}
@media (prefers-color-scheme:dark) {
 html[data-isapp="1"]:not(.disable-dark) .account-form-field-area-code-label:after,
 html[data-isapp="1"]:not(:global(.disable-dark)) .account-form-field-area-code-label:after {
  border-color:#3b3b40
 }
}
html[dark-mode="1"] .account-form-field-area-code-label:after {
 border-color:#3b3b40
}
.account-form-field.hide {
 display:none
}
.account-form-field-phone input {
 padding-left:60px;
 padding-right:40px
}
.account-form-field-phone.no-area input {
 padding-left:10px
}
.account-form-field-area-code {
 left:1px;
 overflow:hidden;
 position:absolute;
 top:1px;
 width:50px
}
.account-form-field-area-code-label {
 background:none;
 cursor:pointer;
 font-size:15px;
 font-weight:700;
 line-height:35px;
 margin:0;
 padding-right:1px;
 text-align:center;
 width:100%
}
.account-form-field-area-code-label:after {
 height:22px;
 right:1px;
 top:8px
}
.account-form-input {
 border:1px solid #e4e6e5;
 border-radius:3px;
 box-sizing:border-box;
 font-size:13px;
 padding:10px;
 width:280px
}
.account-form-error {
 left:0;
 position:absolute;
 top:-10px
}
.account-form-error .fatal-msg {
 color:#fe2617
}
.account-form-error .error-msg {
 color:#ccc
}
.account-form-error .info-msg {
 color:#41ac52
}
.account-form-field-submit {
 margin-left:60px;
 padding-top:20px;
 position:relative;
 width:280px
}
.account-form-field-submit.brd-top {
 border-top:1px dashed #e7e6eb;
 margin-left:0;
 margin-top:50px;
 width:100%
}
.account-form-field-submit.mrg-left {
 margin-left:60px
}
.account-form-field-submit.mrg0 {
 margin:0
}
.account-form .btn {
 background-color:#ff5050;
 border-radius:3px;
 color:#fff;
 cursor:default;
 display:inline-block;
 font-size:14px;
 font-weight:600;
 height:36px;
 line-height:36px;
 outline:0;
 padding:0 35px;
 text-align:center
}
.account-form .btn-active {
 background-color:#41ac52;
 cursor:pointer
}
.account-form .btn-active:hover,
.account-form .btn-active:visited {
 color:#fff
}
.account-side h2 {
 color:#072;
 font-size:15px;
 line-height:150%;
 margin:0 0 12px
}
.aside-link a {
 color:#37a;
 font-size:14px
}
.online-apply {
 color:#9b9b9b;
 font-size:15px;
 margin-top:25px
}
.online-apply a {
 color:#41ac52
}
.globalphone {
 display:table;
 font-size:0;
 height:28px;
 padding:0;
 position:relative;
 width:210px
}
.globalphone>* {
 display:table-cell;
 font-size:14px;
 vertical-align:top
}
.globalphone input,
.globalphone>span {
 line-height:28px
}
.globalphone>span {
 color:#494949;
 cursor:pointer;
 padding:0 7px;
 text-align:center;
 white-space:nowrap
}
.globalphone>span:after {
 border-right:1px solid #ccc;
 content:"";
 display:inline-block;
 height:15px;
 margin-left:7px;
 vertical-align:middle
}
.globalphone input[type=text] {
 border:0;
 box-sizing:border-box;
 height:100%;
 padding:0 7px 0 0;
 width:100%
}
.globalphone input[type=text]:focus {
 border:0;
 outline:0
}
.globalphone #verify_phone_err {
 color:#fe2617;
 font-size:12px;
 left:100%;
 line-height:28px;
 margin-left:10px;
 position:absolute;
 top:0;
 white-space:nowrap
}
.globalphonelist li {
 font-size:0;
 text-align:justify;
 text-justify:distribute;
 -ms-text-justify:distribute
}
.globalphonelist li>* {
 display:inline-block
}
.globalphonelist li:after {
 content:"";
 display:inline-block;
 width:100%
}
.globalphoneitem-district {
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 text-rendering:optimizelegibility
}
.globalphonedialog .bd {
 max-height:30em;
 overflow:auto!important
}
.globalphonelist li {
 border-bottom:1px solid #e5e5e5;
 color:#494949;
 cursor:pointer;
 line-height:2.6;
 overflow:hidden
}
.globalphonelist li:first-child {
 border-top:1px solid #e5e5e5
}
.globalphonelist li>* {
 font-size:14px
}
.globalphonelist li.is-active>* {
 color:#42bd56
}
.globalphonelist li.is-active .globalphoneitem-district:after {
 content:"✔︎";
 margin-left:10px
}
.globalphoneitem-district {
 font-weight:700
}
.globalphoneitem-district span {
 display:inline-block;
 font-size:1.5em;
 line-height:1;
 margin-top:-2px;
 position:relative;
 vertical-align:middle
}
.globalphoneitem-number {
 color:#aaa
}
.nation-list li,
.nation-select-hd,
.ui-dialog-panel-title {
 border-bottom:1px solid transparent;
 border-image-outset:0 0 1px 0;
 border-image-repeat:stretch stretch;
 border-image-slice:0 0 2 0;
 border-image-source:;
 border-image-width:0 0 1px 0;
 margin-bottom:1px
}
.ui-dialog-lnk-close,
.ui-dialog-panel button[type=button],
.ui-dialog-panel button[type=submit],
.ui-dialog-panel-title {
 -moz-osx-font-smoothing:grayscale;
 -webkit-font-smoothing:antialiased
}
.ui-dialog-lnk-close {
 font-weight:lighter;
 line-height:.75;
 position:absolute;
 right:5px;
 top:2px;
 user-select:none
}
.ui-dialog-lnk-close:active,
.ui-dialog-lnk-close:hover,
.ui-dialog-lnk-close:link,
.ui-dialog-lnk-close:visited {
 color:#999;
 font-size:21px;
 padding:8px 10px;
 text-decoration:none
}
@media (prefers-color-scheme:dark) {
 html[data-isapp="1"]:not(.disable-dark) .ui-dialog-lnk-close:active,
 html[data-isapp="1"]:not(.disable-dark) .ui-dialog-lnk-close:hover,
 html[data-isapp="1"]:not(.disable-dark) .ui-dialog-lnk-close:link,
 html[data-isapp="1"]:not(.disable-dark) .ui-dialog-lnk-close:visited,
 html[data-isapp="1"]:not(:global(.disable-dark)) .ui-dialog-lnk-close:active,
 html[data-isapp="1"]:not(:global(.disable-dark)) .ui-dialog-lnk-close:hover,
 html[data-isapp="1"]:not(:global(.disable-dark)) .ui-dialog-lnk-close:link,
 html[data-isapp="1"]:not(:global(.disable-dark)) .ui-dialog-lnk-close:visited {
  color:#818181
 }
}
html[dark-mode="1"] .ui-dialog-lnk-close:active,
html[dark-mode="1"] .ui-dialog-lnk-close:hover,
html[dark-mode="1"] .ui-dialog-lnk-close:link,
html[dark-mode="1"] .ui-dialog-lnk-close:visited {
 color:#818181
}
.ui-dialog-lnk-close:hover {
 color:#aaa
}
@media (prefers-color-scheme:dark) {
 html[data-isapp="1"]:not(.disable-dark) .ui-dialog-lnk-close:hover,
 html[data-isapp="1"]:not(:global(.disable-dark)) .ui-dialog-lnk-close:hover {
  color:#b2b2b2
 }
}
html[dark-mode="1"] .ui-dialog-lnk-close:hover {
 color:#b2b2b2
}
.ui-dialog-lnk-close:active {
 color:#777
}
@media (prefers-color-scheme:dark) {
 html[data-isapp="1"]:not(.disable-dark) .ui-dialog-lnk-close:active,
 html[data-isapp="1"]:not(:global(.disable-dark)) .ui-dialog-lnk-close:active {
  color:#818181
 }
}
html[dark-mode="1"] .ui-dialog-lnk-close:active {
 color:#818181
}
.ui-dialog-panel button[type=button] {
 background-color:#fff;
 border:1px solid #aaa;
 border-radius:3px;
 color:#444;
 font-size:12px;
 padding:6px 20px;
 position:relative
}
@media screen and (-o-min-device-pixel-ratio:2/1),screen and (-webkit-min-device-pixel-ratio:2),screen and (min--moz-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2),screen and (min-resolution:192dpi),screen and (min-resolution:2dppx) {
 .ui-dialog-panel button[type=button] {
  border-width:0;
  box-shadow:0 0 0 .5px #aaa
 }
}
@media (prefers-color-scheme:dark) {
 .ui-dialog-panel html[data-isapp="1"]:not(.disable-dark) button[type=button],
 .ui-dialog-panel html[data-isapp="1"]:not(:global(.disable-dark)) button[type=button],
 html[data-isapp="1"]:not(.disable-dark) .ui-dialog-panel button[type=button],
 html[data-isapp="1"]:not(:global(.disable-dark)) .ui-dialog-panel button[type=button] {
  background-color:#232326
 }
}
.ui-dialog-panel html[dark-mode="1"] button[type=button],
html[dark-mode="1"] .ui-dialog-panel button[type=button] {
 background-color:#232326
}
@media (prefers-color-scheme:dark) {
 .ui-dialog-panel html[data-isapp="1"]:not(.disable-dark) button[type=button],
 .ui-dialog-panel html[data-isapp="1"]:not(:global(.disable-dark)) button[type=button],
 html[data-isapp="1"]:not(.disable-dark) .ui-dialog-panel button[type=button],
 html[data-isapp="1"]:not(:global(.disable-dark)) .ui-dialog-panel button[type=button] {
  color:#494949
 }
}
.ui-dialog-panel html[dark-mode="1"] button[type=button],
html[dark-mode="1"] .ui-dialog-panel button[type=button] {
 color:#494949
}
.ui-dialog-panel button:hover[type=button] {
 background-color:#eee;
 border-color:#eee
}
@media (prefers-color-scheme:dark) {
 .ui-dialog-panel html[data-isapp="1"]:not(.disable-dark) button:hover[type=button],
 .ui-dialog-panel html[data-isapp="1"]:not(:global(.disable-dark)) button:hover[type=button],
 html[data-isapp="1"]:not(.disable-dark) .ui-dialog-panel button:hover[type=button],
 html[data-isapp="1"]:not(:global(.disable-dark)) .ui-dialog-panel button:hover[type=button] {
  background-color:#f2f2f2
 }
}
.ui-dialog-panel html[dark-mode="1"] button:hover[type=button],
html[dark-mode="1"] .ui-dialog-panel button:hover[type=button] {
 background-color:#f2f2f2
}
.ui-dialog-panel button:active[type=button] {
 background-color:#ccc;
 border-color:#ccc
}
@media (prefers-color-scheme:dark) {
 .ui-dialog-panel html[data-isapp="1"]:not(.disable-dark) button:active[type=button],
 .ui-dialog-panel html[data-isapp="1"]:not(:global(.disable-dark)) button:active[type=button],
 html[data-isapp="1"]:not(.disable-dark) .ui-dialog-panel button:active[type=button],
 html[data-isapp="1"]:not(:global(.disable-dark)) .ui-dialog-panel button:active[type=button] {
  background-color:#b2b2b2
 }
}
.ui-dialog-panel html[dark-mode="1"] button:active[type=button],
html[dark-mode="1"] .ui-dialog-panel button:active[type=button] {
 background-color:#b2b2b2
}
.ui-dialog-panel button[type=submit] {
 background-color:#42bd56;
 border:1px solid #42bd56;
 border-radius:3px;
 color:#fff;
 font-size:12px;
 padding:6px 20px
}
@media (prefers-color-scheme:dark) {
 .ui-dialog-panel html[data-isapp="1"]:not(.disable-dark) button[type=submit],
 .ui-dialog-panel html[data-isapp="1"]:not(:global(.disable-dark)) button[type=submit],
 html[data-isapp="1"]:not(.disable-dark) .ui-dialog-panel button[type=submit],
 html[data-isapp="1"]:not(:global(.disable-dark)) .ui-dialog-panel button[type=submit] {
  color:#232326
 }
}
.ui-dialog-panel html[dark-mode="1"] button[type=submit],
html[dark-mode="1"] .ui-dialog-panel button[type=submit] {
 color:#232326
}
.ui-dialog-panel button:hover[type=submit] {
 background-color:#5ccb6e
}
.ui-dialog-panel button:active[type=submit] {
 background-color:#49c55d
}
.ui-dialog-mask {
 background-color:#fff;
 background-color:rgba(0,0,0,.5);
 bottom:0;
 font-size:0;
 left:0;
 overflow-x:none;
 overflow:auto;
 padding:20px 0;
 position:fixed;
 right:0;
 text-align:center;
 top:0;
 z-index:100
}
@media (prefers-color-scheme:dark) {
 html[data-isapp="1"]:not(.disable-dark) .ui-dialog-mask,
 html[data-isapp="1"]:not(:global(.disable-dark)) .ui-dialog-mask {
  background-color:#232326
 }
}
html[dark-mode="1"] .ui-dialog-mask {
 background-color:#232326
}
.ui-dialog-mask:before {
 content:"";
 display:inline-block;
 height:100%;
 margin-left:-1px;
 overflow:hidden;
 vertical-align:middle;
 width:1px
}
.ui-dialog-container {
 display:inline-block;
 font-size:13px;
 max-width:360px;
 vertical-align:middle;
 width:92%
}
.ui-dialog-panel {
 background-color:#fff;
 border:1px solid #aaa;
 border-radius:4px;
 height:100%;
 margin:auto;
 min-height:80px;
 min-width:200px;
 overflow:auto;
 position:relative;
 text-align:left
}
@media screen and (-o-min-device-pixel-ratio:2/1),screen and (-webkit-min-device-pixel-ratio:2),screen and (min--moz-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2),screen and (min-resolution:192dpi),screen and (min-resolution:2dppx) {
 .ui-dialog-panel {
  border-width:0;
  box-shadow:0 0 0 .5px #aaa
 }
}
.ui-dialog-panel:before {
 border-radius:4px;
 box-shadow:0 0 4px 0 rgba(0,0,0,.25);
 content:"";
 height:100%;
 left:0;
 position:absolute;
 top:0;
 width:100%;
 z-index:-1
}
@media (prefers-color-scheme:dark) {
 html[data-isapp="1"]:not(.disable-dark) .ui-dialog-panel,
 html[data-isapp="1"]:not(:global(.disable-dark)) .ui-dialog-panel {
  background-color:#232326
 }
}
html[dark-mode="1"] .ui-dialog-panel {
 background-color:#232326
}
.ui-dialog-panel-title {
 color:#494949;
 font-size:14px;
 padding:8px 0;
 text-align:center;
 user-select:none
}
@media (prefers-color-scheme:dark) {
 html[data-isapp="1"]:not(.disable-dark) .ui-dialog-panel-title,
 html[data-isapp="1"]:not(:global(.disable-dark)) .ui-dialog-panel-title {
  color:#aeadb3
 }
}
html[dark-mode="1"] .ui-dialog-panel-title {
 color:#aeadb3
}
.ui-dialog-body-wrapper {
 padding:20px
}
.nation-select {
 background:#fff;
 bottom:0;
 left:0;
 position:fixed;
 right:0;
 top:0;
 z-index:11
}
.nation-select-hd {
 font-size:16px;
 height:44px;
 line-height:44px;
 padding:0 15px;
 text-align:center
}
.nation-select-close {
 background-image:;
 background-repeat:no-repeat;
 background-size:100%;
 display:block;
 height:15px;
 left:15px;
 position:absolute;
 top:15px;
 width:15px
}
@media (prefers-color-scheme:dark) {
 html[data-isapp="1"]:not(.disable-dark) .nation-select-close,
 html[data-isapp="1"]:not(:global(.disable-dark)) .nation-select-close {
  background-image:;
  background-repeat:no-repeat;
  background-size:100%
 }
}
html[dark-mode="1"] .nation-select-close {
 background-image:;
 background-repeat:no-repeat;
 background-size:100%
}
.nation-select-bd {
 box-sizing:border-box;
 overflow-x:hidden;
 overflow-y:auto;
 padding:0 15px
}
.nation-list {
 margin-bottom:20px
}
.nation-list .ui-dialog-lnk-close {
 left:5px
}
.nation-list li {
 color:#9b9b9b;
 line-height:30px
}
.nation-list li .nation-number {
 float:right
}
.nation-list li.hover,
.nation-list li.selected {
 color:#41ac52
}
.nation-list li.hover .nation-name,
.nation-list li.selected .nation-name {
 background-image:' fill='none' fill-rule='evenodd'/></svg>");
 background-position:100%;
 background-repeat:no-repeat;
 background-size:100%;
 background-size:12px;
 padding-right:15px
}
.nation-select.is-ark .selected {
 color:#389eac
}
.nation-select.is-ark .selected .nation-name {
 background-image:;
 background-repeat:no-repeat;
 background-size:100%
}
.account-form-input.is-ark {
 caret-color:#389eac
}
.account-form-field-submit a.is-ark {
 background-color:#ddd;
 color:#a6a6a6;
 font-weight:400
}
@media (prefers-color-scheme:dark) {
 html[data-isapp="1"]:not(.disable-dark) .account-form-field-submit a.is-ark,
 html[data-isapp="1"]:not(:global(.disable-dark)) .account-form-field-submit a.is-ark {
  color:#777
 }
}
html[dark-mode="1"] .account-form-field-submit a.is-ark {
 color:#777
}
@media (prefers-color-scheme:dark) {
 html[data-isapp="1"]:not(.disable-dark) .account-form-field-submit a.is-ark,
 html[data-isapp="1"]:not(:global(.disable-dark)) .account-form-field-submit a.is-ark {
  background-color:#4b5054
 }
}
html[dark-mode="1"] .account-form-field-submit a.is-ark {
 background-color:#4b5054
}
.account-form-field-submit a.is-ark.btn-active {
 background-color:#389eac;
 color:#fff
}
@media (prefers-color-scheme:dark) {
 html[data-isapp="1"]:not(.disable-dark) .account-form-field-submit a.is-ark.btn-active,
 html[data-isapp="1"]:not(:global(.disable-dark)) .account-form-field-submit a.is-ark.btn-active {
  background-color:#389eac
 }
}
html[dark-mode="1"] .account-form-field-submit a.is-ark.btn-active {
 background-color:#389eac
}
@media (prefers-color-scheme:dark) {
 html[data-isapp="1"]:not(.disable-dark) .account-form-field-submit a.is-ark.btn-active,
 html[data-isapp="1"]:not(:global(.disable-dark)) .account-form-field-submit a.is-ark.btn-active {
  color:#fff
 }
}
html[dark-mode="1"] .account-form-field-submit a.is-ark.btn-active {
 color:#fff
}
.account-form-field-code.is-ark a {
 color:#389eac
}
#ui-dialog-id-agreemnt-dialog .dui-dialog-close {
 font-size:18px
}
#ui-dialog-id-agreemnt-dialog .hd {
 background:none
}
#ui-dialog-id-agreemnt-dialog .hd h3 {
 color:#333;
 font-size:28px;
 letter-spacing:.97
}
#ui-dialog-id-agreemnt-dialog .bd {
 padding:15px 0
}
#ui-dialog-id-agreemnt-dialog .bd .content {
 border:1px solid #ccc;
 border-radius:3px;
 height:260px;
 overflow:auto;
 padding:20px
}
#ui-dialog-id-agreemnt-dialog .bd .content::-webkit-scrollbar {
 display:none
}
#ui-dialog-id-agreemnt-dialog .ft {
 padding:10px 0 20px;
 text-align:center
}
#ui-dialog-id-agreemnt-dialog .ft .bn-flat {
 background-color:#41ac52;
 border-radius:3px;
 color:#fff;
 display:inline-block;
 font-size:15px;
 font-weight:600;
 padding:7px 20px
}
html {
 background:transparent
}
.account-body {
 background:#fff;
 min-height:450px;
 overflow:hidden;
 padding:50px 30px 100px;
 position:relative;
 width:340px
}
.account-body-tabs {
 color:#9b9b9b;
 font-size:0;
 margin-bottom:10px
}
.account-body-tabs ul {
 border-bottom:1px solid #ececec
}
.account-body-tabs ul li {
 cursor:pointer;
 display:inline-block;
 font-size:18px;
 line-height:2;
 text-align:center;
 width:50%
}
.account-body-tabs ul li.on {
 border-bottom:2px solid #494949;
 color:#333;
 font-weight:600
}
.account-body-tabs ul li.account-tab-scan {
 color:#333;
 font-weight:600;
 text-align:left
}
.account-body-tabs .account-tab-switch {
 overflow:visible;
 position:absolute;
 right:10px;
 top:10px;
 width:100%
}
.account-body-tabs .account-tab-switch-icon .icon-switch {
 background-size:40px;
 height:40px;
 overflow:visible;
 position:absolute;
 right:0;
 top:0;
 width:40px
}
.account-body-tabs .account-tab-switch-icon .icon-switch:hover {
 opacity:.8
}
.account-body-tabs .account-tab-switch-icon .icon-switch:hover:before {
 background:#f5faf9;
 border:1px solid rgba(66,189,86,.3);
 border-radius:3px;
 color:#666;
 display:block;
 font-size:13px;
 height:20px;
 padding:3px 5px;
 position:absolute;
 right:50px;
 top:0
}
.account-body-tabs .account-tab-switch-icon .icon-switch:hover:after {
 background:#f5faf9;
 border-right:1px solid rgba(66,189,86,.3);
 border-top:1px solid rgba(66,189,86,.3);
 content:"";
 display:block;
 height:10px;
 position:absolute;
 right:44px;
 top:8px;
 transform:rotate(45deg);
 width:10px;
 z-index:0
}
.account-body-tabs .account-tab-switch-icon .icon-switch.quick {
 background-image:;
}
.account-body-tabs .account-tab-switch-icon .icon-switch.quick:hover:before {
 content:"扫码登录";
 width:53px
}
.account-body-tabs .account-tab-switch-icon .icon-switch.start {
 background-image:
}
.account-body-tabs .account-tab-switch-icon .icon-switch.start:hover:before {
 content:"短信登录/注册";
 width:86px
}
.login-quick .account-tabcon-start,
.login-quick .quick,
.login-quick .tab-start,
.login-start .account-tabcon-quick,
.login-start .start,
.login-start .tab-quick {
 display:none
}
.account-form {
 position:relative
}
.account-form-label {
 display:none
}
.account-form-label input[type=checkbox] {
 margin-right:4px
}
.account-form-field {
 display:block;
 position:relative;
 width:100%
}
.account-form-field input {
 box-shadow:none
}
.account-form-field-submit {
 margin:0;
 padding:0
}
.account-form-field-submit .btn {
 display:block;
 font-size:15px;
 font-weight:600;
 padding:0
}
.account-form-field a.fwd-link {
 color:#9b9b9b;
 line-height:42px;
 padding:0 10px;
 position:absolute;
 right:0;
 top:0
}
.account-form-codes {
 color:#fff;
 position:relative
}
.account-form-codes .account-form-field-code {
 line-height:42px;
 padding:0 10px;
 position:absolute;
 right:0;
 top:0
}
.account-form-codes .account-form-field-code em {
 color:#ccc;
 font-style:normal
}
.account-form-codes .account-form-field-code a {
 color:#ff5050;
 font-size:13px;
}
.account-form-ft {
 overflow:hidden;
 height:41px;
}
.account-form-ft:after {
 clear:both;
 content:""
}
.account-form-ft p {
 margin:10px 0
}
.account-form-remember {
 display:inline-block
}
.account-form-remember input[type=checkbox] {
 margin-right:4px
}
.account-form-link {
 float:right
}
.account-form-link a 
{
   color: #3377aa;
}
.help-link 
{
  font-size:13px;
}
.account-form-3rd {
 bottom:30px;
 position:absolute;
 width:280px
}
.account-form-3rd-hd {
 color:#9b9b9b;
 font-size:11px;
 text-align:center
}
.account-form-3rd-hd:before {
 float:left
}
.account-form-3rd-hd:after,
.account-form-3rd-hd:before {
 background:#ddd;
 content:"";
 height:1px;
 margin-top:9px;
 _overflow:hidden;
 width:36%
}
.account-form-3rd-hd:after {
 float:right
}
.account-form-3rd-bd {
 padding-top:10px;
 text-align:center
}
.account-form-3rd-bd a {
 background-color:transparent;
 background-position:50% 50%;
 background-size:100% 100%;
 display:inline-block;
 font-size:0;
 height:36px;
 line-height:36px;
 margin:0 15px;
 overflow:hidden;
 vertical-align:middle;
 width:36px
}
.account-form-3rd-bd .link-3rd-wb,
.account-form-3rd-bd .link-3rd-wb:hover {
 background-image:' fill='none' fill-rule='evenodd'><circle fill='#f27272' cx='18.306' cy='18' r='18'/><path d='m23.94 17.803c-.268-.055-.442-.138-.521-.248-.08-.11-.094-.21-.04-.303l.08-.137a.326.326 0 0 0 .054-.083c.018-.037.054-.115.107-.235.053-.119.093-.238.12-.357.028-.12.05-.267.067-.441.017-.175.013-.34-.014-.496a2.16 2.16 0 0 0-.16-.51 1.706 1.706 0 0 0-.335-.496c-.25-.257-.576-.423-.977-.496a3.536 3.536 0 0 0-1.203-.014c-.401.064-.78.146-1.137.247-.356.101-.65.198-.882.29l-.347.165a3.298 3.298 0 0 1-.442.11.493.493 0 0 1-.268-.014.707.707 0 0 1-.147-.083c-.035-.027-.049-.091-.04-.193.008-.1.017-.188.026-.261.01-.074.032-.189.067-.345.035-.156.062-.28.08-.372 0-.22-.013-.427-.04-.62a3.094 3.094 0 0 0-.174-.646 1.39 1.39 0 0 0-.387-.579 1.976 1.976 0 0 0-.642-.357c-.259-.092-.593-.12-1.003-.083a5.73 5.73 0 0 0-1.391.33 8.485 8.485 0 0 0-1.899.978c-.642.43-1.199.88-1.671 1.35-.473.467-.905.922-1.298 1.362-.392.441-.696.8-.91 1.075l-.294.44c-.588.79-1.025 1.58-1.31 2.37-.286.79-.42 1.386-.402 1.79v.578c.108.882.37 1.671.79 2.37.418.697.917 1.262 1.497 1.693a8.61 8.61 0 0 0 2.046 1.102c.785.303 1.538.524 2.26.661a19.33 19.33 0 0 0 2.287.29c1.32.11 2.689.004 4.106-.317a12.208 12.208 0 0 0 3.958-1.667c1.222-.79 2.082-1.735 2.581-2.837.303-.643.46-1.249.468-1.818.01-.57-.084-1.033-.28-1.391a3.519 3.519 0 0 0-.763-.95 3.79 3.79 0 0 0-.882-.607 2.959 2.959 0 0 0-.735-.247v.002zm-8.157 8.566c-1.926.092-3.562-.294-4.908-1.157-1.345-.863-2.018-1.956-2.018-3.278 0-1.304.668-2.428 2.006-3.374 1.337-.945 2.977-1.464 4.92-1.556 1.944-.093 3.584.238 4.922.991 1.337.753 2.006 1.782 2.006 3.085 0 1.322-.682 2.511-2.047 3.567-1.364 1.056-2.99 1.63-4.88 1.721l-.001.001zm-.776-7.63c-.516.055-.98.18-1.39.372-.41.193-.731.413-.963.661a4.203 4.203 0 0 0-.589.799 3.1 3.1 0 0 0-.335.84 5.436 5.436 0 0 0-.12.757c-.019.229-.027.408-.027.536l.027.22v.111c0 .055.018.165.054.33.036.166.085.317.147.455.062.138.165.29.307.455.143.165.312.303.509.414 1.177.587 2.273.766 3.29.536a4.134 4.134 0 0 0 2.46-1.583c.25-.313.415-.698.494-1.158.08-.46.062-.923-.053-1.39a3.584 3.584 0 0 0-.602-1.281c-.285-.386-.709-.685-1.27-.896-.562-.21-1.208-.27-1.94-.179l.001.001zm-.962 5.207a1.191 1.191 0 0 1-.575-.042 2.886 2.886 0 0 1-.241-.096.553.553 0 0 1-.2-.151 2.824 2.824 0 0 1-.147-.194.848.848 0 0 1-.148-.482c0-.202.054-.4.161-.592.108-.193.255-.358.442-.496s.396-.217.628-.235c.16-.018.316-.013.468.014.152.028.281.074.388.138.107.064.2.137.28.22a.73.73 0 0 1 .174.29c.036.11.054.229.054.357 0 .202-.058.395-.173.579-.116.183-.272.339-.469.467-.196.13-.41.203-.641.22l-.001.003zm2.273-1.984a.58.58 0 0 1-.388.125c-.134-.01-.227-.069-.28-.18l-.055-.11a.256.256 0 0 1-.026-.11v-.11c0-.055.009-.101.026-.137l.054-.11a.175.175 0 0 1 .08-.083l.081-.11c.143-.111.28-.157.414-.138a.34.34 0 0 1 .281.22.35.35 0 0 1 .067.248.693.693 0 0 1-.08.262 1.048 1.048 0 0 1-.174.234zm9.494-5.757a.548.548 0 0 0 .295-.083.677.677 0 0 0 .214-.206.727.727 0 0 0 .107-.262c.017-.018.026-.046.026-.082.214-2.094-.499-3.288-2.14-3.582a3.671 3.671 0 0 0-1.337-.027.534.534 0 0 0-.321.096.857.857 0 0 0-.228.248.645.645 0 0 0 .094.784.615.615 0 0 0 .455.193c1.391-.33 2.14.129 2.247 1.378.036.312.018.606-.054.881 0 .184.062.34.187.468a.614.614 0 0 0 .454.193l.001.001zm-3.61-7.657c-.018 0-.036.01-.054.028l-.027.055-.026.028a.87.87 0 0 0-.482.344.952.952 0 0 0-.188.565c0 .276.09.505.268.689a.867.867 0 0 0 .642.275h.08a.6.6 0 0 0 .121-.027 1.36 1.36 0 0 1 .2-.041c.071-.01.147-.028.228-.056.081-.027.152-.055.214-.083.062-.027.182-.041.361-.041.18 0 .398.014.656.041.258.028.543.097.856.207.312.11.624.247.936.413.311.166.623.395.936.688.313.294.585.633.816 1.02.464 1.083.553 2.13.268 3.14a.125.125 0 0 1-.014.055.922.922 0 0 0-.04.138 6.06 6.06 0 0 1-.054.206 2.565 2.565 0 0 0-.054.248c-.018.1-.026.187-.026.261 0 .165.044.303.133.414.09.11.2.188.335.234.134.046.29.069.468.069.499 0 .793-.313.882-.937.214-.716.334-1.4.361-2.052.027-.652-.017-1.225-.133-1.721a5.635 5.635 0 0 0-.521-1.391 4.656 4.656 0 0 0-.803-1.102 6.562 6.562 0 0 0-1.017-.827 6.687 6.687 0 0 0-1.083-.592 7.157 7.157 0 0 0-1.084-.358c-.784-.184-1.836-.147-3.155.11z' fill='#fff'/></g></svg>");
 background-repeat:no-repeat;
 background-size:100%
}
.account-form-3rd-bd .link-3rd-wx,
.account-form-3rd-bd .link-3rd-wx:hover {
 background-image:' fill='none' fill-rule='evenodd'><circle fill='#64c574' cx='18' cy='18' r='18'/><path d='m20.062 18c-.48 0-.962.529-.962 1.18 0 .53.481 1.06.962 1.06.722 0 1.238-.53 1.238-1.06 0-.651-.516-1.18-1.238-1.18m-1.99-4.481c.628 0 1.028-.449 1.028-1.121 0-.705-.4-1.12-1.029-1.12-.6 0-1.171.415-1.171 1.12 0 .672.572 1.12 1.171 1.12m-3.385 9.02c-1.001 0-1.732-.182-2.68-.486l-2.733 1.55.786-2.613c8.136 19.469 7 17.553 7 15.212c0-4.134 3.464-7.295 7.686-7.295 3.736 0 7.065 2.493 7.714 6.019a3.348 3.348 0 0 0-.73-.091c-3.682 0-6.523 3.1-6.523 6.84 0 .638.081 1.215.216 1.823-.216.03-.46.03-.677.03m11.597 3.345.549 2.2-2.086-1.314c-.796.183-1.564.459-2.36.459-3.677 0-6.586-2.812-6.586-6.296 0-3.482 2.909-6.293 6.586-6.293 3.485 0 6.614 2.811 6.614 6.293 0 1.956-1.18 3.697-2.717 4.951m11.498 11.278c-.585 0-1.198.415-1.198 1.12 0 .672.613 1.12 1.198 1.12.556 0 1.002-.448 1.002-1.12 0-.705-.446-1.12-1.002-1.12m24.478 18c-.524 0-.978.529-.978 1.18 0 .53.454 1.06.977 1.06.699 0 1.223-.53 1.223-1.06 0-.651-.524-1.18-1.223-1.18' fill='#fff'/></g></svg>");
 background-repeat:no-repeat;
 background-size:100%
}
.account-form-3rd-bd .link-3rd-qq,
.account-form-3rd-bd .link-3rd-qq:hover {
 background-image:;
 background-repeat:no-repeat;
 background-size:100%
}
.account-form-3rd-anonymous {
 border-top:1px solid #ddd;
 position:relative;
 top:0
}
.account-form-3rd-anonymous .account-form-3rd-hd {
 display:inline-block;
 vertical-align: middle;
}
.account-form-3rd-anonymous .account-form-3rd-hd:after,
.account-form-3rd-anonymous .account-form-3rd-hd:before {
 display:none
}
.account-form-3rd-anonymous .account-form-3rd-bd {
 display:inline-block
}
.account-form-error {
 background:none;
 margin-bottom:5px;
 min-height:20px;
 position:static
}
.account-form-error.show-error {
 background-image:' stroke='#fe2617' fill='none' fill-rule='evenodd'><circle cx='5.236' cy='5.417' r='5.236'/><path d='m2.914 5.417h4.712' stroke-linecap='round'/></g></svg>");
 background-position:0 3px;
 background-repeat:no-repeat;
 background-size:100%;
 background-size:12px;
 color:#fe2617;
 line-height:20px;
 padding-left:16px
}
.account-form-tips {
 color:#9b9b9b
}
.account-form-tips a {
   color: #3377aa;
}
.account-form .btn {
 display:block
}
.account-qr-code {
 margin-top:20px;
 position:relative;
 text-align:center
}
.account-qr-tips {
 display:none
}
.account-qr-abnormal.anony-qr-code .account-qr-scan {
 height:145px;
 width:145px
}
.account-qr-abnormal .account-qr-tips {
 background-color:#fff4e5;
 background-image:;
 background-position:15px 6px;
 background-repeat:no-repeat;
 background-size:13px;
 display:block;
 font-size:12px;
 line-height:18px;
 margin-bottom:15px;
 margin-top:-20px;
 padding:5px 13px;
 text-align:left;
 text-indent:20px
}
.account-qr-abnormal .account-qr-tips strong {
 font-weight:700
}
.account-qr-abnormal .account-qr-fail {
 transform:translatey(60px)
}
.account-qr-scan {
 display:inline-block;
 height:172px;
 line-height:172px;
 text-align:center;
 width:172px
}
.account-qr-scan img {
 height:100%;
 vertical-align:middle;
 width:100%
}
.account-qr-text {
 color:#494949;
 display:inline-block;
 font-size:13px;
 line-height:1.5;
 margin-top:20px
}
.account-qr-text:not(.is-ark) {
 background-image:;
 background-position:0;
 background-repeat:no-repeat;
 background-size:100%;
 background-size:29px;
 padding-left:45px;
 text-align:left
}
.account-qr-text.is-ark {
 text-align:center
}
.account-qr-text a {
 color: #3377aa;
}
.account-qr-link {
 bottom:35px;
 color:#ccc;
 left:0;
 position:absolute;
 text-align:center;
 width:100%
}
.account-qr-link a {
 color:#41ac52;
 font-size:13px
}
.account-qr-link span {
 padding:0 5px
}
.account-qr-success {
 text-align:center
}
.account-qr-success-hd {
 font-size:22px;
 font-weight:600;
 margin:30px 0 10px
}
.account-qr-success-bd-text {
 font-size:14px;
 margin-bottom:10px
}
.account-qr-success-bd-pic {
 background-image:'/><path fill='#fff' d='m7.11 14.253h72.623v95.556h7.11z'/><g transform='translate(23.355 43.875)'><circle fill='' cx='20.067' cy='20.067' r='20.067'/><path d='m17.884 24.72 30.25 12.356l2.6 2.6l17.914 29.89l-1.46-1.46-.03.028-7.975-7.974 2.6-2.6 6.835 6.836z' fill='#fff'/></g></g></svg>");
 display:inline-block;
 height:134px;
 margin-bottom:20px;
 vertical-align:middle;
 width:86px
}
.account-qr-success-bd-link a {
 color:#41ac52;
 font-size:14px
}
.account-qr-fail {
 width:120px;
 height:120px;
 position:absolute;
 top:0;
 left:0;
 z-index:10
}
.account-qr-fail:before {
 background:#fff;
 content:"";
 display:block;
 filter:opacity(50);
 height:100%;
 opacity:.9;
 position:absolute;
 width:100%
}
.account-qr-fail span {
 color:#000;
 display:block;
 font-size:15px;
 margin:30px 0 10px;
 position:relative;
 z-index:11
}
.account-qr-fail a.btn {
 background:rgba(255,80,80,.5);
 border-radius:3px;
 color:#fff;
 font-size:14px;
 padding:5px 15px;
 position:relative;
 z-index:11
}
.globalphonedialog {
 top:10px
}
.globalphonedialog .dui-dialog-shd {
 background:none;
 padding:5px
}
.account-anonymous {
 background:transparent;
 height:296px;
 max-width:300px;
 min-height:200px;
 overflow:hidden;
 padding:30px 10px 10px;
 width:300px
}
.account-anonymous .account-body-tabs {
 margin-bottom:10px
}
.account-anonymous .account-body-tabs ul {
 border-bottom:1px solid #ececec
}
.account-anonymous .account-body-tabs ul li {
 font-size:12px
}
.account-anonymous .account-body-tabs ul li.on {
 border-bottom:1px solid #494949
}
.account-anonymous .account-tab-switch-icon .icon-switch {
 background-size:30px;
 height:30px;
 width:30px
}
.account-anonymous .account-form {
 position:relative
}
.account-anonymous .account-form-label {
 display:none
}
.account-anonymous .account-form-label input[type=checkbox] {
 margin-right:4px
}
.account-anonymous .account-form-raw {
 margin-bottom:10px
}
.account-anonymous .account-form-field {
 display:block;
 position:relative;
 width:100%;
}
.account-anonymous .account-form-field input {
 background:#fff;
 box-shadow:none;
 padding-bottom:8px;
 padding-top:8px
}
.account-anonymous .account-form-field-submit .btn {
 font-weight:400;
 height:34px;
 line-height:34px;
 cursor:pointer;
}
.account-anonymous .account-form-field-link {
 line-height:1
}
.account-anonymous .account-form-field-area-code-label {
 line-height:36px
}
.account-anonymous .account-form-field-area-code-label:after {
 top:6px
}
.account-anonymous .account-form-codes .account-form-field-code {
 line-height:35px
}
.account-anonymous .account-form-3rd {
 width:100%
}
.account-anonymous .account-form-3rd-bd a {
 height:22px;
 margin:0 0 0 12px;
 width:22px
}
.account-anonymous .account-form-tips {
 font-size:12px;
 margin-bottom:10px
}
.account-anonymous .account-form-error {
 display:none;
 overflow:hidden;
 position:absolute;
 top:-60px;
 width:100%
}
.account-anonymous .account-form-error.show-error {
 background-color:#fff6f1;
 background-image:' stroke='#fe2617' fill='none' fill-rule='evenodd'><circle cx='5.236' cy='5.417' r='5.236'/><path d='m2.914 5.417h4.712' stroke-linecap='round'/></g></svg>");
 background-position:4px 4px;
 background-repeat:no-repeat;
 background-size:100%;
 background-size:12px;
 border:1px solid #ffb8b3;
 color:#fe2617;
 display:block;
 font-size:12px;
 line-height:22px;
 padding-left:20px;
 width:258px
}
.account-anonymous .account-form-error span.hide {
 display:none
}
.account-anonymous .account-qr-scan {
 height:170px;
 width:170px
}
.account-anonymous .account-qr-text {
 background-color:rgba(0,0,0,.08);
 background-image:none;
 border-radius:12px;
 color:#494949;
 margin-top:10px;
 padding:3px 10px
}
.account-anonymous .account-qr-link {
 display:none
}
.account-anonymous .account-qr-success-hd {
 font-size:18px;
 font-weight:600;
 margin:15px 0 6px
}
.account-anonymous .account-qr-success-bd {
 font-size:12px;
 margin-bottom:12px
}
.account-anonymous .account-qr-success-bd-pic {
 height:117px;
 margin-bottom:15px;
 width:72px
}
.account-anonymous .account-qr-success-bd-link a {
 font-size:11px
}
.t-right {
 text-align:right
}
.ui-dialog-container {
 max-width:fit-content
}
#ui-dialog-id-agreemnt-dialog {
 max-width:600px
}
.ui-dialog-mountnode .ui-dialog-container {
 background:rgba(0,0,0,.2);
 border-radius:8px;
 padding:8px
}
.ui-dialog-mountnode .ui-dialog-mask {
 background:transparent
}
.ui-dialog-mountnode .ui-dialog-body-wrapper {
 padding:30px
}
.ui-dialog-mountnode .confirm-text {
 color:#494949;
 font-size:14px;
 margin-bottom:20px
}
.ui-dialog-mountnode .confirm-btns {
 padding:10px 0;
 text-align:center
}
.ui-dialog-mountnode .confirm-btns a {
 background:#41ac52;
 border-radius:3px;
 color:#fff;
 font-size:14px;
 padding:7px 30px;
 text-align:center
}
.ui-dialog-mountnode .ui-dialog-mask {
 background:rgba(0,0,0,.08)
}
.ui-dialog-mountnode .ui-dialog-panel {
 height:auto
}
.ui-dialog-mountnode .ui-dialog-panel-title {
 font-weight:700;
 margin-left:10px;
 text-align:left
}
.ui-dialog-mountnode .confirm-text {
 text-align:justify
}
.captcha-error {
 color:#989898;
 font-size:12px
}
.captcha-error a {
 color:#41ac52
}
.captcha-error.fixed {
 background:hsla(0,0%,100%,.5);
 bottom:10px;
 left:0;
 padding:3px 0;
 position:absolute;
 text-indent:10px;
 width:100%;
 z-index:10
}
.account-form-codes .account-form-field-code.is-ark a,
.account-form-link.is-ark a,
.account-form-tips.is-ark a {
 color:#389eac
}
.account-body-tabs .account-tab-switch-icon .icon-switch.is-ark.quick {
 background-image:
}
.account-body-tabs .account-tab-switch-icon .icon-switch.is-ark.start {
 background-image:
}
.account-body-tabs .account-tab-switch-icon .icon-switch.is-ark:hover:before {
 border:1px solid rgba(56,158,172,.3)
}
.account-body-tabs .account-tab-switch-icon .icon-switch.is-ark:hover:after {
 border-right:1px solid rgba(56,158,172,.3);
 border-top:1px solid rgba(56,158,172,.3)
}
.account-qr-link.is-ark a,
.account-qr-success-bd-link.is-ark a,
.account-qr-text.is-ark a {
 color:#389eac
}
.dui-dialog.globalphonedialog.is-ark .hd {
 background:#e4ecee
}
.dui-dialog.globalphonedialog.is-ark .hd h3 {
 color:#108899
}
.dui-dialog.globalphonedialog.is-ark .globalphonelist li.is-active span {
 color:#389eac
}
.account-qr-fail a.btn.is-ark {
 background:#389eac
}
.account-qr-success-bd-pic.is-ark {
 background-image:;
 background-repeat:no-repeat;
 background-size:100%
}
.a_send_codecss 
{
  color:#ccc;   
}
.add_home_note 
{
  margin-left:20px;
  margin-right:20px;
  padding-bottom:20px;
  cursor:pointer;
}
.home_all_action 
{
   padding-top:20px;
   margin-left:20px;
   margin-right:20px;
   margin-bottom:20px;  
}
.home_all_action a 
{
   display:inline-block;
   margin-right:25px;   
}
.home_all_action a span 
{
   font-size:12pt;
   font-weight:bold;
   color:#333333; 
   display:inline-block;
   vertical-align:middle;
   margin-left:3px;
}
.home_all_action a img  
{
   width:20px;
   height:20px;
   display:inline-block;
   vertical-align:middle;
}
.reading_punch_books 
{
   margin-top:10px;
   margin-left:40px;  
}
.reading_punch_books img
{
   width:60px;
   height:80px;
   margin-right:5px;
}
.reading_punch_head 
{
  margin-left:0px;
  margin-right:0px;  
  padding-top:0px;
  margin-bottom:50px; 
}
.reading_punch_head img 
{
   width:100%;  
}

.pc_readingactivity_item
{
    position: relative;
    display:inline-block;
    width:calc((100% - 40px)/2);
    height:auto;
    border-radius: 5px;
    vertical-align:top;
}
.pc_readingactivity_item .cover
{
    float:left;
    position: relative;
    width: 80px;
    height: 100px;
}
.pc_readingactivity_item .cover .img1
{
    position: absolute;
    background: #f2f2f2;
    top: 0;
    left: 0;
    width: 60px;
    height: 80px;
    border-radius: 5px;
    z-index: 1001;
}
.pc_readingactivity_item .cover .img2
{
    position: absolute;
    background: #f2f2f2;
    top: 10px;
    left: 10px;
    width: 60px;
    height: 80px;
    border-radius: 5px;
    z-index: 1002;
}
.pc_readingactivity_item .cover .img3
{
    position: absolute;
    background: #f2f2f2;
    top: 20px;
    left: 20px;
    width: 60px;
    height: 80px;
    border-radius: 5px;
    z-index: 1003;
}
.pc_readingactivity_item .content 
{
    text-align:left;  
    float:left;
    margin-left:10px;
    width:calc(100% - 80px - 10px);
}
.pc_readingactivity_item .content .name 
{
    font-size:17px;
    font-weight:bold;
    color:#333333;
}
.pc_readingactivity_item .content .bookcount 
{
    font-size:13px;
    color:#333333;
}
.pc_readingactivity_item .content .numberofparticipants 
{
    font-size:13px;
    color:#333333;
    background-color: #f2f2f2;
    padding: 5px 10px;
    text-overflow: -o-ellipsis-lastline;  
    overflow: hidden;  
    text-overflow: ellipsis;  
    display: -webkit-box;  
    -webkit-line-clamp: 3;  
    -webkit-box-orient: vertical; 
}
.pc_reading_activity 
{
    margin-top:20px;
}

.pc_readingactivity_item .joined_activity 
{
    position:absolute;
    right:0;
    width:46.2px;
    height:15.4px;
}
.single_activity_head 
{
    text-align:left;   
    border: 1px dashed rgba(187, 187, 187, 100);
    margin-left:20px;
    margin-right:20px;
    padding:20px;
}
.single_activity_head .single_activity_name
{
    color: #333;
    font-size: 20px;
    font-weight: bold;
 }
 .single_activity_head .single_activity_des
{
    margin-top:10px;
    color: #333;
    font-size: 15px;
 }
  .single_activity_head .left
  {
     float:left;
  }
   .single_activity_head .right
  {
      float:right;
      color: #ff5050;
      font-size: 15px;
      font-weight:bold;
  }
  .single_activity_book 
  {
      display:block;
      position:relative;  
  }
  .single_activity_book .punch_child_count
  {
      position:absolute;  
      bottom:0;
      width:100%;
  }
  .single_activity_book .punch_child_count span
  {
      height: 24px;
      line-height: 24px;
      text-align: center;
      display:inline-block;
      vertical-align: middle;
      background-color:#ff5050;
      color:white;
      border-radius: 999em;
      -webkit-border-radius: 999em;
      -moz-border-radius: 999em;
      padding:0px 10px;
  }
  .single_activity_bookcategory 
  {
     text-align:left;
     margin-top:10px;
     margin-bottom:5px;
  }
  .single_activity_bookcategory a 
  {
     margin-right:5px;
     padding: 6px 10px;
     color: #333;
     background-color: #f5f5f5;
     border-radius: 5px;
     font-size: 12px;   
   }
   .activity_books_head 
   {
      text-align:left;
      margin-left:20px;
   }
   .activity_books_head .activity_books_name
   {
      color: #333;
      font-size: 20px;
      font-weight: bold;
   }
   .activity_books_head .activity_books_category 
   {
      margin-top:20px; 
   }
   .activity_books_head .activity_books_category a 
   {
       margin-right:5px;
       padding: 6px 10px;
       color: #333;
       background-color: #f5f5f5;
       border-radius: 5px;
       font-size: 12px;   
   }
    .activity_books_head .activity_books_category .is_selected, .single_activity_bookcategory .is_selected
   {
       color: #ff5050;
       background-color: #fdecec;
   }
   .topic_square_hottopictitle
   {
       color: #111;
       font-size: 20px;
       text-align: left;
       font-weight: bold;
       margin-bottom: 10px;
   }
   .topic_square_hottopic 
   {
       margin-left:50px;
       margin-right:50px;  
   }
   .topic_square_hottopic .hot_topic_item
   {
      display:inline-block;
      width:calc((100% - 80px)/3);
      border:1px solid #ececec;
      text-align:center;
      margin-bottom:30px;
      padding-top:30px;
      padding-bottom:30px;
   }
   .topic_square_hottopic .hot_topic_item .topic_name
   {
       font-size:16px;
       color: #3377aa;
   }
   .topic_square_hottopic .hot_topic_item .topic_count
   {
       margin-top:5px;
       font-size:12px;
       color:#999;
   }
   
    .topic_square_hottopic .hot_topic_item .topic_action
   {
       margin-top:10px;
       display:inline-block;
       line-height: 20px;
       text-align: center;
       font-size:12px;
       color:#ff5050;
       border:1px solid #ff5050;
       padding:3px 5px 3px 5px;
       border-radius: 5px;
       -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
   }
   .user_action_count 
   {
      text-align:left; 
      height:44px; 
      margin-left:20px;
   }
   .user_action_count .follow_item, .user_action_count .fans_item, .user_action_count .voteandfavorite_item
   {
       display:inline-block; 
       height:100%;
       line-height:44px;
       margin-right:50px;
   }
   .user_action_count .follow_title, .user_action_count .fans_title, .user_action_count .voteandfavorite_title
   {
       color:#666;
       font-size:13px;
   }
    .user_action_count .follow_count, .user_action_count .fans_count2, .user_action_count .voteandfavorite_count
   {
       color:#333;
       font-size:15px;
       font-weight:bold;
   }
   .user_read_count 
   {
       text-align:left; 
       margin-left:20px;
       margin-right:20px;
   }
   .user_read_count .bookcase,
   .user_read_count .readed,
   .user_read_count .bookcomment,
   .user_read_count .booklist 
   {
       vertical-align:top;
       display:inline-block;
       margin-top:20px;
       margin-bottom:20px;
       width:calc((100% - 40px)/4);
   }
   .user_read_count .bookcase .title,
   .user_read_count .readed .title,
   .user_read_count .bookcomment .title,
   .user_read_count .booklist .title 
   {
      font-size:15px;
      font-weight:bold;
   }
    .user_read_count .bookcase .count,
   .user_read_count .readed .count,
   .user_read_count .bookcomment .count,
   .user_read_count .booklist .count 
   {
      font-size:15px;
      font-weight:bold;
      color: #3377aa;
   }
   
   .user_read_count .no_count 
   {
       font-size:15px;
       font-weight:bold;
   }
   .user_read_count .imgs 
   {
       margin-top:5px;
       display:inline-block;
   }
   .user_read_count .bookcase .imgs .img_item,
   .user_read_count .readed .imgs .img_item,
   .user_read_count .bookcomment .imgs .img_item  
   {
     float:left;   
     width:45px;
     height:60px; 
     padding:0;
     margin:0;   
   }
   .img_no_book
   {
       width: 60px;
       height: 60px;
       margin-top: 5px;
   }
   .user_no_data
   {
       height: 300px;
   }
   .user_no_data .no_data
   {
       width: 100%;
       margin-top: 200px;
       font-size: 15px;
       color: #999999;
       text-align: center;
   }
.book_booklists
{
    display: flex;
    margin-top: 20px;
    flex-wrap: wrap;
    
}
.user_read_count .booklist .imgs .one_booklist1
{
    width: 60px;
    display:inline-block;
}
.user_read_count .booklist .imgs  .one_booklist1 .cover
{
    display:inline-block;
    position: relative;
    width: 60px;
    height: 60px;
}
.one_booklist1 .cover .img1
{
    position: absolute;
    background: #f2f2f2;
    top: 0;
    left: 0;
    width: 45px;
    height: 60px;
    border-radius: 5px;
    z-index: 1003;
}
.one_booklist1 .cover .img2
{
    position: absolute;
    background: #f2f2f2;
    top: 10px;
    left: 14.5px;
    width: 37.5px;
    height: 50px;
    border-radius: 5px;
    z-index: 1002;
}
.one_booklist1 .cover .img3
{
    position: absolute;
    background: #f2f2f2;
    top: 20px;
    right: 0;
    width: 30px;
    height: 40px;
    border-radius: 5px;
    z-index: 1001;
}
.user_space_action 
{
    position:absolute;
    right:20px;
    bottom:0;
}
.public_subject_addblo2
{
    display:inline-block;
    color: #ff5050;
    padding: 0;
    border:1px solid #ff5050;
    width:80px;
    height:30px;
    line-height:30px;
    margin-right:15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.public_subject_addblo3
{
    display:inline-block;
    color: #ff5050;
    padding: 0;
    border:1px solid #ff5050;
    width:100px;
    height:30px;
    line-height:30px;
    margin-right:15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.userspace_follow_act2
{
    display:inline-block;
    width:80px;
    height:33px;
    line-height:33px;
    color:white;
    background-color:#ff5050;
    text-align:center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.userspace_followed_act
{
    display:inline-block;
    width:80px;
    height:33px;
    line-height:33px;
    color: #8c8c8c;
    border:1px solid #8c8c8c;
    text-align:center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.book_case_head 
{

}
.book_case_head img 
{
    width:100%;    
}
.user_readingamount_head img 
{
    width:100%;    
}
.my_user_booklist_head img 
{
    width:100%;    
}
.book_case_title 
{
    font-weight: bold;
    font-size: 20px;
    color: #121212;  
    margin:0px 20px 20px 20px; 
}
.new_bookcase_selectedcategory 
{
    margin-top:15px;
    margin-left:20px;
}
.login-right {
   border-left: 1px solid #d8d8d8;
  display: inline-block;
  margin-top: 50px;
  position: relative;
  vertical-align: top;
  width: 340px;
}
.qrcode-container>svg {
 position:absolute;
 top:0;
 right:0
}
.qrcode-container.smallversion {
 padding-top:98px
}
.qrcode-container.smallversion .qrcode-img {
 width:120px;
 height:120px
}
.qrcode-container.smallversion .qrcode-qrcode {
 border-radius:6px;
 width:25px;
 height:25px
}
.qrcode-container.smallversion .qrcode-tips {
 width:110px;
 left:75px
}
.qrcode-container.smallversion p {
 line-height:20px
}
.qrcode-container.smallversion .qrcode-title {
 margin-bottom:30px
}
.qrcode-container.smallversion .qrcode-img {
 margin-bottom:40px;
 margin-top:30px
}
.qrcode-title {
 font-weight:500;
 font-size:24px;
 color:#121212
}
.qrcode-title {
 line-height:33px;
 margin-bottom:41px;
 margin-top:3px
}
.qrcode-content {
 height:210px
}
.qrcode-failure div {
 padding:40px 0 8px
}
.qrcode-failure p {
 width:270px;
 margin:0 auto
}
.qrcode-img {
 margin:0 auto 24px;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 position:relative;
 height:150px;
 width:150px
}
.qrcode-qrcode {
 display:block;
 height:160px;
 width:160px
}
.qrcode-cutbutton {
 margin-bottom:-40px;
 border-top:1px solid #ebebeb
}
html[data-theme=dark] .qrcode-cutbutton {
 border-top:1px solid #2e2e2e
}
.qrcode-cutbutton {
 padding:14px 0;
 font-size:14px;
 color:#175199
}
html[data-theme=dark] .qrcode-cutbutton {
 color:#6385a6
}
.qrcode-cutbutton span {
 cursor:pointer
}
.qrcode-scanresultstaus {
 padding-top:36px
}
.css-k49mnn {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  color: #333;
  font-size: 18px;
  font-weight: 600;
  line-height: 23px;
}
.css-qj3urb {
  box-sizing: border-box;
  margin: 0;
  margin-top: 0px;
  margin-bottom: 0px;
  min-width: 0;
  margin-top: 8px;
  margin-bottom: 10px;
  color: #444444;
  font-size: 14px;
  line-height: 20px;
}
.home_note_content 
{
   background-color:#f5f5f5;
   height:84px;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   padding-top:10px;
    padding-left:10px;   
}
.home_note_content span 
{
    color:#6c6c6c;
    font-size:15px;
}
.home_note_action 
{
    margin-top:15px; 
}
.home_note_action .resource_item
{
   float:left; 
   margin-right:30px;
}
.home_note_action .resource_publish
{
   float:right; 
   background-color: #ff5050b0;
   color:white;
   font-size:15px;
   width:80px;
   height:30px;
   text-align:center;
   line-height:30px;
    border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
}
.home_note_action .resource_item img
{
  display:inline-block;
  vertical-align:middle;
  width:22px;
  height:22px;
}
.home_note_action .resource_item span
{
    display:inline-block;
    vertical-align:middle;
    font-size:15px;
    color:#666;
    margin-left:5px;
}
#txtexperiencetitle {
    height: 45px;
    min-height: 45px;
    display: block;
    width: 100%;
    border: 0;
    font-size: 32px;
    line-height: 1.4;
    font-weight: bold;
    font-synthesis: style;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0 0 16px 0;
width: calc(100% - 10px);
}
.feed_view_details 
{
    line-height:32px;
    font-size: 13px;
    color:#999999;
}
.reading_activity_more 
{  
    text-align:left;
}
.reading_activity_more h2
{
    float:left;
}
.reading_activity_more a
{
    float:left;
    margin-left:10px;
    font-size:14px;
    line-height:33px;
}
.reading_activity_more .des
{
    font-size:14px;
    color:#333333;
}
.hotbook_age 
{
    margin-top:20px;
}
.hotbook_age .age_item
{ 
    width:calc((100% - 30px)/4);
    float:left;
    color:#333;
    text-align:left;
}
.hotbook_age .age_item img 
{
    display:block;
    width:100%; 
}
.hotbook_age .age_item span 
{
    display:block; 
    margin-top:3px;
    font-size:17px;
    font-weight:bold;
    text-align:center;
}
.hot_punchbook_item .book_name
{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height:21px;
    height:42px;
    text-align: left;
    color: #3377aa;
} 
.hot_punchbook_item .book_author
{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.roundtable_sort .sort_item
{
   display:inline-block;
   width:60px;
   height:28px;
   font-size:13px;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
}
.css-1wypcdt 
{
  float:right;
  box-sizing: border-box;
  margin:0px 0px 0px 20px;
  min-width: 0px;
  -moz-box-align: center;
  align-items: center;
  display: flex;
}
.css-1bjcw8z {
  min-width: 55px;
  height: 24px;
  display: flex;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
  font-size: 12px;
  color: rgb(153, 153, 153);
  border: 1px solid rgb(235, 235, 235);
}
.css-1bjcw8z-b
{
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.css-7yd8hs {
  min-width: 55px;
  height: 24px;
  display: flex;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
  font-size: 12px;
  color: #ff5050;
  border: 1px solid #ff5050;
  
}
.css-7yd8hs-b 
{
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px;
}
.roundtables_tip 
{
    margin-top:20px;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:20px;
    font-size:15px;
}
.form_add_article 
{
    margin-top:20px;
    margin-bottom:10px;
    background-color:#1684fc;
    text-align:center;
     border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    cursor:pointer;
}
.form_add_article_c 
{
    display:inline-block; 
    margin-top:15px;
    margin-bottom:15px;
}
.form_add_article .img
{
    float:left;
}
.form_add_article .des
{
    float:left;
    margin-left:10px;
}
.form_add_article .des .title1
{
    font-size:18px;
    font-weight:bold;
    color:white;
}
.form_add_article .des .title2
{
    font-size:13px;
    color:white;
}
.form_add_article .img img
{
    width:50px;
    height:50px;
}
.head_info 
{
    float:left;   
}
.head_username 
{
    margin-left:8px; 
}
.blog_user_info 
{
    margin-left:20px;
    margin-right:20px;  
    padding-bottom:20px;
}
.blog_user_info .fans_zan .img
{
    display:inline-block;
    vertical-align:middle;
}
.blog_user_info .fans_zan .img img
{
     width:20px;
     height:20px;
}
.blog_user_info .fans_zan .counts
{
    display:inline-block;
    font-size:16px;
    margin-left:5px;
    vertical-align:middle;
    line-height:20px;
}
.blog_user_info .fans_zan .counts .count_item
{
    display:inline-block;
}
.blog_user_info .fans_zan .counts .count_item span 
{
     font-weight:bold;
     color:#333;
}
.blog_user_info .creation 
{
     margin-top:10px;
}
.blog_user_info .creation .img
{
    display:inline-block;
    vertical-align:middle;
}
.blog_user_info .creation .img img
{
     width:20px;
     height:20px;
}
.blog_user_info .creation .counts
{
    display:inline-block;
    font-size:16px;
    margin-left:5px;
    vertical-align:middle;
    line-height:20px;
}
.blog_user_info .creation .counts .count_item
{
    display:inline-block;
}
.blog_user_info .creation .counts .count_item span 
{
     font-weight:bold;
     color:#333;
}
.learning_group_info_c 
{
    padding: 10px 22px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center; 
}
.learning_group_info 
{
    width:calc(100% - 46px);  
}
.learning_group_info .title11 
{
    font-size: 12pt;
    font-weight: bold;
    color: #333333;
}
.learning_group_info .des 
{
    font-size: 9pt;
    color: #333333;
}
.learning_group_join a {
  margin-left: auto;
  border: 1px solid #ff5050;
  color: #ff5050;
  font-size: 12px;
  padding: 3px 10px;
  line-height: 1.2;
  border-radius: 3px;
}
.el-popover {
  min-width: 0 !important;
}
.el-popover {
  position: absolute;
  background: #fff;
  min-width: 150px;
  border: 1px solid #ebeef5;
  padding: 12px;
  z-index: 2000;
  color: #606266;
  line-height: 1.4;
  text-align: justify;
  font-size: 14px;
  box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
  word-break: break-all;
}
.el-popover, .el-time-panel {
  -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
}
.el-popover, .el-radio-button:first-child:last-child .el-radio-button__inner {
  border-radius: 4px;
}
.widget-wechat {
 display:flex;
 align-items:center;
 padding-top:15px;
 padding-bottom:15px
}
.widget-wechat .img {
 margin-right:10px;
 line-height:1.2  
}
.widget-wechat .img img{
 width:120px; 
}
.widget-wechat .img .des {
 font-size:12px;
 color:rgba(0,0,0,.55)
}
.widget-wechat .content {
 font-size:14px;
 padding-bottom:5px
}
.widget-wechat .content p {
 margin:0 0 5px
}
.widget-wechat .content .title {
 font-size:16px;
 color:#4370f5;
 margin-bottom:10px
}
.el-popper .popper__arrow {
  border-width: 6px;
  -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
}
.el-popper .popper__arrow, .el-popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.register-socialtitle {
    font-size: 16px;
    line-height: 23px;
    color:#444;
    margin-bottom:12px;
}
.register-socialtitle, .register-socialtitle .button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}
.register-socialtitle .button {
    border: none;
    padding: 0;
    margin-right:6px;
}
.register-socialtitle .button:hover {
    background:#fff
}
.register-socialtitle svg {
    width: 16px;
    height: 16px;
    fill: currentcolor;
}
.register-socialtitle span 
{
    margin-left:20px;
}
.pc_english_guide a
{
    float:left;
    display:block;
    width:calc((100% - 68px)/4);
    border:1px solid #ccc;
    text-align:center;
    margin-bottom:10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.pc_english_guide .english_topic_title
{
    margin-top:10px;
    display:block;
    color:#333;
    font-size:16px;
    font-weight:bold;
}
.pc_english_guide .english_topic_count
{
    display:block;
    color:#999;
    margin-bottom:10px;
    font-size:13px;
}
.common_footer 
{
    background-color:white; 
}
.common_footer_content 
{
    margin-right: auto;
    margin-left: auto;
    width: 885px;
    padding-right:344px;
    padding-top:30px;
    padding-bottom:30px;
    color: #333333;
}
.common_footer_content .categorys
{
   float:left;
}
.category_title 
{
   font-weight:bold; 
}
.common_footer_content .nav-list-cont ul.nav-list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
}
.common_footer_content .nav-list-cont ul.nav-list>li>span {
font-weight: 700;
font-size: 1rem;
line-height: 2rem;
color: #333;
text-decoration: none;
}
.common_footer_content .nav-list-cont ul.nav-list ul.sub-nav-list a {
font-size: .875rem;
line-height: 1.5rem;
color: #333;
text-decoration: none;
}
.common_footer_content .download {
    text-align: center;
    margin-top: 30px;
}
.common_footer_content .download p {
    font-weight: 700;
    font-size: .875rem;
    padding-top: .625rem;
    margin: 0 0 .3125rem;
}
.common_footer_content .download a.apple-store-icon {
background:  no-repeat;
background-size: 100%;
}
.common_footer_content .download a.google-play-icon {
background:  no-repeat;
background-size: 100%;
}
.common_footer_content .download a.download-apk {
    background:  no-repeat;
    background-size: 100%;
}
.common_footer_content .download a {
    display: inline-block;
    width: 10rem;
    height: 3rem;
    margin: .3125rem .3125rem .9375rem;
    vertical-align: top;
}
.common_footer_content .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
}
.recent_essay_solicitation 
{
   background-color:#f5f5f5;
   margin-top:15px;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   height:74px;
   overflow: hidden;
}
.recent_essay_solicitation .tag_title .e_tag
{
   background-color:#f7e2e2;
   color:#ff5050;
   padding:2px 4px 2px 4px;
   text-align:center;
   margin-right:5px;
}
.recent_essay_solicitation .tag_title 
{
    font-size:14px; 
    margin-bottom:5px;
    color:#333333;
}
.recent_essay_solicitation .e_date 
{
    font-size:14px; 
    color:#999999;
}
.essay_solicitation_content 
{
    display:block;
    padding:13px 13px 10px 13px;
}
.recommend_adding_children 
{
    display:block;
    text-align:left;
    margin-left:20px;
    margin-right:20px;
    background-color:#fbe5d6;
    padding:10px 0 10px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size:14px;
    color:#333333;
}
.addchild_dialog_item 
{
    margin-bottom:30px; 
}
.addchild_dialog_item .item_title
{
    float:left;
    font-size:16px;
    width:100px;
}
.addchild_dialog_item .item_content
{
    float:left;
}
.addchild_dialog_item .c_txt input 
{
    width: 250px;
    height: 35px;
    padding-left: 10px;
    border: 1px solid #f0f2f7;
    font-size: 14px;
    font-style: normal;
    color: #333;  
}
.qr-section {
  display: flex;
}
.qr-section--item {
  display: flex;
  flex-direction: column;
}
.qr-section img {
  width: 80px;
  border: 5px solid #fff;
  border-radius: 5px;
  margin: 10px 10px 5px;
}
.qr-section--item p {
  margin: 0;
  text-align: center;
  color:#333;
}
.structuration-box {
  position: relative;
  background-color: #f9f9f9;
  padding: 14px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 20px;
  border-radius: 2px;
}
 .canal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  line-height: 24px;
  margin-bottom: 5px;
}
.taoxi_tag 
{
   background-color:#ff5050;  
   padding:4px 5px 4px 5px;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
}
.taoxi_english 
{
   color:white;
   font-size:10px;
   background-color:rgba(0, 0, 0, 0.6); 
   position:absolute;
   left: 50%;
    transform: translatex(-50%);
   padding:2px 10px 2px 10px;
   border-radius: 999em;
   -webkit-border-radius:  999em;
   -moz-border-radius:  999em;
}
.taoxi_bookcount 
{
    position:absolute;
    bottom:0;
    left: 50%;
    transform: translatex(-50%);
    background-color:white; 
    font-size:10px;
    padding-right:4px;
    border:1px solid #999999;
}
.taoxi_bookcount .unit
{
    background-color:#ff5050;
    color:white;
    padding:0px 4px 0px 4px;
    display:inline-block;
}
.taoxi_bookcount .count
{
    color:#333333;
    display:inline-block;
}
.css-1lm6dgd {
  box-sizing: border-box;
  min-width: 0px;
  font-size: 10px;
  padding-top: 2px;
  color: rgb(133, 144, 166);
  margin: 0px auto;
  -moz-box-align: center;
  align-items: center;
  -moz-box-pack: center;
  justify-content: center;
  display: flex;
  user-select: none;
}
.css-18otqma:disabled {
  cursor: default;
  opacity: 0.5;
}
.css-18otqma {
  font-size: 14px;
  line-height: 32px;
  color: rgb(133, 144, 166);
  text-align: center;
  cursor: pointer;
  background: rgba(133, 144, 166, 0.1);
  border: 1px solid transparent;
  border-radius: 99em;
  width: 16px;
  height: 16px;
  display: flex;
  -moz-box-align: center;
  align-items: center;
  -moz-box-pack: center;
  justify-content: center;
  padding: 0px;
}
.css-rmwkmq {
  fill: rgb(133, 144, 166);
}
.css-xnyu8s {
  box-sizing: border-box;
  min-width: 0px;
  width: 30px;
  -moz-box-align: center;
  align-items: center;
  -moz-box-pack: center;
  justify-content: center;
  margin: 0px 8px;
  display: flex;
}
.css-1wli1x0 {
  font-size: 14px;
  line-height: 32px;
  color: rgb(133, 144, 166);
  text-align: center;
  cursor: pointer;
  background: rgba(133, 144, 166, 0.1);
  border: 1px solid transparent;
  border-radius: 99em;
  width: 16px;
  height: 16px;
  display: flex;
  -moz-box-align: center;
  align-items: center;
  -moz-box-pack: center;
  justify-content: center;
  padding: 0px;
}
.homespecial_subject_item 
{
   background-color:#eeecf4;
   margin-left:20px;
   margin-right:20px;
   padding:15px;
   border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    position: relative;
    cursor: pointer;
    display:block;
}
.homespecial_subject_item .homespecial_subject_title
{
    text-align: left;
   font-size: 22px;
   font-weight: bold;
}
.homespecial_subject_item .homespecial_subject_count .count
{
   float:left;
   font-size:16px;
   color:#666666;
   line-height:30px;
}
.homespecial_subject_item .homespecial_subject_count .right
{
    float: right;
    height: 30px;
    line-height: 30px;
    font-size:15px;
    color: white;
    background-color: #ff505a;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}
.special_columns_item 
{
    display:inline-block; 
    width:calc((100% - 140px)/2);
    position:relative; 
    padding:15px 0px 15px 40px;
    margin: 20px 0 10px 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;  
}
.special_columns_item .item_tag 
{
   position:absolute;
   left:0;
   top:-3px;
}
.special_columns_item .item_tag img
{
    width:40px;
    height:20px;
    border-top-left-radius:5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
}
.special_columns_item .item_title
{
    font-size:20px;
    font-weight:bold;
    color:#333333;
}
.special_columns_item .item_count
{
    font-size:16px;
    color:#666;
}
.gzh_article_item 
{
   margin-left:20px;
   margin-right:20px;
   margin-top:20px;
   display:block;
}
.gzh_article_item .gzh_article_title1
{
   float:left;
   font-size:20px;
   font-weight:bold;
   color:#333333;
   width:calc(100% - 120px);
}
.gzh_article_item .gzh_article_title2
{
    float:left;
    width:calc(100% - 130px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 75px;
}
.gzh_article_item .gzh_article_title3
{
    float:left;
    display:table-cell;
    font-size:20px;
    font-weight:bold;
    color:#333333;
    vertical-align: middle;
    line-height: 26px;
}
.gzh_article_item .gzh_article_count
{
    font-size: 15px;
    color: #666666;
    margin-top: 10px;
    font-weight: normal;
}
.gzh_article_item .gzh_article_icon
{
    margin-right: 5px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
    vertical-align: text-top;
    border: 1px solid #ff505a;
    color: #ff505a;
    font-size: 13px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.gzh_article_item .gzh_article_image img
{
    float:right;
     width:100px;
     height:75px;
     border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.group_name, .group_name2
{
    font-size:20px;
    font-weight:bold;
    color:#ff5050;  
}
.group_name2 img 
{
    display:inline-block;
    vertical-align:middle;
    width:20px;
    height:20px;
}
.group_name2 span 
{
    display:inline-block;  
    vertical-align:middle;
}
.group_item_line 
{
    margin-top:20px;
    margin-left:20px;
    margin-right:20px;
    background-color:#f0f2f7;
    height:1px;   
}
.ss_tag 
{
    background-color:#ff5050;
    color:white;
    font-size:12px;
    font-weight:normal;
    display:inline-block;
    padding-left:5px;
    padding-right:5px;
    margin-right:5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    height:25px;
    line-height:25px;
}
.special_column_bottom {
        position: relative;
        background-color: #f4f4f4;
        padding: 15px;
        border-radius: 10px;
        margin-bottom: 0px;
        display:block;
    }
    .special_column_bottom .tip {
        font-size: 16px;
        color: #666666;
    }
    .special_column_bottom .title {
        font-size: 22px;
        font-weight: bold;
        color: #333333;
        margin-top: 5px;
    }
    .special_column_bottom .count_btn {}
    .special_column_bottom .count {
        float: left;
        font-size: 16px;
        color: #666666;
        margin-top: 6px;
    }
    .special_column_bottom .view_special_column {
        position: absolute;
        right: 0;
        top: 0px;
    }
    .special_column_bottom .view_special_column img {
        width: 60px;
        height: 30px;
        border-top-right-radius: 5px;
    }
    .special_subject_forarticle {
        margin-top: 10px;
        padding: 10px;
        background-color: #fde5d6;
        border-radius: 5px;
        position: relative;
    }
    .special_subject_forarticle .img {
        float: left;
    }
    .special_subject_forarticle .img img {
        width: 20px;
        height: 20px;
    }
    .special_subject_forarticle .title {
        float: left;
        margin-left: 5px;
        margin-right: 5px;
        font-size: 16px;
        color: #9b4a29;
    }
    .special_subject_forarticle .right {
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translatey(-50%);
        padding: 0;
        margin: 0;
        font-size: 0;
    }
    .special_subject_forarticle .right img {
        width: 13px;
        height: 13px;
        border: 0;
        padding: 0;
        margin: 0;
        font-size: 0;
    }
    .view_special_column_in 
    {
        position: absolute;
        right: 15px;
        bottom: 15px;
        color:#3377aa;
        font-size:16px;
    }