*,*:before,*:after{ box-sizing: border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
body,html{height:100%}
body,dd,dl,form,p,fieldset,input,button{margin:0;padding:0}
body{color:#333;font:12px/1.5 Helvetica,Helvetica Neue,Circular,"Hiragino Sans GB",Arial,sans-serif; -webkit-text-size-adjust:none;background-color:#eff3f6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
h1,h2,h3,h4,h5,h6{margin:0;font-size:12px;font-weight: normal;}
ol,ul{margin:0;padding:0;list-style:none}
i{font-style:normal}
legend,textarea{padding:0}
button,input,select,textarea{color:inherit;font-size:inherit;font-family:inherit;outline:0;}
input{vertical-align:middle;border-radius:0; outline: 0 none;}
input[type=text]{color:#333}
input[type=button]{cursor:pointer}
button{vertical-align:middle;cursor:pointer;outline: 0; border: 0 none;}
button,input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none;border-radius:0}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
img{border:0 none;vertical-align:middle}
dfn,em{font-style:normal}
table{border-collapse:collapse;border-spacing:0}
a{color:#333;text-decoration:none}
a:hover{color: #3e9bea;}input::-webkit-input-placeholder{color:#ccc}input:-moz-placeholder{color:#ccc}
input::-moz-placeholder{color:#ccc}input:-ms-input-placeholder{color:#ccc}

[v-cloak] {display:none;}


.icon-star{ position: relative; display: inline-block; vertical-align: middle; width: 72px; height: 15px; background-image: url('../img/icon_star.png'); background-repeat: no-repeat;}
.afterstar{ position: absolute; top: 0; left: 0; bottom: 0; content: ""; background-image: url('../img/icon_star.png'); background-position: 0 -15px; background-repeat: no-repeat;}
.clearfix::after{display: block;overflow: hidden;clear: both;height: 0;content: " ";visibility: hidden;*zoom:1;}
/*默认隐藏*/
.hidden{ overflow: hidden;}
/*左右浮动&对齐*/
.ib{ display: inline-block;}
.fl{ float: left;}
.fr{ float: right;}
.txt-l{ text-align: left;}
.txt-c{ text-align: center;}
.txt-r{ text-align: right;}
.va-t{vertical-align: top;}
.va-b{vertical-align: bottom;}
.va-m{vertical-align: middle;}
.va-bl{vertical-align: baseline;}
.text-underline{text-decoration: underline;}
/*字号设置*/
.fn-bold{ font-weight: 700;}
.fn12{ font-size: 12px;}
.fn14{ font-size: 14px;}
.fn15{ font-size: 15px;}
.fn16{ font-size: 16px;}
.fn18{ font-size: 18px;}
.fn20{ font-size: 20px;}
.fn22{ font-size: 22px;}
.fn24{ font-size: 24px;}
.fn26{ font-size: 26px;}
.fn28{ font-size: 28px;}
.fn30{ font-size: 30px;}
.fn32{ font-size: 32px;}
.fn34{ font-size: 34px;}
.fn36{ font-size: 36px;}
/*字号颜色*/
.txt-blue{color:#102647;}
.txt-blue2{color: #334e5f;}
.txt-blue3{color: #3e9bea;}
.txt-blue4{color: #93b0c7;}
.txt-blue5{color: #2c6fb7;}
.txt-blue6{ color: #4c5a75;}
.txt-gray{color: #c3c9d0;}
.txt-gray2{color: #999;}
.txt-gray3{color:#a3a3a3;}
.txt-org{color: #ff6600;}
.txt-org2{ color: #ffb027;}
.txt-hazeBlue{ color: #566980;}
.txt-red{ color: #ff504d;}
.txt-red2{ color: #FF483C;}
.txt-black{ color: #000;}
.txt-yellow{ color: #f3e74e;}
/*文字缩略*/
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ellipsis-multi{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.ellipsis-multi.multi4{-webkit-line-clamp:4;}
/*flex*/
.d-flex{ display: flex;}
.flex-item-1{ flex: 1;}
.flex-cloumn{ flex-direction: column;}
.flex-justify-center{ justify-content: center;}
.flex-justify-end{ justify-content: flex-end;}
.flex-space-around{justify-content: space-around;}
.flex-space-between{justify-content: space-between;}
.flex-space-evenly{justify-content: space-evenly;}
.item-center{align-items: center;}
.item-flexend{align-items: flex-end;}
/*常用间距*/
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.ml40{margin-left: 40px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mr40{ margin-right: 40px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.ph5{ padding-left: 5px; padding-right: 5px;}
.pv03{ padding-top: 3px; padding-bottom: 3px;}
.pv05{ padding-top: 5px; padding-bottom: 5px;}
/*矩形按钮*/
.btn-primary{display: flex;justify-content: center;align-items: center;overflow: hidden; width: 140px; height: 36px; color: #fff; background-color: #3e9bea; border-radius: 4px;}

::-webkit-scrollbar{ width: 6px; height: 6px;}
::-webkit-scrollbar-thumb {border-radius: 10px;background: #dcdddf;}
::-webkit-scrollbar-thumb:hover{background-color: #cfcfcf;}
::-webkit-scrollbar-track {border-radius: 10px;}


/*icon font */
@font-face {font-family: "iconfont";
    src: url('../font/iconfont.eot?t=1602742389395'); /* IE9 */
    src: url('../font/iconfont.eot?t=1602742389395#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
    url('../font/iconfont.woff?t=1602742389395') format('woff'),
    url('../font/iconfont.ttf?t=1602742389395') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('../font/iconfont.svg?t=1602742389395#iconfont') format('svg'); /* iOS 4.1- */
}

i[class^="i-font-"] {
    display: inline-block;
    vertical-align: middle;
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.i-font-arrUp:before {
    content: "\e668";
}

.i-font-arrDown:before {
    content: "\e669";
}

.i-font-arrLeft:before {
    content: "\e66a";
}

.i-font-arrRight:before {
    content: "\e66b";
}

.i-font-search:before {
    content: "\e66c";
}

.i-font-article:before {
    content: "\e66d";
}

.i-font-unfab:before {
    content: "\e674";
}

.i-font-fab:before {
    content: "\e66e";
}

.i-font-fav:before {
    content: "\e66f";
}

.i-font-unfav:before {
    content: "\e670";
}

.i-font-comment{ position: relative;}
.i-font-comment .n{ position: absolute; top:8px; right: -2px; font-size: 12px; color: #ff504d;}
.i-font-comment:before {
    content: "\e671";
}

.i-font-reply:before {
    content: "\e672";
}





/*常用icon*/
.icon-v{ display: inline-block; vertical-align: middle; width: 18px; height: 18px; background-image: url(../img/icon_v.png); background-size: cover;}
.icon-v2{ display: inline-block; vertical-align: middle; width: 18px; height: 18px; background-image: url(../img/icon_v2.png); background-size: cover;}
.icon-v3{ display: inline-block; vertical-align: middle; width: 18px; height: 18px; background-image: url(../img/icon_v3.png); background-size: cover;}
.icon-talent{ display: inline-block; vertical-align: middle; width: 19px; height: 19px; background-image: url(../img/icon_talent.png); background-size: cover;}
.icon-crown{ display: inline-block; vertical-align: middle; width: 32px; height: 28px; background-image: url(../img/icon_crown.png); background-size: cover;}
.icon-new-red{ display: inline-block; vertical-align: middle; width: 20px; height: 19px; background-image: url(../img/icon_new_red.png); background-size: cover;}
.icon-new-green{ display: inline-block; vertical-align: middle; width: 20px; height: 19px; background-image: url(../img/icon_new_green.png); background-size: cover;}
.icon-similar-green{ display: inline-block; vertical-align: middle; width: 20px; height: 19px; background-image: url(../img/icon_similar_green.png); background-size: cover;}

.icon-v-yellow-square{ display: inline-block; vertical-align: middle; width: 14px; height: 14px; background-image: url(../img/icon_v_yellow_square.png); background-size: cover;}
.icon-v-blue-square{ display: inline-block; vertical-align: middle; width: 14px; height: 14px; background-image: url(../img/icon_v_blue_square.png); background-size: cover;}

.icon-post{font-size: 14px; color: #4C5A75;}
.icon-level{ font-size: 14px; color: #F29522;}

.icon-unv-logo{ width: 115px; height: 115px; background-image: url("../img/icon_unv_logo_v2.png"); background-repeat: no-repeat; background-size: cover;}
.icon-hot-msg{ position: absolute; padding: 0px 8px; margin-top: -15px; white-space: nowrap; font-size: 12px; color: #fff; background-color: #ff9913;border-radius: 4px; transform: scale(.75) translateX(-50%);}
.icon-hot-msg::after{ position: absolute; left: 50%; bottom: 0; content: ""; width: 0; height: 0; border-top: 6px solid #ff9913; border-left: 4px solid transparent; border-right: 4px solid transparent; transform: translate(-50%,90%);}
.icon-news{ display: inline-block; vertical-align: middle; width: 12px; height: 14px; background-image: url("../img/icon_news.png"); background-repeat: no-repeat; background-size: cover;}


.icon-warn-16{ position: relative; display: inline-block; vertical-align: middle; width: 15px; height: 15px; border-radius: 50%; background-color: #F70;}
.icon-warn-16::before,.icon-warn-16::after{ content: ""; position: absolute; left: 6px; background-color: #fff;}
.icon-warn-16::before{ top: 9px;width: 2px; height: 2px; border-radius: 50%;}
.icon-warn-16::after{ top: 3px; width: 2px; height: 5px; border-radius: 2px;}

.icon-tips-16{ position: relative; display: inline-block; vertical-align: middle; width: 15px; height: 15px; border-radius: 50%; background-color: #1658dc;}
.icon-tips-16::before,.icon-tips-16::after{ content: ""; position: absolute; left: 6px; background-color: #fff;}
.icon-tips-16::before{ top: 3px;width: 2px; height: 2px; border-radius: 50%;}
.icon-tips-16::after{ top: 7px; width: 2px; height: 5px; border-radius: 2px;}

.icon-success-16{ position: relative; display: inline-block; vertical-align: middle; width: 15px; height: 15px; border-radius: 50%; background-color: #00B87A;}
.icon-success-16::after{ content: ""; position: absolute; transform: translate(-50%,-50%) rotate(-45deg); left: 50%; top: 50%; width: 8px; height: 4px; border-left: 1px solid #fff; border-bottom: 1px solid #fff;}

.icon-error-16{ position: relative; display: inline-block; vertical-align: middle; width: 15px; height: 15px; border-radius: 50%; background-color: #ff483c;}
.icon-error-16::before,
.icon-error-16::after{ content: ""; position: absolute; left: 3px; top: 7px; width: 9px; height: 0; border-top: 1px solid #fff; overflow: hidden;}
.icon-error-16::before{ transform: rotate(45deg); }
.icon-error-16::after{ transform: rotate(-45deg); }

.icon-fire{ display: inline-block; vertical-align: middle; margin-right: 6px; width: 20px; height: 20px; background-image: url("../img/icon_fire.png"); background-repeat: no-repeat; background-size: cover;}
.icon-fire2{ display: inline-block; vertical-align: middle; width: 14px; height: 18px; background-image: url("../img/icon_fire2.png"); background-repeat: no-repeat; background-size: cover;}
.icon-fire2{ display: inline-block; vertical-align: middle; width: 14px; height: 18px; background-image: url("../img/icon_fire2.png"); background-repeat: no-repeat; background-size: cover;}
.icon-write-white{ display: inline-block; vertical-align: middle; width: 18px; height: 18px; background-image: url("../img/icon_write_white.png"); background-repeat: no-repeat; background-size: cover;}
.icon-invite-gray{ display: inline-block; vertical-align: middle; width: 18px; height: 18px; background-image: url("../img/icon_invite_gray.png"); background-repeat: no-repeat; background-size: cover;}
.icon-doubt-white{ display: inline-block; vertical-align: middle; width: 18px; height: 18px; background-image: url("../img/icon_doubt_white.png"); background-repeat: no-repeat; background-size: cover;}
.icon-shop-white{ display: inline-block; vertical-align: middle; width: 20px; height: 19px; background-image: url("../img/icon_shop_white.png"); background-repeat: no-repeat; background-size: cover;}
.icon-credits-white{ display: inline-block; vertical-align: middle; width: 20px; height: 20px; background-image: url("../img/icon_credits_white.png"); background-repeat: no-repeat; background-size: cover;}

.icon-center-sign{ display: inline-block; vertical-align: middle; width: 23px; height: 30px; background-image: url("../img/icon_center_sign.png"); background-repeat: no-repeat; background-size: cover;}
.icon-center-dialog{ display: inline-block; vertical-align: middle; width: 25px; height: 24px; background-image: url("../img/icon_center_dialog.png"); background-repeat: no-repeat; background-size: cover;}
.icon-center-course{ display: inline-block; vertical-align: middle; width: 25px; height: 28px; background-image: url("../img/icon_center_course.png"); background-repeat: no-repeat; background-size: cover;}

i[class^="icon-session-"]{ display: inline-block; vertical-align: middle; margin-right: 3px; background-repeat: no-repeat; background-size: cover;}
i.icon-session-praise{ vertical-align: -2px; width: 13px; height: 13px; background-image: url("../img/icon_session_praise.png");}
.isActive i.icon-session-praise{ vertical-align: -2px; width: 13px; height: 13px; background-image: url("../img/icon_session_praise_active.png");}
i.icon-session-unpraise{ vertical-align: middle; width: 13px; height: 13px; background-image: url("../img/icon_session_unpraise.png");}
.isActive i.icon-session-unpraise{ vertical-align: middle; width: 13px; height: 13px; background-image: url("../img/icon_session_unpraise_active.png");}
i.icon-session-comments{ vertical-align: -3px; width: 14px; height: 13px; background-image: url("../img/icon_session_comments.png");}
i.icon-session-watch{ width: 15px; height: 12px; background-image: url("../img/icon_session_watch.png");}
i.icon-session-fav{ width: 15px; height: 12px; background-image: url("../img/icon_session_unfav.png");}
.isActive i.icon-session-fav{ width: 15px; height: 12px; background-image: url("../img/icon_session_fav.png");}
/*常用标签*/
.i-tag-blue{ display: inline-block; vertical-align: middle; padding: 1px 4px; line-height: 1; white-space: nowrap; font-size: 12px; color: #3e9bea; border: 1px solid #3e9bea; border-radius: 3px;}
.i-tag-pureOrg{ display: inline-block; vertical-align: middle; padding: 1px 7px; line-height: 1; white-space: nowrap; font-size: 12px; color: #fff; background-color: #ff6600; border: 1px solid #ff6600; border-radius: 3px;}
.i-tag-grdGold{ display: inline-block; vertical-align: middle; padding: 3px 10px; line-height: 1; white-space: nowrap; font-size: 12px; color: #fff; background-color: #b38634; background-image: linear-gradient(to right,#dcaf35,#996d33); border-radius: 3px;}
.i-tag-grdBlue{ display: inline-block; vertical-align: middle; padding: 3px 10px; line-height: 1; white-space: nowrap; font-size: 12px; color: #fff; background-color: #2e6eb6; background-image: linear-gradient(to right,#2e6eb6,#3650a7); border-radius: 3px;}

.i-tag2-grdBlue{ display: inline-block; vertical-align: middle; padding: 1px 3px; color: #fff; font-size: 12px; line-height: 1; white-space: nowrap; background-image: linear-gradient(44.51deg, rgb(114, 190, 255) 0%, rgb(36, 83, 203) 100%);}

.i-tag2-grdOrg{ display: inline-block; vertical-align: middle; padding: 2px 4px; color: #fff; font-size: 12px; line-height: 1; white-space: nowrap; background-image: linear-gradient(-225deg, rgb(248, 207, 139) 0%, rgb(243, 89, 105) 100%); border-radius: 2px;}
.i-tag2-blue{ display: inline-block; vertical-align: middle; padding: 2px 4px; color: #fff; font-size: 12px; line-height: 1; white-space: nowrap; background-color: #3e9bea; border-radius: 2px;}

.i-tag3-blue{ display: inline-block; vertical-align: middle; padding: 2px 10px; font-size: 16px; color: #3e9bea; background-color: #ebf5fc;}

.i-tag3-gray {
    border: 1px solid #C3C9D0;
    padding: 3px;
}
.i-tag3-c-cementGray {
    color: #4C5A75;
}

/*头部header*/
.m-headerWrap{ position: -webkit-sticky; position: sticky; top: 0; z-index: 10; min-width: 1180px;}
.m-header{ position: relative; min-width: 1180px; background-color: #fff;}
.m-header [class*="-drop"]{ position: absolute; z-index: 2; background-color: #fff; box-shadow:0 0 10px 0 rgba(0,0,0,.3);}
.m-header-main{ max-width: 1180px; padding: 10px 0; margin: 0 auto;}
.m-header-main + .m-header-main{ margin-top: -10px;}
.m-header-tips{ padding: 12px; border-radius: 4px; background-color: #fff1e6;}
.m-header-logo{ margin-right: 15px; width: 248px; height: 58px; background: url(../img/bg_head_logo.png); background-repeat: no-repeat;}
.m-header-search{ position: relative; width: 440px; height: 36px; border: 1px solid #c3c9d0; border-radius: 4px;}
.m-header-search .i-font-search{ position: absolute; left: 11px; top: 50%; transform: translateY(-50%); color: #a3a3a3; font-size: 18px;}
.m-header-search .h-input{ padding: 0 10px 0 40px; border: 0 none; outline: 0; border-radius: 4px;}
.m-header-search .btn-primary{ margin-right: -1px; width: 80px; height: 36px; margin-top: -1px;}
.header-seach-drop{ position: absolute; z-index: 2; top: 35px; left: 0; right: 80px; padding: 0 15px; font-size: 14px; background-color: #fff;box-shadow:0 0 10px 0 rgba(0,0,0,.2);}
.header-seach-drop .hs-hd{ padding:8px 10px 8px 0; border-bottom: 1px dashed #c3c9d0;}
.header-seach-drop .hs-hd .tit,
.header-seach-drop .hs-hd .item{ display: inline-block; vertical-align: middle; margin-right: 15px; margin-bottom: 8px;}
.header-seach-drop .hs-hd .item{ max-width: 120px;}
.header-seach-drop .hs-bd{ padding: 8px 0;}
.header-seach-drop .hs-bd i[class^="num-"],
.header-seach-drop .hs-bd .txt{ display: inline-block; vertical-align: middle; max-width: 254px;}
.header-seach-drop .hs-bd i[class^="num-"]{ margin-right: 10px; text-align: center; width: 16px; height: 16px; overflow: hidden; color: #fff; font-size: 12px; border-radius: 3px;}
.header-seach-drop .hs-bd .item{ margin-top: 6px;}
.header-seach-drop .hs-bd .num-1{ background-color: #3e9bea;}
.header-seach-drop .hs-bd .num-2{ background-color: #65afee;}
.header-seach-drop .hs-bd .num-3{ background-color: #8bc3f2;}
.header-seach-drop .hs-bd .num-ohter{ background-color: #c3c9d0;}

.m-header-tools{ font-size: 14px; color: #1b1b1b;}
.m-header-tools .item{ position: relative; padding: 20px 0; font-weight: 700;}
.m-header-tools .item + .item{ margin-left: 30px;}
.m-header-tools .item-login{ display: inline-block; padding: 2px 10px; background-color: #1658DC; font-size: 14px; font-weight: normal; color: #fff; border-radius: 20px; cursor: pointer;}
.m-header-tools .item-login:hover{ background-color: #3e9bea;}
.m-header-tools .item-txt{ font-size: 14px; font-weight: 700;}
.m-header-tools [class*="drop"]{ top: 45px; left: 0; font-weight: normal;}
.m-header-tools [class*="drop"] li:hover{ background-color: #2577e3;}
.m-header-tools [class*="drop"] li:hover,
.m-header-tools [class*="drop"] li:hover a{ color: #fff;}
.m-header-tools .myCenter-drop{ width: 130px;}
.m-header-tools .myCenter-drop li{ padding: 10px 0; text-align: center;}


.m-header-tools .item:last-child [class*="drop"]{ left: auto; right: 0;}

.m-header-tools .lau-drop{ min-width: 100px;}
.m-header-tools .lau-drop li{ padding:10px 8px;}
.m-header-tools i[class^="icon-lau-"]{ display: inline-block; vertical-align: middle; margin-right: 8px; width: 22px; height: 16px;}
.m-header-tools .icon-lau-1{ background-image: url("../img/icon_lau_1.png");}
.m-header-tools .icon-lau-2{ background-image: url("../img/icon_lau_2.png");}
.m-header-tools .icon-lau-3{ background-image: url("../img/icon_lau_3.png");}
.m-header-tools .icon-lau-4{ background-image: url("../img/icon_lau_4.png");}
.m-header-tools .icon-lau-5{ background-image: url("../img/icon_lau_5.png");}
.m-header-tools .icon-lau-6{ background-image: url("../img/icon_lau_6.png");}
.m-header-tools .feedback-drop{ width: 145px; text-align: center;}
.m-header-tools .feedback-drop li{ padding: 10px 0;}
.m-header-tools .feedback-drop .qrcode .pic{ margin:2px 0 12px; width: 95px; height: 95px;}
.m-header-tools .feedback-drop .qrcode .desc{ padding: 0 10px 10px;}


.m-menu{ position: relative; width: 100%; background-color: #3e9bea;}
.m-menu-wrap{ max-width: 1180px; margin: 0 auto; height: 40px;}
.m-menu-wrap .menu-item{ position: relative; display: flex; justify-content: center; align-items: center; min-width: 170px; font-size: 14px; color: #fff;}
.m-menu-wrap .menu-item:hover,
.m-menu-wrap .menu-item.isActive{ background-color: #2577e3;}
.m-menu-wrap .menu-item:hover{ cursor: pointer;}
.m-menu-wrap .menu-item.isActive{ cursor: default;}

.m-menu-wrap .menu-item span{position: relative;}
.menu-item-drop{position: absolute; z-index: 1; top: 40px; left: 0; padding-top: 14px; width: 100%; height: 340px; background-color: #fff; box-shadow:5px 5px 10px 0 rgba(0,0,0,.1);}
.menu-item-drop a:hover{ text-decoration: underline;}
.menu-item-drop .item-classify{ padding:10px 0 10px 3px; border-left: 5px solid transparent; font-size: 14px;}
.menu-item-drop .item-classify.isActive{ border-color: #3e9bea; background-color: #ebf5fd;}
.menu-item-drop .item-classify > dt{ padding: 0 15px 0 10px; margin-bottom: 5px; font-weight: 700;}
.menu-item-drop .item-classify > dt > i{ font-weight: normal; line-height: 1; font-size: 20px;}
.menu-item-drop .item-classify > dd > .item{ display: inline-block; padding: 0 10px; margin-bottom: 5px;}

.menu-item-drop-2nd{ position: absolute; top: 0; bottom: 0; left: 170px; padding:  15px 25px; width: 420px; background-color: #ebf5fd; box-shadow:5px 5px 10px 0 rgba(0,0,0,.1); overflow-x: hidden; overflow-y: auto;}
.menu-item-drop-2nd .child-classify{ padding-top: 10px; padding-bottom: 5px;}
.menu-item-drop-2nd .child-classify + .child-classify{ border-top: 1px dashed #c3c9d0;}
.menu-item-drop-2nd .child-classify dt{ margin-bottom: 5px; font-weight: 700; }
.menu-item-drop-2nd .child-classify dd .item{ display: inline-block; margin-left: 19px; margin-bottom: 5px;}

.m-topicCover{ position: relative; margin: 0 auto; padding-left: 170px; width: 1180px; height: 33px; margin-top: -33px;}
.m-topicCover .myScore{ position: absolute; top: -307px; right: 0; padding: 10px; width: 233px; height: 233px; background-color: #fff;}
.m-topicCover .myScore-num{ margin-top: 20px; margin-bottom: 10px;}
.m-topicCover .myScore-num .txt{ vertical-align: 2px;}
.m-topicCover .myScore-sign{ padding: 0 8px; height: 64px; background-color: #eff3f6;}
.m-topicCover .myScore-sign .btn-sign{ padding: 0 10px; color:#fe6f10; background-color: #fff; border: 1px solid #fe6f10; border-radius: 4px;}
.m-topicCover .myScore-study{ padding: 0 8px; margin-top: 16px;}

/*二级导航*/
.m-subMenu{ padding: 15px 30px; margin: 0 auto 20px; width: 1180px; background-color: #fff;}
.m-subMenu .menu-item{ display: inline-block; vertical-align: top; margin-right: 30px; font-size: 15px; color: #666;}
.m-subMenu .menu-item.isActive{ color: #3e9bea; border-bottom: 2px solid #3e9bea;}
.m-subMenu .menu-item a{ color: #666; }
.m-subMenu .menu-item.isActive a{ color: #3e9bea; text-decoration: none;}



/*footer尾部*/
.m-footer{ min-width: 1180px; background-color: #313131;}
.m-footer-main{ max-width: 1180px; padding: 25px 0; margin: 0 auto; color: #fff; background-color: #313131;}
.m-footer-main .ft-desc{ margin: 0 100px 0 50px;}
.m-footer-main .ft-code{ width: 250px; background-color: #656565;}
.m-footer-main .ft-code .pic{ width: 114px; height: 114px;}

/*顶部面包屑*/
.m-crumbs{ padding: 24px 0 4px; margin: 0 auto; width: 1180px; font-size: 14px;}
.m-crumbs .current{ color: #a0a8b7;}
.m-crumbs .link{ color: #000; font-weight: 600;}
.m-crumbs .link:hover{ color: #3e9bea;}
.m-crumbs .arr{ padding: 0 10px; color: #000; font-weight: 600;}
/*主体内容容器*/
.m-container{ margin: 20px auto 0; width: 1180px;}
.m-container-main{ width: 788px;}
.m-container-side{ margin-left: 12px; width: 380px;}

/*信息内容-图文描述*/
.m-session-blank{ padding: 72px 0;}
.m-session-blank .icon-session-blank{ display: block; margin: 0 auto; width: 56px; height: 71px; background-image: url(../img/img_page_blank.png); background-size: cover;}
.m-session-blank .txt{ margin-top: 12px; text-align: center; color: #cdd0d4; font-size: 12px;}
.m-session-list{ padding: 10px 24px; background-color: #fff;}
.m-session-item{ display: block; padding: 20px 0;}
.m-session-item + .m-session-item{ border-top: 1px solid #ebebeb;}
.m-session-item:hover .title{ color: #3e9bea;}
.m-session-item:hover .desc{ color: #333;}
.m-session-item .title{ margin-bottom: 15px; font-size: 18px; font-weight: 600; color: #000;}
.m-session-item .title .txt{ vertical-align: middle;}
.m-session-item .cont{ padding-left: 40px; font-size: 16px;}
.m-session-item .cont .head{ float: left; margin: -3px 0 0 -40px; width: 32px; height: 32px; border-radius: 50%;}
.m-session-item .cont .desc span{ vertical-align: middle; margin-right: 8px;}
.m-session-item .cont .desc .pic,
.m-session-item .cont .desc .pic img{ margin-left: 5px; width: 160px; height: 95px;}
.m-session-item .cont .post{ font-size: 14px; color: #5f6b83;}
.m-session-item .tools{ margin-top: 10px; font-size: 14px; color: #8790a3;}
.m-session-item .tools .item + .item{ margin-left: 24px;}
.m-session-item .tools .txt{ vertical-align: middle;}

.m-session-endTips{ padding: 20px 0; text-align: center; color: #999; font-size: 14px;}


/*侧边栏-发布*/
.m-side-issue{ padding: 16px; background-color: #fff;}
.m-side-issue .title .l{ font-size: 18px; font-weight: 600; color: #000;}
.m-side-issue .title .r{ font-size: 14px; color: #333;}
.m-side-issue .buttons{ margin-top: 10px;}
.m-side-issue .buttons .item{ position: relative; padding: 6px 0; text-align: center; letter-spacing: 5px; font-size: 18px; font-weight: 500; color: #000; background-color: #d9ecfb; border-radius: 4px; cursor: pointer;}
.m-side-issue .buttons .item .tips{ position: absolute; margin-top: 2px; margin-left: 5px; line-height: 1; padding: 3px 5px; letter-spacing: 0; color: #fff; font-size: 14px; font-weight: normal; white-space: nowrap; background-color: #F7B500;}
.m-side-issue .buttons .item .tips::after{ content: ""; position: absolute; left: -10px; top: 50%; transform: translateY(-50%); width: 0; height: 0; overflow: hidden; border-width: 5px; border-style: solid; border-color:  transparent #F7B500 transparent transparent;}
.m-side-issue .buttons .item + .item{ margin-left: 24px;}
.m-side-issue .buttons .item.isActive{ color: #fff; background-color: #3E9BEA;}

/*侧边栏-广告轮播*/
.m-side-slider{ position: relative; width: 100%; height: 182px; background-color: #fff;}
.m-side-slider .wrapper li{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity .3s;}
.m-side-slider .wrapper li.isActive{ opacity: 1;}
.m-side-slider .wrapper li img{ display: block; width: 100%; height: 100%;}
.m-side-slider .dot{ position: absolute; z-index: 1; left: 50%; bottom: 10px; transform: translateX(-50%); white-space: nowrap;}
.m-side-slider .dot li{ display: inline-block; margin: 0 4px; width: 8px; height: 4px; overflow: hidden; background-color: #CFD3DA; transition: width .3s;}
.m-side-slider .dot li.isActive{ width: 28px; background-color: #5C8AE6;}

/*侧边栏-排行榜通用*/
.m-side-ranking{ background-color: #fff;}
.m-side-ranking div[class^="head-"]{ padding-top: 28px; height: 94px; text-align: center; font-size: 24px; font-weight: 500; color: #fff; text-shadow: 2px 2px rgba(83, 33, 0, 0.3); background-size: contain; background-repeat: no-repeat;}
.m-side-ranking div.head-purple{ background-image: url(../img/img_ranking_head.png);}
.m-side-ranking div.head-orange{ background-image: url(../img/img_ranking_head2.png);}
.m-side-ranking .cont{ padding: 20px 16px;}

/*侧边栏-排行榜-问答*/
.side-qa-list .item{ display: block; padding-left: 43px;}
.side-qa-list .item + .item{ margin-top: 30px;}
.side-qa-list .item:hover .txt{ color: #3e9bea;}
.side-qa-list .i{ float: left; margin-left: -43px; margin-top: 3px;}
.side-qa-list .txt{ font-size: 16px; font-weight: 600; color: #000;}
.side-qa-list .num{ display: inline-block; vertical-align: 0; font-size: 14px; color: #8790a3;}
.side-qa-list .num .icon-fire2{ margin-left: 10px; vertical-align: -4px;}

/*侧边栏-排行榜-优秀答主*/
.side-master-list .item{ position: relative;}
.side-master-list .item + .item{ margin-top: 28px;}
.side-master-list .item:hover .name{ color: #3e9bea;}
.side-master-list .i{ margin-right: 20px;}
.side-master-list .pic{ position: relative; margin-right: 16px; width: 44px; height: 44px;}
.side-master-list .pic .icon-crown{ position: absolute; top: 0; right: -3px; width: 16px; height: 12px;}
.side-master-list .pic img{ width: 100%; height: 100%; border-radius: 50%;}
.side-master-list .user{ display: flex; flex-direction: column; justify-content: center; line-height: 1.2;}
.side-master-list .user .name{ width: 225px; font-size: 16px; font-weight: 600; color: #000;}
.side-master-list .user .name + .info{ margin-top: 5px;}
.side-master-list .user .info{ color: #8790a3; font-size: 14px;}
.side-master-list .user .info span + span{ margin-left: 23px;}
.side-master-list .item:first-child .pic{ width: 115px; height: 115px;}
.side-master-list .item:first-child .pic .icon-crown{width: 32px; height: 28px;}
.side-master-list .item:first-child .user .name{ width: 160px;}
.new-qa-list .item{ margin-top: 24px; font-size: 16px; font-weight: 600; color: #000;}
.new-qa-list .item:hover{ color: #3e9bea;}
/*侧边栏-关注大咖*/
.m-side-mission{ padding: 25px 15px; background-color: #fff;}
.m-side-mission .head .tit .txt{vertical-align: middle; font-size: 18px; font-weight: 600;}
.m-side-mission .head .tit .tips{ position: relative; display: inline-block; vertical-align: middle; margin-left: 10px; line-height: 1; padding: 3px 5px; letter-spacing: 0; color: #fff; font-size: 14px; font-weight: normal; white-space: nowrap; background-color: #F7B500;}
.m-side-mission .head .tit .tips::after{ content: ""; position: absolute; left: -10px; top: 50%; transform: translateY(-50%); width: 0; height: 0; overflow: hidden; border-width: 5px; border-style: solid; border-color:  transparent #F7B500 transparent transparent;}
.m-side-mission .head .more{ font-size: 16px;}
.m-side-mission .head .more a{ color: #8790a3;}
.m-talent-list{ overflow: hidden;}
.m-talent-list li{ float: left; margin-top: 20px; width: 33.33%; display: flex; flex-direction: column;  align-items: center;}
.m-talent-list .pic{ width: 60px; height: 60px;}
.m-talent-list .pic img{ width: 100%; height: 100%; border-radius: 50%;}
.m-talent-list .name{ margin: 6px 0; width: 100%;}
.m-talent-list .name .txt{ max-width: calc(100% - 32px); margin-right: 3px; font-size: 14px; color: #000; font-weight: 600; line-height: 1;}
.m-talent-list .btn{ width: 56px; height: 22px; color:#fff; border-radius: 2px; background-color: #3e9bea;}
.m-talent-list .btn.isDisabled{ background-color: #b1d7f7;}


/*首页box通用模块*/
.m-content-hd{ margin: 15px 0;}
.m-content-hd h3{ display: inline-block; vertical-align: middle; font-size: 18px; font-weight: 700;}
.m-content-hd h3::before{ content: ""; display: inline-block; vertical-align: -3px; margin-right: 10px; width: 4px; height: 18px; background-color: #3e9bea;}
.m-content-hd .more{ vertical-align: middle; margin-left: 40px;}
.m-content-hd .sub{ margin-left: 12px; vertical-align: middle;}

/*input*/
.m-input{ padding: 5px 8px; border-radius: 2px; border: 1px solid #cfd3da; font-size: 14px;}


/*通用浮层*/
.btn-close{ position: relative; display: inline-block; vertical-align: middle; width: 16px; height: 16px; cursor: pointer;}
.btn-close::after,
.btn-close::before{ content: ""; position: absolute; left: 50%; top: 50%; border-top: 2px solid #8790A3; width: 14px; height: 0; overflow: hidden;}
.btn-close::after{ transform: translate(-50%,-50%) rotate(-45deg);}
.btn-close::before{ transform: translate(-50%,-50%) rotate(45deg);}


.m-popbox-mask{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9; background-color: rgba(0,0,0,.5);}


.m-popbox-bindPhone{ position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 10; width: 288px; border-radius: 8px; background-color: #fff;}
.m-popbox-bindPhone .btn-close{ position: absolute; top: 8px; right: 8px;}
.m-popbox-bindPhone .btn-close::before{
    border-top: 2px solid #fff;
}
.m-popbox-bindPhone .topic{ width: 100%; height: 162px;  background-image: url('../img/img_bindphone_cont.png'); background-repeat: no-repeat;}
.m-popbox-bindPhone .desc{ margin: 10px 16px 16px;}
.m-popbox-bindPhone .btn button{ width: 100%; height: 32px; border-radius: 2px; background-color: #F70; color: #fff;}

.m-popbox-default{position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 10; width: 360px; background-color: #fff; border-radius: 4px;box-shadow: 0px 6px 24px 0px rgba(16, 34, 71, 0.1)}
.m-popbox-default .tit{ padding: 12px 40px 12px 12px; font-size: 16px; font-weight: 500; border-bottom: 1px solid #E7E8EC;}
.m-popbox-default .tit .btn-close{ position: absolute; top: 15px; right: 10px;}
.m-popbox-default .cont{ padding: 12px 16px 20px; font-size: 14px;}
.m-popbox-default .foot{ border-top: 1px solid #E7E8EC; padding: 12px 16px; text-align: right;}


.m-popbox-message{position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 10; width: 360px; background-color: #fff; border-radius: 4px;box-shadow: 0px 6px 24px 0px rgba(16, 34, 71, 0.1)}
.m-popbox-message .tit{ padding: 12px 40px 8px; font-size: 16px; font-weight: 500;}
.m-popbox-message .tit .icon{ float: left; margin: 4px 0 0 -24px;}
.m-popbox-message .tit .btn-close{ position: absolute; top: 15px; right: 10px;}
.m-popbox-message .cont{ padding: 0 16px 16px 40px; font-size: 14px;}
.m-popbox-message .foot{ padding: 0 16px 12px; text-align: right;}


/*浮层公共底*/
.m-popbox-default .foot button,
.m-popbox-message .foot button{ padding: 0 12px; height: 32px; border-radius: 2px; font-size: 14px;}
.m-popbox-default .foot button + button,
.m-popbox-message .foot button + button{ margin-left: 5px;}
.m-popbox-default .foot .btn,
.m-popbox-message .foot .btn{ background-color: #fff; color: #1658DC;}
.m-popbox-default .foot .btn-pri,
.m-popbox-message .foot .btn-pri{ background: #1658dc; color: #fff;}

.m-popbox-default .foot .btn-pri.dis,
.m-popbox-message .foot .btn-pri.dis{ color: #c3c8d1; background-color: #f3f4f6;}


/*浮层模板大*/
.m-popbox-large{position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 10; width: 617px; background-color: #fff; border-radius: 4px; box-shadow: 0px 6px 24px 0px rgba(16, 34, 71, 0.1)}
.m-popbox-large .tit{ display: flex; align-items: center; justify-content: space-between; padding: 20px 24px; font-size: 18px; font-weight: 600; border-bottom: 2px solid #f4f4f4;}
.m-popbox-large .tit .btn-close{ width: 18px; height: 18px;}
.m-popbox-large .btn-close::after,
.m-popbox-large .btn-close::before{ width: 18px;}
.m-popbox-large .cont{ padding: 20px 24px;}
.m-popbox-large .foot{ padding: 20px; text-align: center; border-top: 2px solid #f4f4f4;}
.m-popbox-large .foot .btn{ min-width: 175px; height: 36px; padding: 0 20px; font-size: 16px; color: #fff; background-color: #3e9bea; border-radius: 4px;}
.m-popbox-large .foot .btn.isDisabled{ background-color: #b1d7f7; cursor: no-drop;}


/*浮层-圈子发布规范*/
.m-popbox-groupRule{ padding: 40px 40px 30px;}
.m-popbox-groupRule .btn-close{ position: absolute; top: 24px; right: 24px;}
.m-popbox-groupRule .title{ margin-bottom: 30px; text-align: center; font-size: 18px; font-weight: 600; color: #000;}
.m-popbox-groupRule .wrapper{ height: 460px; overflow: auto; font-size: 14px; color: #000;}

/*浮层-绑定手机*/
.m-popbox-valiPhone .input-phone{ width: 100%;}
.m-popbox-valiPhone .send-btn{ width: 86px; margin-left: 10px; height: 32px; color: #1658DC; border: 1px solid #1658dc; border-radius: 2px; background-color: #fff;}


/*账户信息&绑定*/
.htl-user-info{ padding: 30px 20px; background-color: #fff;}
.htl-user-info .link{ color: #1658DC;}
.htl-user-info .link:hover{ color: #3e9bea;}
.htl-user-info .head{ position: relative; padding-left: 92px; width: 205px;min-height: 80px;}
.htl-user-info .head::after{ content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 48px; overflow: hidden; background-color: #e8e8ed;}
.htl-user-info .head .img{ position: absolute; top: 0; left: 0;}
.htl-user-info .head .name{ padding-right: 15px; font-size: 16px; color: #102247; font-weight: bold;}
.htl-user-info .info{ padding: 0 20px; font-size: 14px; color: #102247;}
.htl-user-info .info .desc{ margin-top: 10px;}
.htl-user-info .tool{ text-align: right;}
.htl-user-info .tool .btn{ padding: 0 12px; height: 24px; color: #1658dc; font-size: 12px; white-space: nowrap; border: 1px solid #1658dc; border-radius: 2px; background-color: #fff;}
.htl-user-info .tool .btn:hover{ border-color: #3e9bea; color: #3e9bea;}
.htl-user-info .tool .tips{ position: relative; margin-top: 10px; font-size: 14px; color: #1658DC;}
.htl-user-info .tool .tips:hover .hover-box-tips{ display: block;}
.htl-user-info .hover-box-tips{ display: none; position: absolute; left: 8px; top: 25px; transform: translateX(-50%); padding: 8px 12px; width: 200px; text-align: left; font-size: 14px; color: #4C5A75; background: #fff; border-radius: 2px; box-shadow: 0px 4px 12px 0px rgba(16, 34, 71, 0.1);}
.htl-user-info .hover-box-tips::before{ content: ""; position: absolute; z-index: -1; left: 50%; top: -5px; width: 10px; height: 10px; background-color: #fff; transform: translateX(-50%) rotate(45deg); box-shadow:-4px -4px 4px 0px rgba(167,190,235,.1);}

.icon-gray-location,
.icon-gray-identity,
.icon-gray-phone,
.icon-gray-intro,
.icon-gray-info{ display: inline-block; vertical-align: middle; width: 16px; height: 16px; background-size: cover;}
.icon-gray-location{ background-image: url(../img/icon_gray_location.png);}
.icon-gray-identity{ background-image: url(../img/icon_gray_identity.png);}
.icon-gray-phone{ background-image: url(../img/icon_gray_phone.png);}
.icon-gray-intro{ background-image: url(../img/icon_gray_intro.png);}
.icon-gray-info{ position: relative; background-image: url(../img/icon_gray_info.png);}


.icon-white-info{ display: inline-block; vertical-align: middle; width: 14px; height: 14px; background-image: url(../img/icon_white_info.png); background-size: cover;}

.icon-gender-male{ display: inline-block; vertical-align: -4px; width: 20px; height: 20px; background-image: url(../img/icon_gender_male.png); background-size: cover;}
.icon-gender-female{ display: inline-block; vertical-align: -4px; width: 20px; height: 20px; background-image: url(../img/icon_gender_female.png); background-size: cover;}


/*表单-默认*/
.form-item{ margin-bottom: 20px;}
.form-item-label{ margin-bottom: 8px;}
.form-item-control{ margin-bottom: 8px;}
.form-item.has-error .m-input,
.form-item.has-error .m-textarea{ border: 1px solid #ff483c;}
.form-item.has-error .form-explain{ font-size: 14px; color: #FF483C;}

/*表单模板*/
.htl-form-model{ padding: 0 20px; background-color: #fff; font-size: 14px;}
.htl-form-model .model-title{ position: relative; padding: 20px 0;  font-size: 18px; font-weight: 700; color: #102247;}
.htl-form-model .model-cont{ position: relative;}
.htl-form-model .model-foot{ position: relative; padding: 30px 0; border-top: 1px solid #E7E8EC;}
.htl-form-model .model-foot button{ font-size: 14px; padding: 0 12px; height: 32px; border-radius: 2px;}
.htl-form-model .model-foot .btn{ color:#1658DC; background-color: #fff; border: 1px solid #1658DC;}
.htl-form-model .model-foot .btn-pri{ color: #fff; background-color: #1658DC;}
.htl-form-model .form-item{ display: flex;}
.htl-form-model .form-item-label{ padding-top: 8px; margin-bottom: 0; width: 70px; font-weight: 700;}
.htl-form-model .form-item-control{ margin-bottom: 0; flex: 1; }
.htl-form-model .m-input,
.htl-form-model .m-select{ padding: 8px; border: 1px solid #cfd3da; border-radius: 2px; width: 200px;}
.htl-form-model .m-textarea{ padding: 8px; width: 100%; border: 1px solid #cfd3da; border-radius: 2px;}
.htl-form-model .m-input::placeholder,
.htl-form-model .m-select::placeholder,
.htl-form-model .m-textarea::placeholder{ color: #C3C8D1;}


/*修改信息*/
.htl-user-edit .update-head{ position: absolute; right: 60px; top: 0; width: 100px;}
.htl-user-edit .update-head .img{ display: flex; justify-content: center; align-items: center; width: 100px; height: 100px;}
.htl-user-edit .update-head .img img{ max-width: 100%; max-height: 100%;}
.htl-user-edit .update-head .tools{ position: relative; text-align: center;}
.htl-user-edit .update-head .tools .btn-upload{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0;}
.htl-user-edit .update-head .tools .btn{ display: inline-block; padding: 4px 0; width: 72px; color: #1658dc; font-size: 12px; border: 1px solid #1658dc; border-radius: 2px;}

/*animated 动画*/
.animated{-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}



.fadeInUp {
    transform-origin: 50% 0;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUp {
    0%{transform: scale(1,0);}
    100%{transform: scale(1,1);}
}

.fadeOutDown {
    transform-origin: 50% 0;
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDown {
    0%{transform: scale(1,1);}
    100%{transform: scale(1,0);}
}




/*兼容嵌入ebk3老页面样式*/
.ebk3-main-content *,
.ebk3-modwin *{ box-sizing: content-box;}
#alertContainer{ position: fixed !important; left: 50% !important; top: 50% !important; transform: translate(-50%,-50%);}
a.affirm-btn:hover{ color: #fff;}
.bizManage-content{ margin-left: 0; width: 1180px;}
.bl-lesson .bl-lesson-cont{ width: 930px;}
.bl-lesson .bl-lesson-sub{ width: 700px; display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.bl-lesson-img .tag{ position: absolute; right: 10px; bottom: 7px; padding: 0 8px; color: #fff; white-space: nowrap; border: 1px solid #fff; border-radius: 4px; background-color: rgba(0,0,0,.5);}
.course-about-box{ min-height: 120px;}
/*兼容嵌入ebk3老页面样式*/




.block-roomCalender-roomCount,.block-roomCalender-roomType,.ebk3-f-yh,.ebk3-modwin-title,.ebk3-page-block-title,.ebk3-simple-alert .ebk3-alert-text,.header-nav-item a,.hoteInfo-name,.main-col-name {
    font-family: "Microsoft YaHei","微软雅黑","Hiragino Sans GB",tahoma,arial,simhei
}

.ebk3-modwin {
    border: 1px solid #e5e5e5;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    color: #496e86
}

.ebk3-modwin .ebk3-modwin-handle {
    position: relative;
    padding: 15px;
    border-top: 1px solid #e5e5e5;
    text-align: center;
    background-color: #f5f5f5
}

.ebk3-modwin .ebk3-modwin-handle .ebk3-btn {
    margin: 0 3px
}

.ebk3-modwin .ebk3-modwin-title {
    padding: 10px;
    font-size: 16px;
    text-align: left;
    background-color: #f5f5f5
}

.ebk3-modwin .ebk3-close {
    position: absolute;
    padding: 6px 15px;
    right: 0;
    top: 0;
    font-size: 28px;
    line-height: 1;
    font-weight: 400
}

.ebk3-alert {
    text-align: left;
    font-size: 14px
}

.ebk3-alert-cont,.mod-alert-c {
    text-align: center;
    font-size: 14px
}

.ebk3-alert-title {
    padding: 15px 0 0 15px;
    color: #496e86
}

.ebk3-alert-cont {
    padding: 0 20px;
    margin: 15px 0;
    color: #496e86
}

.ebk3-simple-alert {
    padding: 25px 0
}

.ebk3-simple-alert .ebk3-c-light {
    font-size: 12px
}

.ebk3-simple-alert .ebk3-modwin-handle {
    margin-bottom: 0
}

.ebk3-simple-alert .c-org {
    color: #ef5c3d
}

.order-alert {
    width: 352px
}


.h-pop-toast2{text-align: center; position: fixed; z-index: 2000000; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: .5rem .75rem; max-width: 80%; font-size: 1rem; background-color: rgba(0,0,0,.9); color: #fff; border-radius: .25rem;}
.icon-tip-28{ display: inline-block; vertical-align: middle; width: .7rem; height: .7rem;background-image: url(../img/icon_tip_52.png);background-repeat: no-repeat;background-size: 100%;}


/*抵用券浮层*/
.h-coupon-box-list{
    padding-top: 4rem;
    width: 28rem;
    border-radius:25px;
}
.h-coupon-box-list .cb-cp-list{
    box-sizing: border-box;
    padding-top: 2.25rem;
    text-align: center;
}
.h-coupon-box-list .cb-cp-list-box{
    background-image: url(../img/couponListBg.png);
    background-repeat: no-repeat;
    /*background-size: cover;*/
    background-size: 28rem auto;
    height: 30rem;
    margin-top:2rem;
}
.h-coupon-box-list .cb-cp-list-box-top-part{
    height: 17.5rem;
    padding-top:2rem;
}
.h-coupon-box-list .cb-cp-list-box-middle-part{
    margin-top:0;
    height:auto;
    /*background-image: url(../img/couponListMiddleLine.png);*/
    background-size: 28rem 1000000rem;
    /*background-repeat: repeat-y;*/
    background-position: left 50%;
    /*background-size: 26rem 30rem;*/
}
.h-coupon-box-list .cb-cp-list-box-middle-part .cb-cp-list{
    padding-top:0
}
.h-coupon-box-list .cb-cp-list-box-bottom-part{
    margin-top:-.3rem;
    height: 10.5rem;
    background-position: left bottom;
}

.ico-packet-box {
    width: 120px;
    position: fixed;
    right: 20px;
    top:300px;
    z-index: 100
}
.ico-packet-box .ico-packet {
    display: block;
    width: 120px;
    height: 120px;
    background: url(../img/redBagIcon.png) no-repeat;
    /*background: url(http://localhost:8080/htlUniv/img/redBagIcon.png) no-repeat;*/
    background-size: 100%;
}
.ico-packet-box .btn-close{
    float:right;
    margin-top: -28px;
    height: 30px;
    width: 30px;
    background: url(../img/redBagIcon_btn_close.png) no-repeat;
    /*background: url(http://localhost:8080/htlUniv/img/redBagIcon_btn_close.png) no-repeat;*/
    background-size: 100%;
}

.temp-coupon-banner{ position: relative; margin: 0 .8rem .25rem;  padding: .25rem;}
.temp-coupon-banner-wrap{
    display: flex;
    position: relative;
    height: 6rem;
    width:22rem;
    margin-left: 2rem;
    background-image: url(../img/couponList.png);
    background-size:22rem 6rem;
    background-repeat:no-repeat;
}
.temp-coupon-banner-wrap p{
    margin:0;
    font-size: 0.5rem
}
.temp-coupon-banner-wrap .left-box{padding:.5rem 1rem 1rem}
.temp-coupon-banner-wrap .left-box p + p{ margin-top: .4rem}
.temp-coupon-banner-wrap .left-box p:nth-child(1){
    color: #f94946;
    font-family: PingFangSC-Semibold;
    font-size: 1.8rem;
    font-weight: 600;
}
.temp-coupon-banner-wrap .left-box p:nth-child(1) dfn{
    font-size: 1rem;
    margin-right:.2rem;
}
.temp-coupon-banner-wrap .left-box p:nth-child(2){
    color: #4c5a75;
    font-family: PingFangSC-Regular;
    font-weight: normal;
    font-size: .8rem
}
.coupon-list-main{
    background-image: url(../img/couponListBigBg.png);
    background-repeat: no-repeat;
    background-size: 28rem auto;
    background-color: #A92301;
    position: relative;
}

.coupon-list-main .close{
    position: absolute;
    right:1rem;
    top: 1rem;
    font-size: 30px;
    height: 18px;
    width: 18px;
    background-image: url(../img/redBagFloatClose.png);
    /*background-image: url(http://localhost:8080/htlUniv/img/redBagFloatClose.png);*/
    background-size:100%
}

.layer-packet-list{
    height:50rem;
    overflow-y: auto;
}

.temp-coupon-banner .coupon-price{ display: inline-flex; justify-content: center; align-items: center; width: 5.125rem; text-align: center; font-size: 2.15rem; color: #310909; font-weight: bold;}
.temp-coupon-banner .coupon-price dfn{ margin-bottom: -.8rem; font-size: .7rem;}

.temp-coupon-banner .coupon-desc{
    width: 10rem;
    text-align: left;
    padding-left:.8rem;
    padding-top:1rem;
}
.temp-coupon-banner .coupon-desc .desc-box{
    display: flex;
    justify-content: space-between;
}
.temp-coupon-banner .coupon-desc .desc-box .subtitle-icon-box{
    width:1rem;
    position: relative;
    z-index: 2;
    top:.2rem;
}
.temp-coupon-banner .coupon-desc .desc-box .subtitle-icon-box i{

}
.temp-coupon-banner .coupon-desc .desc-box .subtitle-icon-box .subtitle-box{
    position: absolute;
    white-space: nowrap;
    left:50%;
    transform: translateX(-50%);
    background:white;
}
.temp-coupon-banner .coupon-desc p.title1{
    color: #102247;
    font-family: PingFangSC-Medium;
    font-weight: bold;
    font-size: .8rem;
}
.temp-coupon-banner .coupon-desc p.title2{
    margin-top:.1rem;
    color: #4c5a75;
    font-family: PingFangSC-Regular;
    font-weight: normal;
    font-size: .6rem;
}
.temp-coupon-banner .coupon-desc p.time{
    margin-top:.3rem;
    color: #9fa7b5;
    font-family: PingFangSC-Regular;
    font-weight: normal;
    font-size: .6rem;
}
.temp-coupon-banner .coupon-btn{
    right: 0;
    position: absolute;
    width: 4rem;
    height: 6rem;
    color: #ffffff;
    font-family: PingFangSC-Medium;
    font-weight: bold;
    display: flex;
    /* 主轴是 y 轴 */
    flex-direction: column;
    /* 水平居中*/
    justify-content: center;
    /* 垂直居中*/
    align-items: center;
}
.temp-coupon-banner .coupon-btn span{
    font-size: 1.2rem;
}
.temp-coupon-banner .coupon-btn p{
    font-size: 1.2rem;
}
.temp-coupon-banner .coupon-mask .tag{ position: absolute; top: 1rem; right: 3.5rem;}

.red_bag_pop .bg{
    background-image: url(../img/redBagPop.png);
    height: 531px;
    width: 500px;
    background-size:cover;
    background-position: left top;
}

.red_bag_pop .btn-close-red-bag{
    font-size: 50px;
    position: absolute;
    left: 50%;
    bottom: -50px;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #fff;

}

/*.red_bag_pop .btn-close-red-bag::after, .red_bag_pop .btn-close-red-bag::before {*/
/*content: "";*/
/*position: absolute;*/
/*left: 50%;*/
/*top: 50%;*/
/*border-top: 2px solid #fff;*/
/*width: 30px;*/
/*height: 0;*/
/*overflow: hidden;*/
/*}*/

/*浮层模板大*/
.m-popbox-large{position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 10; width: 617px; background-color: #fff; border-radius: 4px; box-shadow: 0px 6px 24px 0px rgba(16, 34, 71, 0.1)}
.m-popbox-large .tit{ display: flex; align-items: center; justify-content: space-between; padding: 20px 24px; font-size: 18px; font-weight: 600; border-bottom: 2px solid #f4f4f4;}
.m-popbox-large .tit .btn-close{ width: 18px; height: 18px;}
.m-popbox-large .btn-close::after,
.m-popbox-large .btn-close::before{ width: 18px;}
.m-popbox-large .cont{ padding: 20px 24px;}
.m-popbox-large .foot{ padding: 20px; text-align: center; border-top: 2px solid #f4f4f4;}
.m-popbox-large .foot .btn{ min-width: 175px; height: 36px; padding: 0 20px; font-size: 16px; color: #fff; background-color: #3e9bea; border-radius: 4px;}
.m-popbox-large .foot .btn.isDisabled{ background-color: #b1d7f7; cursor: no-drop;}


.pop-certificate-box{ width: 1095px;}
.pop-certificate-box .cont{ background-color: #EFF3F6; overflow: hidden;}
.pop-certificate-box .pop-certificate-left{ float: left; width: 700px; height: 492px;}
.pop-certificate-left .certificate-img{width: 700px; height: 492px;}
.pop-certificate-right{ float: left; width: 346px;height: 500px; padding-bottom: 40px; position: relative;}
.pop-certificate-right .pop-certificate-list li{ position: relative; font-size: 14px; color: #57687A; background-color: #fff; margin-bottom: 10px; padding: 16px 106px 8px 16px;}
.pop-certificate-list li .hd{ font-size: 16px; font-weight: bold; color: #333; padding-bottom: 8px;}
.pop-certificate-list li .certificate-btn{ position: absolute; right: 16px; top: 16px;}
.pop-certificate-list li .certificate-btn .btn{ display: inline-block; border-radius: 2px; border:0; text-align: center;  background-color: #3E9BEA; width: 80px; height: 36px; color: #fff; line-height: 36px;}
.certificate-txt{ padding-bottom: 8px;}
.pop-certificate-list li .c-org{ color: #FA6400;}
.pop-certificate-list li .c-green{ color: #6DD400;}
.certificate-txt .c-org{ font-size: 16px;}
.postage-txt{ font-size: 12px; padding-left: 6px;}
.pop-certificate-list li p{ padding-bottom: 8px;}
.pop-mailing-box{ border-top: 1px solid #F2F2F2; padding-top: 6px; margin-right: -90px;}
.pop-mailing-list{ overflow: hidden; padding:6px 0 0 76px;}
.pop-mailing-list .name{ float: left; margin-left: -76px;}
.pop-mailing-list .copy{ float: right;}
.pop-mailing-list .bl-ico-invoice{color:#0084f3;cursor: pointer;}
.pop-mailing-list .bl-ico-invoice a{color:#0084f3;text-decoration:none;}
.ficate-txt{ position: absolute; bottom: 12px; color: #8790A3; padding: 0 16px;}