@charset "utf-8";
/* 首页pc端 */
/* .html-gray{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);_filter:none; } */
html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:-ms-autohiding-scrollbar;}
html,body{height:100%;}
body{font-size:16px;font-size:1.6rem;-ms-word-break:break-all;word-break:break-all;word-break:break-word;overflow-wrap:break-word;font-family:"Hiragino Sans GB", "Microsoft YaHei","WenQuanYi Micro Hei", sans-serif;margin:0; padding:0; background:#FFF;}
ol,ul{list-style:none; padding:0;margin: 0;}
i{ font-style:normal;}
.m-font-grey{color:#909399}
#TopNav{margin:0;background:#FFF;width:100%;font-size:14px;overflow:hidden; }
#TopMenu {margin:0;padding:0;float:left;overflow:hidden;}
#TopMenu ul {list-style-type:none;margin:0;padding:0;margin-left: 30px;}
#TopMenu ul li {list-style-type:none;margin:0;vertical-align:middle;float:left;line-height:52px;padding-right:15px;}
#TopMenu ul li.selected span{color:#000;font-weight:bold;}
#TopMenu ul li a ,#Personal a{color:#000; text-decoration:none;}
#Personal {margin:0 30px 0 0;float:right;line-height: 52px;}
#Personal .login{ color: #fff !important; padding:0 15px; background:#0152D9;border-radius:5px; margin-right:15px;height: 30px;line-height: 30px;display: inline-block;}
#home .content-wrap{ margin:150px 0;}
#home .logo a{background:url(./images/logo.gif) no-repeat;  background-size:100%;width:300px; height:96px;display:block; margin-bottom:60px;}
.fm{ width:750px;font-size: 0;margin: auto;}
.s_btn_wr{width:104px;height:48px;box-sizing: border-box; display:inline-block;vertical-align:middle;position: relative;}
.s_btn{padding:0;cursor:pointer; width:100%;box-sizing: border-box; border:0; height:48px; background:#0152D9;color:#FFF; font-size:18px;border-radius: 0px 5px 5px 0px;-webkit-appearance: none;}
.s_btn:hover{background-color:#196FFF;}
.s_btn_wr .sbico{background: url(./images/search.png) no-repeat;background-repeat: no-repeat;margin-top: -3px;width: 16px;height: 16px;background-size: 100% 100%;display: inline-block;vertical-align: middle;} 
.ss-k{margin:0;height:48px;position: relative;width:calc(100% - 108px);display: inline-block;vertical-align: middle;}
.ss-k-padd{height:100%;box-sizing: border-box;border:1px solid #EDEFF2;
border-radius: 5px 0px 0px 5px;
float:left;width:calc(100% + 2px);overflow: hidden;}
.ss-k input{outline: none;border: none;border-radius: none; height:100%;font-size: 16px;border:none;background: #F5F7FA;box-sizing: border-box;display: block;width:100%;outline:medium; padding:0 20px; -webkit-appearance: none; }
/* .ss-comple{position: absolute;top: calc(100% - 2px);left:0;width: 99.5%;border-bottom: 1px solid #0152D9;border-left: 1px solid #0152D9;border-right: 1px solid #0152D9;border-radius: 0px 0px 5px 5px;background: #fff;display: none;z-index: 301;} */
.ss-comple{position: absolute;top: calc(100% - 3px);left:0;width: calc(100% + 1px);border-bottom: 1px solid #0152D9;border-left: 1px solid #0152D9;border-right: 1px solid #0152D9;border-radius: 0px 0px 5px 5px;background: #fff;display: none;z-index: 301;box-sizing: border-box;}
.ss-comple-ul{padding-top:3px;}
.ss-comple-ul::before{content:' ';height: 1px;background-color: #EDEFF2;display: block;width: calc(100% - 30px);margin: 0 auto;z-index: 300;}
.ss-comple li{font-size: 14px;height: 30px;line-height: 30px;padding:0 20px;cursor: pointer; overflow: hidden;   white-space: nowrap;text-overflow: ellipsis;display: flex;align-items: center;
}
.ss-comple li:first-child{margin-top:6px;}
.ss-comple li:last-child{margin-bottom:6px;}
.ss-k.focus .ss-k-padd{
  border: 1px solid #0152D9;
  border-radius: 5px 0px 0 5px;
  width: calc(100% + 1px);
  margin-right: -1px;
}
.ss-k.focus input{height: calc(100% - 2px);background-color: #fff;font-size: 16px;}

.ss-comple li.ss-select{background: #F5F7FA;color:#0152D9}
.ss-comple li.ss-select span,.ss-comple li.ss-select i{color:#0152D9}
.ss-word{overflow: hidden;margin-right: 4px; white-space: nowrap;text-overflow: ellipsis;}
.ss-tag{font-size:20px;color:#909399 !important;border: 2px solid #909399;border-radius: 8px;padding: 0px 6px;  display: inline-block;
  letter-spacing: 1px; transform: scale(.5);line-height: 24px;height: 28px;transform-origin: left center;}

.navico_list{ overflow:hidden; margin-bottom:40px; background: #fff}
.nav-ico{ width: 790px; margin: 32px auto;}
.nav-ico li{ float:left; margin:0 28px;color:#303133;text-align: center;}
.nav-ico li a{ width:56px; height:56px; display:block;background-size: 100%;margin:0 auto 15px;background-repeat: no-repeat;}
.nav-ico li.date_ico a{ background-image:url(//img.mbalib.com/web/images/date_ico.gif);}
.nav-ico li.dir_ico a{ background-image:url(//img.mbalib.com/web/images/dir_ico.gif) ;}
.nav-ico li.dir_ico{margin-right:0;}
.help-lay1,.help-lay2,.help-lay3,.help-lay4,.help-lay5{ padding-bottom:70px; float:left;}
#home #footer{bottom:0; width:100%; border-top:1px solid #e4e4e4; background:#f2f2f2; color:#666666; font-size:12px; line-height:40px; overflow:hidden;}
.foo_l{ margin-left:0; display:inline-block; float:left;}
.foo_l a{color:#666666; text-decoration:none; margin-right:15px;line-height: 40px;}
.foo_r{ float:right; line-height:40px;}
.foo_r a{color:#666666;text-decoration:none;}
#help #footer{ width:100%;color:#666666; font-size:14px; margin:0 0 10px; padding-top:10px; overflow:hidden; border-top:1px solid #ECECEC;}
#help .foo_l{ width:100%; text-align:center; margin:0;}
#help .foo_r{ width:100%; text-align:center; line-height:normal;}
#ad_640{ width:580px; height:90px; text-align:center;}
#help{color:#34495e; line-height:1.8;}
#help #head{ background:#eff2f5; box-shadow:0 3px 7px #d6d5d5; margin-bottom:20px; height:60px;}
body#help #head-wrap,body#help #content{ width:1180px; margin:0 auto;}
#head-logo{ float:left;margin-top:11px; }
.head-nav{ float:right;line-height:60px;}
.head-nav li{ float:left; margin-right:30px;}
.head-nav li a{ color:#34495e; text-decoration:none; font-weight:bold;}
.head-nav li a.sel{ color:#3498db;}
.help-lay1 h1,.help-lay2 h1,.help-lay3 h1{ color:#3498db; font-size:28px;}
.help-lay1 h3{ color:#3498db; margin:20px 0 0; padding:0;}
.help-lay1 h4{ background:#eff2f5; padding:2px 10px; font-weight:normal;}
.copp_ad-tab{border:1px solid #CCC;border-collapse:collapse; margin:20px 0;}
.copp_ad-tab td{border:1px solid #CCC; padding:5px;}
.copp_ad-tab th{border:1px solid #CCC; background:#eff2f5; padding:5px 0;}
.copp_ad-tab td a{ color:#3498db;}
.help-lay1 .img{width:927px; height:553px; display:block; margin:0 auto; padding:50px 0 30px;}
#friendlinks-body {margin-right:300px;}
.friendlinks-block {width:95%;font-size:12px;}
.friendlinks-block ul{list-style-type:none;margin:0;padding:0;}
.friendlinks-block li{float:left;padding:1px;text-align:center;width:100px;}
.friendlinks-block li img{border:1px solid #acacac;overflow:hidden;width:88px;height:31px;}
.friendlinks-block li a:hover img{border:1px solid yellow;cursor:pointer;}
#home #ad_640{display:block;overflow: hidden;height: 90px;width: 560px;}
#home #ad_640 img{max-width: 100%;height: 100% } 

/* 滚动条样式设置 */
::-webkit-scrollbar{width:6px;}
::-webkit-scrollbar-track{background:#fff;}
::-webkit-scrollbar-thumb{border-radius:5px;background:#EDEFF2}

/* vue版头部 */
body#ask{background-color: #F5F7FA;}
#TopNav.TopNav-vue{overflow: visible;z-index: 1;}
#TopNav.TopNav-vue #TopMenu, #TopNav.TopNav-vue #Personal{float: none;}
#TopNav.TopNav-vue #TopMenu ul{background-color: #0152D9;margin: 0;padding-left: 60px;}
#TopNav.TopNav-vue #TopMenu ul li{line-height: 35px;}
#TopNav.TopNav-vue #TopMenu ul li.selected span{color: #fff;}
#TopNav.TopNav-vue #TopMenu ul li a{color: #fff;}
#TopNav.TopNav-vue #TopMenu ul::after{content: '';clear: both;display: block;}
#TopNav.TopNav-vue #Personal{background-color: #fff;width: 100%;}
#TopNav.TopNav-vue #Personal .header{display: flex;justify-content: space-between;width: 1200px;margin: 0 auto;min-height: 70px;align-items: center;height: 70px;}
#TopNav.TopNav-vue #Personal .header-left .logo img{width: 224px;}
#TopNav.TopNav-vue #Personal .header-middle{display: flex;height: 100%;align-items: center;flex: 1;width: 0;padding: 0 48px 0;}
#TopNav.TopNav-vue #Personal .header-middle a{color: #303133;font-size: 16px;margin-right: 32px;}
#TopNav.TopNav-vue #Personal .header-middle a:hover{color: #0152D9;}
#TopNav.TopNav-vue #Personal .header-middle a.selected{color: #0152D9;font-weight: bold;}
#TopNav.TopNav-vue #Personal .header-rigth{display: flex;align-items: center;height: 100%;position: relative;}
#TopNav.TopNav-vue #Personal .header-rigth .notification{flex-shrink: 0;position: static;margin-left: 24px;}
#TopNav.TopNav-vue #Personal .header-rigth .notification .ic_icon{width: 24px;height: 24px;cursor: pointer;}
#TopNav.TopNav-vue #Personal .header-rigth .notification .noticePop{top: 100%;}
#TopNav.TopNav-vue #Personal .header-rigth .current-user{width: 40px;height: 40px;margin-left: 24px;height: 100%;display: flex;align-items: center;flex-shrink: 0;position: relative;}
#TopNav.TopNav-vue #Personal .header-rigth .current-user img{border-radius: 50%;width: 100%;}
#TopNav.TopNav-vue #Personal .header-rigth .current-user .user-operation{display: none;position: absolute;background: #fff;top: 100%;margin: 0;box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08);width: 144px;box-sizing: border-box;border-radius: 8px;z-index: 500;right: 0;padding: 4px 8px;}
#TopNav.TopNav-vue #Personal .header-rigth .current-user .user-operation li{padding: 8px;margin: 4px;}
#TopNav.TopNav-vue #Personal .header-rigth .current-user .user-operation li a{width: 100%;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: initial;}
#TopNav.TopNav-vue #Personal .header-rigth .current-user .user-operation li:hover{background: #F5F7FA;border-radius: 4px;}
#TopNav.TopNav-vue #Personal .header-rigth .current-user .user-operation li:hover a{color: #0152D9;}
#TopNav.TopNav-vue #Personal .header-rigth .current-user .user-operation .hr{height: 1px;border: none;background: #EDEFF2;width: 100%;}
#TopNav.TopNav-vue #Personal .header-rigth .current-user:hover .user-operation{display: block;}

/* 右侧浮动按钮 */
.fixed-btns{position: fixed;bottom: 80px;right: 50%;margin-right: -686px;z-index: 99;width: 60px;}
.fixed-btns .fixed-item{display: flex;flex-direction: column;justify-content: center;align-items: center;height: 63px;background: #fff;border: 1px solid #EDEFF2;box-sizing: border-box;position: relative;}
.fixed-btns .fixed-item:not(:first-child){border-top: none;}
.fixed-btns .fixed-item .item-text{font-size: 12px;color: #909399;margin-top: 2px;flex-shrink: 0;}
.fixed-btns .fixed-item .fixed-icon{width: 24px;height: 24px;fill: #909399;flex-shrink: 0;}
.fixed-btns .fixed-item .pop-content{position: absolute;display: none;right: calc(100% + 24px);top: 0;background: #fff;border: 1px solid #EDEFF2;padding: 14px;font-size: 0;text-align: center;}
.fixed-btns .fixed-item .pop-content img{width: 120px;height: 120px;display: block;}
.fixed-btns .fixed-item .pop-content p{margin: 5px 0 0;font-size: 12px;color: #909399;}
.fixed-btns .fixed-item:hover .pop-content{display: block;}
.fixed-btns .fixed-item:hover .fixed-icon{fill: #0152D9;}
.fixed-btns .fixed-item:hover .item-text{color: #0152D9;}

@media screen and (max-width: 1300px){
  .fixed-btns {right: 20px;margin: 0;}
}
/* 问一问 */
.ask-list-tag{width: 1200px;display: flex;align-items: center;margin: 0 auto;color: #303133;font-weight: bold;font-size: 0;padding: 48px 0 32px;}
.ask-list-tag .list-icon{width: 24px;height: 24px;margin-right: 8px;flex-shrink: 0;fill: #0052D9;}
.ask-list-tag p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin: 0;padding: 0;font-size: 24px;}
.ask-list-box{display: flex;width: 1200px;margin: 0 auto;padding: 0;flex-wrap: wrap;}
.ask-list-box a{background-color: #fff;border-radius: 8px;padding: 16px;height: 76px;box-sizing: border-box;cursor: pointer;font-size: 0;width: calc((100% - 48px) / 3);margin-bottom: 24px;color: #303133;}
.ask-list-box a:nth-of-type(3n-1){margin: 0 24px 24px;}
.ask-list-box a:hover{color: #0152D9;}
.ask-list-box a p{text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;font-weight: bold;font-size: 16px;box-sizing: border-box;-webkit-box-orient: vertical;margin: 0;}

/* 问一问详情 */
.ask-item-main{}
.ask-item-box{display: flex;width: 1200px;margin: 0 auto;position: relative;padding-bottom: 40px;}
.ask-background-img{position: absolute;width: 100%;left: 0;top: 0;display: none;}
.ask-item-box .item-left{flex: 1;width: 0;position: relative;}
.ask-item-box .item-right{flex-shrink: 0;width: 320px;margin-left: 24px;padding: 24px 0;}
.ask-item-box .box-shadow{box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.04);border-radius: 16px;box-sizing: border-box;background: #fff;}
.ask-item-box .label-box{display: flex;flex-wrap: wrap;margin: 0 0 16px;}
.ask-item-box .label-box.label-box-bottom{display: none;margin: 8px 0 24px;}
.ask-item-box .label-box a{padding: 0 16px;height: 32px;font-size: 14px;box-sizing: border-box;line-height: 32px;background: #F5F7FA;border-radius: 4px;margin-right: 8px;margin-bottom: 8px;color: #606266;cursor: pointer;display: flex;align-items: center;}
.ask-item-box .label-box a .label-icon{width: 12px;height: 12px;flex-shrink: 0;margin-right: 4px;fill: #606266;}
.ask-item-box .label-box a:hover{color: #0052D9;background-color: #E6F3FF;}
.ask-item-box .label-box a:hover .label-icon{fill: #0052D9;}
.ask-item-box .label-box.label-box-bottom a{background: #fff;color: #606266;padding: 0 12px;height: 28px;line-height: 28px;}
.ask-item-box .label-box.label-box-bottom a .label-icon{fill: #0152D9;}
.ask-item-box .item-left .item-title{font-weight: bold;font-size: 24px;color: #303133;}
.ask-item-box .item-left .item-content{font-size: 16px;margin: 24px 0 24px;line-height: 22px;color: #303133;}
.ask-item-box .item-left .item-content p{line-height: 1.6;}
.ask-item-box .item-left .item-content .wiki{color: #0152D9;}
.ask-item-box .item-left .item-content .code-box{background: #F5F7FA;padding: 16px;border-radius: 8px;font-size: 14px;}
.ask-item-box .item-left .good-box{display: flex;align-items: center;justify-content: center;}
.ask-item-box .item-left .good-box{padding: 24px 0;}
.ask-item-box .item-left .good-box .good-item{min-width: 84px;display: flex;justify-content: center;align-items: center;background: #F5F7FA;border-radius: 20px;box-sizing: border-box;height: 40px;padding: 0 16px;cursor: pointer;}
.ask-item-box .item-left .good-box .good-item.not-good{margin-left: 16px;}
.ask-item-box .item-left .good-box .good_icon{width: 24px;height: 24px;}
.ask-item-box .item-left .good-box span{font-size: 13px;color: #303133;margin-left: 4px;}
.ask-item-box .ask-item-bottom{margin-top: 16px;padding-bottom: 8px;}
.ask-item-box .ask-item-bottom h2{font-size: 20px;margin: 0;color: #303133;}
.ask-item-box .ask-item-bottom .related-list{margin-top: 24px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.ask-item-box .ask-item-bottom .related-list a{background-color: #F5F7FA;border-radius: 8px;padding: 16px;height: 77px;box-sizing: border-box;cursor: pointer;font-size: 0;width: calc((100% - 16px) / 2);margin-bottom: 16px;}
.ask-item-box .ask-item-bottom .related-list a p{text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;font-size: 16px;box-sizing: border-box;-webkit-box-orient: vertical;margin: 0;color: #303133;}
.ask-item-box .ask-item-bottom .related-list a:hover p{color: #0152D9;}
#ask_right_top{width: 100%;overflow: hidden;}
#ask_right_top img{width: 100%;}

/* 问一问首页头部 */
.head-mobile-fixed{position:fixed;width:100%;z-index:1000;left:0;top: 0;}
.head-mobile-fixed-both{height: 100px;}
.topMbaBar{background:#fff;padding:0 15px;height:50px;line-height:50px;top:0;left:0;width:100%;max-width:864px;border-bottom: 1px solid #EDEFF2;box-sizing: border-box;}
.topMbaBar .subheading{color:#303133;font-size:18px;font-weight:400}
.topMbaBar .left{height:50px;}
.topMbaBar .right{padding-top:8px}
.topMbaBar .separator{display:block;margin:.81rem .44rem 0;background:#edeff2;width:1px;height:.75rem}
.square-btn{display:block;padding:0;width:85px;text-align:center;line-height:normal;cursor:pointer;padding:8px 10px; font-size:13px;text-decoration:none;box-sizing: border-box;}
a.square-btn:hover{text-decoration:none}
.btn-blue{background:#0152D9;color:#fff;border-radius:34px}
.mbaLogo{width:129px;height:29px;display:block;background:url("images/logo_black.png") no-repeat;background-size:100%;margin:10px 0 0;}

.topnav-wr{width:100%;max-width:864px;}
.top-fix-nav{margin:0 auto;padding:0 15px;background:#fff;color:#303133;overflow: hidden;box-shadow:0px 6px 10px 0px rgba(0,0,0,0.05);position: relative;height: 50px;}
.font-primary{color:#0152D9;font-weight: normal;line-height: 50px;}
.top-nav-ico{margin:15px auto 0;display:block;width:136px;height:22px;background: url("./images/img_wendalogo.png") no-repeat;background-size: 100%;}
.top-nav-menu{position:absolute;top:4px;right:15px;cursor:pointer;}
.top-nav-menu2{position:absolute;top:4px;right:50px;cursor:pointer;}
.top-nav-menu>.top-menu-icon{display:block;margin-top:10px;width:22px;height:22px;}
.top-menu-icon.search{background: url("images/icon_serchb.png") no-repeat;background-size: 100%;}
.top-menu-icon.menu-open{background: url("images/menu-open.png") no-repeat;background-size: 100%;}
.top-menu-icon.menu-close{background: url("images/tag-close3.png") no-repeat;background-size: 100%;}
.top-menu-icon.more{background: url("images/nav_btn_more.png") no-repeat;background-size: 100%;}

.page-box{position:fixed;top:50px;left:0;background:#fff;z-index:999;width:100%;height:100%;display:none;padding-top: 50px;}
.p-part{height:62px;line-height:62px;padding:0 15px; margin:0;color:#303133;font-weight:bold;font-size: 1.6rem}
.page-box .category{font-size:14px;overflow:hidden;}
.page-box .category li{float:left;width:33.3%;font-size:0;color:#3A3752;padding:0 26px;box-sizing: border-box;margin-bottom: 16px;}
.page-box .category li a{white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;display: inline-block;font-size: 1.3rem;}
.p-arrow{float:right;display:block;width:20px;height:20px;background:url(images/arrow.png) no-repeat;background-size:100%;margin:20px 0 0;}

.page-box a:link{color:#303133;text-decoration:none}
.page-box a:visited{color:#303133;text-decoration:none}
.page-box a:hover{color:#303133;text-decoration:none}
.page-box a:active{color:#303133;text-decoration:none}

.head-mobile-fixed .wrap-m{position: absolute;left: 0;top: 102px;width: 100%;z-index: 100;box-shadow: 0 1px 2px rgba(0,0,0,.1);background-color: #fff;border-radius: 5px;padding: 10px;border: 1px solid #e6eaed;box-sizing: border-box;transform: all .5s cubic-bezier(.34,1.21,.4,1);display: none;}
.head-mobile-fixed .wrap-m::before{position: absolute;top: -12px;right: 50px;content: '';width: 20px;height: 12px;background: url('./images/triangle.png') no-repeat;}
.head-mobile-fixed .wrap-m .wrap-inner-m{width: 60px;margin-left: 15px;flex-shrink: 0;}
.head-mobile-fixed .wrap-m .wrap-inner-m .search-button{background: #0152D9;color: #fff;font-size: 16px;border: none;width: 100%;height: 30px;line-height: 30px;white-space: nowrap;}
.wrap-inner-l{flex: 1;width: 0;height: 30px;border: 1px solid #ccc;padding: 3px 5px 2px;box-sizing: border-box;}
.head-mobile-fixed .wrap-m .wrap-inner-l .search-text{width: 100%;height: 100%;outline: 0;border: none;padding: 0;box-sizing: border-box;}

.pop-function-module{position:fixed;left:50%;z-index:1003;display:none;margin-left:-4in;top:-1px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;background-color: #fff;overflow: hidden;height:170px;}
.pop-function-module{left:0;margin-left:0;width:100%;padding-bottom:0;}
.pop-function-module .pop-right-btn{position: absolute;top:15px;right:15px;height: 25px;width:25px;background: url("images/icon_cancel.png") no-repeat;background-size: 100%;}
.pop-function-module .title{font-weight: bold;height:50px;line-height:50px;margin:0 15px;color: #333;font-size:16px;}
@media screen and (max-width:768px){
    .pop-function-module{left:0;margin-left:0;width:100%;padding-bottom:0;}
}
.menuContain .h-ico{display: flex;padding: 20px 0;overflow: hidden;}
.menuContain .h-ico .tm-li{flex: 1;flex-shrink: 0;width: 0;text-align: center;color: #303133;position: relative;}
.menuContain .h-ico .tm-li .tm-div{cursor: pointer;margin: 0 auto;font-size: 12px;}
.menuContain .h-ico .tm-li .tm-div .ico{margin: 0 auto 10px;width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;border-radius: 50%;}
.menuContain .h-ico .tm-li .tm-div .ico.ico-share{background: url('./images/itm-share.png') no-repeat;background-size: 100%;}
.menuContain .h-ico .tm-li .tm-div .ico.ico-home{background: url('./images/itm-home.png') no-repeat;background-size: 100%;}
.menuContain .h-ico .tm-li .tm-div .ico.ico-refresh{background: url('./images/itm-refresh.png') no-repeat;background-size: 100%;}

.popCenter{font-size:17px;position: fixed;top:50%;left:50%;width: 17em;background: #fff;border-radius:2px;overflow: hidden;z-index: 1004;
  margin-left: -8.5em;margin-top:-6em;display:none;}
.popCenter h6{text-align: center;font-size: 1em;margin:1.5em 0 .6em;}
.pBody{padding:0 1rem 1.3rem;text-align: center;font-size: .9em;color:#303133;font-weight:bold;}
.popCenter input.bgInput {color: #303133; border: none; background:transparent;width:100%;height: 2.8em;font-size: .9rem;display:block}
.pFoot{border-top:1px solid #EDEFF2;}
.pFoot .primaryBtn{-webkit-tap-highlight-color: transparent;width: 100%;outline: 0;border: 0;height: 3em;cursor: pointer;
  background: #fff;color:#DA291C;font-size: .9em;text-align: center}
.pop-zan-wrap{position: fixed;display:none;
    top: 50%;left: 50%;z-index: 1002;margin-top: -2em;padding: .64em 1em;
    margin-left: -5em;min-height: 1.2em;width: 8em; border-radius: 8px;
    background-color: rgba(0,0,0,.7); color: #fff;text-align: center; font-size:.9em;line-height: 1.5;}
.bg {z-index: 1002;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;opacity: .65;-moz-opacity: .65;filter: alpha(opacity=65);}
.hidden{display: none !important;}
/* 问一问列表（新） */
.ask-category-main{height: 100%;padding-bottom: calc(60px + constant(safe-area-inset-bottom));padding-bottom: calc(60px + env(safe-area-inset-bottom));display: flex;box-sizing: border-box;}
.category-left{width: 102px;flex-shrink: 0;background-color: #F5F7FA;height: 100%;overflow: auto;}
.category-left li{width: 100%;height: 52px;line-height: 52px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding: 0 16px;box-sizing: border-box;text-align: center;font-size: 14px;color: #303133;cursor: pointer;position: relative;}
.category-left li.select{background-color: #fff;font-weight: bold;color: #0152D9;}
.category-left li.select a{color: #0152D9;}
.category-left li a{position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 0 16px;box-sizing: border-box;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.category-right{flex: 1;width: 0;padding: 12px;background-color: #fff;height: 100%;overflow: auto;box-sizing: border-box;position: relative;}
.category-right .problem-sum{font-size: 14px;color: #909399;}
.category-right .list-box{}
.category-right .list-box li{}
/* .category-right .list-box li:not(:first-child){margin-top: 12px;} */
.category-right .list-box li a{display: block;padding: 12px;background-color: #F5F7FA;border-radius: 8px;margin-top: 12px;cursor: pointer;}
.category-right .list-box li a:hover h2{color: #0152D9;}
.category-right .list-box li .list-title{color: #303133;font-weight: bold;font-size: 14px;}
.category-right .list-box li .list-content{color: #96999F;font-size: 14px;margin: 8px 0 0;}
.category-right .list-box li .webkit-line{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: normal;margin: 0;}
.category-bottom{padding: 8px 16px;padding-bottom: calc(8px + constant(safe-area-inset-bottom));padding-bottom: calc(8px + env(safe-area-inset-bottom));position: fixed;bottom: 0;left: 50%;background-color: #fff;width: 100%;transform: translateX(-50%);box-sizing: border-box;box-shadow: 0px -4px 24px 0px rgba(0,0,0,0.04);}
.category-bottom .consult-btn{width: 100%;height: 44px;line-height: 44px;text-align: center;font-size: 16px;color: #fff;background-color: #0152D9;font-weight: bold;display: block;border-radius: 8px;}
.category-pagenav{display: none;position: absolute;bottom: 0;left: 0;width: 100%;padding-bottom: 32px;}
/* pc页面样式 */
.category-background{width: 100%;position: absolute;top: 100px;left: 0;height: 80px;background: linear-gradient(180deg, #E6F3FF 0%, rgba(255,255,255,0) 100%);}
.category-header{display: none;}
.content-wrap.category-main-wrap{width: 1200px;margin: 0 auto;display: flex;height: auto;padding-bottom: 24px;}
.ask-category-main ~ .item-right{flex: 1;width: 0;margin-top: 24px;display: none;}
.ask-category-main ~ .item-right #ask_category_right_top img{border-radius: 16px;width: 100%;}
@media screen and (min-width: 54em){
  .category-background{top: 35px;height: 640px;}
  .head-mobile-fixed{display: none;}
  .head-mobile-fixed-both{display: none;}
  .content-wrap.category-main-wrap .item-right{display: block;}
  .category-pagenav{display: block;}
  .ask-category-main{width: 856px;flex-shrink: 0;height: 808px;border-radius: 16px;overflow: hidden;padding: 0;margin: 24px 24px 0 0;background-color: #fff;}
  .category-bottom{display: none;}
  .category-left{background: none;width: 128px;padding: 8px 0;border-right: 1px solid #EDEFF2;}
  .category-left::-webkit-scrollbar{width:4px;}
  .category-left li{margin: 8px;height: 40px;width: auto;border-radius: 8px;line-height: 40px;font-size: 16px;}
  .category-left li:hover{background: #F5F7FA;}
  .category-right{padding: 24px;overflow: hidden;}
  .category-right .problem-sum{display: none;}
  .category-right .list-box{display: flex;flex-wrap: wrap;}
  .category-right .list-box li{width: calc((100% - 16px) / 2);}
  .category-right .list-box li:nth-of-type(odd){margin-right: 16px;}
  .category-right .list-box li a{width: 100%;box-sizing: border-box;margin: 0 0 16px;height: auto;padding: 16px;display: flex;align-items: center;min-height: 54px;}
  .category-right .list-box li .list-icon{width: 16px;height: 16px;flex-shrink: 0;margin-right: 8px;fill: #0052D9;}
  .category-right .list-box li .list-title{font-size: 16px;display: block;white-space: nowrap;flex: 1;width: 0;line-height: 1;}
}

/* 滚动条隐藏样式 */
.hide-scroll-bar::-webkit-scrollbar-thumb {display: none;}


/* 分页器样式 */
#pageGination{display: flex;justify-content: center;font-size: 14px;}
#pages{display: flex;margin-left: 15px;}
#pages li{width: 35px;height: 35px;text-align: center;line-height: 35px;border: 1px solid #EDEFF2;border-radius: 5px;margin-right: 15px;cursor: pointer;}
#pages li:hover{background-color: #0152D9;border-color: #0152D9;color: #fff;}
#prev,#next{width: 74px;height: 35px;text-align: center;line-height: 35px;border: 1px solid #EDEFF2;border-radius: 5px;cursor: pointer;}
#prev:hover,#next:hover{background-color: #0152D9;border-color: #0152D9;color: #fff;}
.checked{background-color: #0152D9;border-color: #0152D9 !important;color: #fff;}

/* 空页面文案 */
.kong-box{width: 100%;text-align: center;display: none;flex-direction: column;align-items: center;justify-content: center;min-height: 128px;height: 80%;}
.kong-box img{max-width: 100%;}
.kong-box p{font-size: 14px;color: #BFC2CC;}
/* 手机端导航条 */
.navigation-ber{display: flex;position: fixed;top: 0;left: 50%;transform: translateX(-50%);padding: 0 16px;height: 44px;align-items: center;width: 100%;box-sizing: border-box;background-color: #fff;z-index: 2;}
.navigation-ber .referrer-go{margin-right: auto;cursor: pointer;}
.navigation-ber .referrer-go .icon{width: 22px;height: 22px;}
.navigation-ber .navigation-title{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 17px;font-weight: bold;}
.navigation-ber.background-transparent{background: transparent;position: absolute;}
.navigation-ber.background-transparent .navigation-title{display: none;}
.tool-href{margin-left: auto;cursor: pointer;}
.tool-href .icon{width: 22px;height: 22px;}

.header-box{height: 44px;position: relative;display: flex;justify-content: center;align-items: center;}
.header-box .header-icon{width: 22px;height: 22px;position: absolute;left: 16px;}
/* 移动端分页按钮隐藏 */
.page-iph{display: none;}


.move-footer{display: none;}
.move-footer .footer-btns{padding: 8px 16px 0;padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);box-shadow: 0px -4px 24px 0px rgba(0,0,0,0.04);background: #FFFFFF;position: fixed;bottom: 0;left: 0;right: 0;min-height: 60px;}
.move-footer .footer-btns .footer-btn{border: none;background: #0152D9;color: #fff;border-radius: 8px;width: 100%;height: 44px;font-weight: bold;font-size: 16px;display: flex;align-items: center;justify-content: center;}
.move-footer .placeholder-footer{padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);min-height: 60px;}

@media screen and (max-width: 54em){
  .category-header{display: block;}
  .move-footer{display: block;}
  #TopNav.TopNav-vue{display: none;}
  .TopNavHeight{display: none;}
  .fixed-btns{display: none;}
  /* .ask-list-tag{display: none;} */
  .ask-list-tag{padding: 32px 16px 0;height: auto;max-width: 100%;box-sizing: border-box;}
  .ask-list-tag .list-icon{width: 16px;height: 16px;margin-right: 4px;}
  .ask-list-tag p{font-size: 20px;}
  .ask-list-box{width: auto;display: flex;padding: 16px;flex-direction: column;margin-top: 0 !important;}
  .ask-list-box a{height: auto;width: 100%;margin: 0 0 12px !important;}
  .ask-item-box{width: auto;padding: 16px;}
  .ask-item-box .item-right, .ask-item-box .label-box-top{display: none;}
  .ask-item-box .box-shadow{padding: 0;box-shadow: none;background: none;}
  .ask-item-box .ask-item-top{margin: 0;}
  .ask-item-box .item-left .item-content{margin: 24px 0 8px;}
  .ask-item-box .item-left .good-box .good-item{background: #fff;}
  .ask-item-box .label-box.label-box-bottom{display: flex;}
  .ask-item-box .label-box.label-box-bottom li{margin: 0 8px 8px 0;}
  .ask-item-box .ask-item-bottom h2{font-size: 19px;}
  .ask-item-box .ask-item-bottom .related-list{display: flex;margin-top: 16px;flex-direction: column;font-size: 0;}
  .ask-item-box .ask-item-bottom .related-list a{background: #fff;height: auto;width: 100%;margin-bottom: 12px;}
  .ask-background-img{display: block;}
  .ask-item-box .item-left .item-content .wiki{color: #0252D9;}
  .ask-item-box .item-left .item-content .code-box{background: rgba(0, 0, 0, 0.03);}
  .pagenew.m-hide{margin: 8px 0 24px;}
}

/*1180*/
@media screen and (max-width: 73.75em) {
  #home #footer .foo_l{display: none}
body#help #head-wrap,body#help #content{ width:100%; margin:0 auto;}	
#head-logo{ margin-left:15px;}
.poster{display: flex;justify-content: center;}
#home #ad_640{width:100%;height: 90px;}
#home .content-wrap{padding-bottom:60px}
}
/*926.88*/
@media screen and (max-width: 57.93em) {
.poster{display: flex;justify-content: center;margin-top: 16px;}
#home #ad_640{width:100%}
.nav-ico li{margin:0 30px;}
.help-lay1 .img{ width:100%; height:auto; padding:20px 0px;}	
.help-lay1 .img img{ width:100%;}

}

/*800*/
@media screen and (max-width: 50em) {
#footer{ height:auto; padding:10px 0;}
.foo_l{ width:100%; text-align:center; margin:0 0 10px;}  
.foo_r{ width:100%; text-align:center; line-height:normal;}
.poster{display: flex;justify-content: center;margin-top: 16px;}
}

/*760*/
@media screen and (max-width: 47.5em) {
  .fm{ width:calc(100% - 60px);}	
.s_inp_wr{width:75%;height: 32px;padding:0 10px;}
.s_btn_wr{width: 25%;height: 32px;}
.s_btn_wr .sbico{width: 14px;height: 14px;}
.s_btn{height: 32px;font-size: 15px;}
.s_inp{width:100%;height: 32px;font-size: 15px;}
.poster{display: flex;justify-content: center;margin-top: 16px;}
#home .content-wrap{ padding:0; margin-top:50px;}
.nav-ico{ width:calc(100% - 60px); margin:0 auto;}
.nav-ico li{width:33.3%;margin:0 0 24px;font-size: 11px;}
body#help #head-logo{ background:url(//img.mbalib.com/web/images/logo-ico.png) no-repeat; background-size:45px; width:45px; height:45px; display:block; float:left;border-radius:6px;}
body#help #head-logo img{ display:none;}
}


/*640*/ 
@media screen and (max-width:40em) {
#home .logo a{ margin-bottom:10px;}	
.help-lay1 .img{ width:100%; height:auto; padding:20px 0px;}	
.help-lay1 .img img{ width:100%;}	
.poster{display: flex;justify-content: center;margin-top: 16px;}
#home #ad_640{ width: 100%; height: 90px;}
.class-ico{cursor:pointer;background:url(//img.mbalib.com/web/images/class-ico-2.png) no-repeat; width:24px; height:24px; display:block; float:right; margin:20px 20px 0 0;}	
.head-nav li{ float:left; margin-right:20px;}
.head-nav li:nth-last{ margin-right:0;}
.head-nav{display:none;background:#FFF; border:1px solid #E6EAED; width:92%; padding:5px 2%; margin-right:2%;}
.head-nav:before{content: "";width: 20px;height: 12px;margin-left: -8px;background-image: url(//img.mbalib.com/web/images/triangle.png);}
.head-nav:before{position: absolute;top:56px;right:23px;}
.head-show{display:block}

}

/*544*/
@media screen and (max-width:34em) {
#TopMenu{ display:none;}	
#home .content-wrap{ margin:30px 0 0 0}
.poster{display: flex;justify-content: center;margin-top: 16px;}
#home .logo a{ margin-bottom:10px;}
#home #footer{position: inherit;}
}

/*480*/
@media screen and (max-width:30em) {
#home .logo a{width:200px; height:64px; margin-bottom:25px;}
#home .content-wrap {margin: 60px 0 0 0; }
.navico_list{margin:30px 0;}
.nav-ico li a{width: 36px;height: 36px;margin-bottom: 12px;}
#Personal .login{height: 24px;line-height: 24px;padding: 0 10px;}
#footer{ background:#FFF; border:none; float:left; width:100%; margin-top:112px;}	
#footer .foo_r i,.fr-link{ display:none;}
#footer-link{display:none}
body#help .foo_l{display:none}
.poster{display: flex;justify-content: center;margin-top: 16px;}
#home #ad_640{height: 90px;} 
}
/*380*/
@media screen and (max-width:28em) {
  .poster{display: flex;justify-content: center;margin-top: 16px;}
 #home #ad_640{height: 90px;} 
}
a{text-decoration:none;outline:none;color:#3b3b3b;-webkit-tap-highlight-color:transparent}
.blank{clear: both;height: .8rem;height: 16px\9;}
.clear{clear:both}
.fl{float:left}
.fr{float:right}
.fz-14{font-size:.7rem;font-size:14px\9}
.fz-16{font-size:.8rem;font-size:16px\9}
.fz-18{font-size:.9rem;font-size:18px\9}
.fz-20{font-size:1rem;font-size:20px\9}
.fz-22{font-size:1.1rem;font-size:22px\9}
.fz-24{font-size:1.2rem;font-size:24px\9}
.fz-color-gray2{color:#777 !important}
.fz-color-gray3{color:#A1A1A1 !important}
.fz-color-gray{color:#bebebe !important}
.fz-color-gray4{color:#b8b8b8 !important}
.pice{color:#fd6901;font-size:.9rem;font-size:18px\9}
.fz-color-org{color:#ff5200}
.fz-color-b1{color:#5290f0 !important}
.f-color-b{color:#137aff !important}
.hid{display: none;}
.fw{font-weight: bolder !important}
.content{width:768px;margin:0 auto;padding-bottom:3rem;padding-bottom:60px\9}
.mtb-10{margin:10px 0\9;margin:.5rem 0}
.mt-10{margin-top:.5rem;margin-top:10px\9}
.mb-10{display:block;overflow:hidden;margin-bottom:.5rem;margin-bottom:10px\9;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display: block !important;}
.slideUp {-webkit-animation: slideUp .3s;animation: slideUp .3s;}
@media screen and (max-width:768px){
    .slideLeft {-webkit-animation: slideLeft .5s;animation: slideLeft .5s;}
    .poster{display: flex;justify-content: center;margin-top: 16px;}
}
@-webkit-keyframes slideUp {
    from {-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0)}
    to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
}
@keyframes slideUp{
    from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
    to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
#bg{display:none;position:fixed;top:0;left:0;width:100%;height:110%;background-color:#000;z-index:1000;-moz-opacity:.7;opacity:.7;filter:alpha(opacity=70)}
.shade-bx{border-radius:10px;}
.footbar{background-color:#fff;font-size:.7rem;font-size:14px\9;position:fixed;bottom:-1px;left:50%;margin-left:-384px;width:768px;height:3.5rem;height:70px\9;z-index:999;border-top:1px solid #f1f1f1}
.sign-up-ico{-webkit-appearance: none;cursor: pointer; display:block;height:2.6rem;height:52px\9;margin:.4rem auto;margin:8px auto\9;width:90%;border-radius:50px;text-align:center;line-height:2.6rem;line-height: 52px\9;outline: none;font-size: .9rem;font-size: 18px\9;}
.footless-lay{margin:0 auto;width:8in;overflow: hidden;}
.sign-up-ico{background:#fe630e;color:#fff;border:1px solid #fe630e;}
.pay-btn-blue{background:#0888ff;color:#fff;border:1px solid #0888ff;}
.pay-btn-gray{background:#c5ccdc;border:1px solid #c5ccdc;}
.pay-btn-red2{background-color:#f36060;color:#fff;border:1px solid #f36060}
.dy-l{display:inline-block;margin-left:1rem;margin-left:20px\9;line-height:3.5rem;line-height:70px\9;}
.dy-l .tit{margin:0}
.dy-l .paly-ico{display:inline-block;margin-top: .1rem;margin-top:2px\9;margin-right: .1rem;margin-right: 2px\9; width:1.2rem;width:24px\9;height:1.2rem;height:24px\9;background:url(images/order.png) center center no-repeat;background-size:1.2rem;background-size:24px\9;vertical-align:middle}
@media screen and (max-width:1068px){
  .footless-lay{left:0;margin-left:0;width:100%}

}
@media screen and (max-width:768px){
  .content{width:100%}
  .footbar{width:100%;left:0;margin-left:0}

}
.pop-box{overflow:hidden;padding:1rem;padding:20px\9}
.pop-radius .pop-box { padding-top: 0;}
.pop-radius{position:fixed;left:50%;z-index:1001;margin-left:-4in;width:8in;bottom:0;border-top-left-radius: 1rem;border-top-right-radius: 1rem;background-color: #fff;color: #000;overflow: hidden;transform: translate3d(0, 0, 0);}
.pop-radius .pop-left-btn{position: absolute;top:1.75rem;top:35px\9;left:1rem;left:20px\9;color:#8a8a8a}
.pop-radius .pop-right-btn{position: absolute;top:1.75rem;top:35px\9;right:1rem;right:20px\9;color:#8a8a8a}
.pop-radius .header-top{padding:.5rem 0;padding:.5rem 0;overflow: hidden;}
.pop-radius .pop-header h6{color:#000;margin:.3rem 0;margin:6px 0\9; font-weight: normal}
.pop-radius .bottom {border-bottom:1px solid #f0f0f0; display: block;overflow: hidden;padding: .75rem 0;padding: 15px 0\9;color: #000;line-height: 1.8;min-height: 1.5rem;min-height: 30px\9;}
.pop-radius .bottom2 {margin:0; border-bottom:1px solid #f0f0f0; display: block;overflow: hidden;padding:.25rem 0;padding-top:5px 0\9;color: #000;line-height: 1.8;}
.pop-radius .bottom2 .left{width:80%}
.pop-radius .bottom2 .right{padding-top:.6rem}
.pop-radius .pop-body{margin-bottom:-1px;max-height: 18.5rem;max-height: 370px\9}
.pop-radius .pop-body-lay{border-bottom:0;padding:0 1rem;padding:0 20px\9}
.pop-radius .item_price{font-weight: bolder}
.pop-radius .body-main{background: #fff;margin:3.8rem 0 2rem;margin:76px 0 40px\9;font-weight: bolder}
.pop-radius .body-main2.style2{background: #fff;margin:1rem 0;margin:20px 0\9;font-weight: bolder}
.pop-body{overflow-y:auto;max-height:15rem;max-height:300px\9;background-color:#eaedf0}
.pop-body-lay{overflow:hidden;padding:.25rem 1rem;padding:5px 20px\9;border-bottom:1px solid #f0f0f0;background-color:#fff}
.pop-bottom1{border-top:1px solid #f2f2f2}
.pop-bottom1,.pop-bottom1 .pay-btn4{height:3rem}
.pop-bottom1 .pay-btn4{line-height:2.5}
.pop-bottom1 .left{padding-left:20px}
.pop-bottom1 .left .tit{margin-top:10px\9;margin-top:.5rem}
.pop-bottom1 .left .tit2{line-height:2.5;}
.pop-bottom1 .right{margin-left:400px\9;margin-left:20rem}
.pay-btn,.pay-btn4{background-color:#ddd;color:#fff}
.pay-btn,.pay-btn4,.pay-btn5{display:block;padding:.3rem;padding:6px\9;text-align:center;font-size:1rem;font-size:20px\9}
.pay-btn-red{background-color:#ff5200}
.pop-list{overflow-y: auto;overflow-x:hidden;max-height: 22rem;max-height: 440px\9;}
.pop-list>li{margin:0 1.2rem 0.66rem 1.2rem; margin:0 24px 13.2px 24px\9;font-size:.8rem;font-size: 16px\9}
.pop-list>li a{width:100%\9; display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 1rem;padding:0 20px\9;border-radius: 2rem;border-radius: 40px\9;height: 2.6rem;height: 52px\9;line-height: 2.6rem;line-height: 52px\9;background-color: #f7f7f7;color:#000;}
.pop-list>li.sel a{color:#0888ff;background-color: #e6f3ff;}
.pop-list>li .li-inner{cursor: pointer; display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 1rem;padding:0 20px\9;border-radius: 2rem;border-radius: 40px\9;height: 2.6rem;height: 52px\9;line-height: 2.6rem;line-height: 52px\9;background-color: #f7f7f7;color:#000;}
.pop-list>li.sel .li-inner{color:#0888ff;background-color: #e6f3ff;}
.pop-list>li.disabled .li-inner{color: #b8b8b8;background-color: #f7f7f7;cursor:inherit;}
.li-inner .left{text-overflow:ellipsis;white-space:nowrap;overflow: hidden;padding-right: 0.5rem; padding-right: 10px\9}
.li-inner .numberTip{float: right;text-align: right;}
.pay-wx{background:url(images/paywx.png) no-repeat center}
.pay-zfb{background:url(images/payzfb.png) no-repeat center}
.pay-yh{background:url(images/payyh.png) no-repeat center}
.payico{display:inline-block;margin-right:.5rem;margin-right:10px\9;width:1.3rem;width:26px\9;height:1.5rem;height:30px\9;background-size:1.3rem;background-size:26px\9}
.arrow-ico{display:block;margin-top:.2rem;margin:4px\9; width:1.25rem;width:25px\9;height:1.25rem;height:25px\9;background:url(images/arrow.png);background-image:none\9;background-size:1.25rem;background-size:25px\9;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/arrow.png', sizingMethod='scale')\9}
.list-op.arrow-ico{width: 1rem;height: 1rem;background-size:100%;position: absolute;top:1rem;top:20px\9;right: .7rem;right: 14px\9; }
@media screen and (max-width:1068px){
  .pop-bottom1 .left .tit{margin-top:.25rem}
  .pop-wrap{padding-bottom:1rem;padding-bottom:20px\9;max-height:25rem;}
  .pop-wrap3{padding-bottom:0;max-height:none;box-shadow:0 2px 5px rgba(0,0,0,.2)}

  }
@media screen and (max-width:768px){
  .pop-radius{width: 100% !important;margin-left:0 !important;left: 0 !important;}
  .pop-bottom1 .right{margin-left:300px\9;margin-left:15rem}
  .pop-wrap3{padding-bottom:0;max-height:none;box-shadow:0 2px 5px rgba(0,0,0,.2)}
}
.check1{border-radius:50%;background-color:#e0e2e4}
.check2{background:url(images/check-ico.png) no-repeat;background-image:none\9;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/check-ico.png', sizingMethod='scale')\9}
.check{margin-top:.25rem;margin-top:5px\9;background-size:1.2rem;background-size:24px\9;cursor:pointer}
.check,.check-lay .check{display:block;width:1.2rem;width:24px\9;height:1.2rem;height:24px\9}
.check-lay .check{position:absolute;top:1.8rem;right:10px;background:url(images/check-ico.png);background-image:none\9;background-size:1.2rem;background-size:24px\9;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/check-ico.png', sizingMethod='scale')\9}
.scalar-box{overflow:hidden;border:1px solid #f0f0f0;border-radius:.4rem;border-radius:8px\9;text-align:center;position: absolute;right:.5rem;right:10px\9;top:50%;margin-top:-.9rem;margin-top:-18px\9}
.scalar-box i{color:#ccc; float:left;display:block;width:1.5rem;width:30px\9;height:1.5rem;height:30px\9;font-weight:700;font-style:normal;font-size:1rem;font-size:20px\9;line-height:1.5rem;line-height:30px\9;cursor:pointer}
.scalar-box .num{display:block;width:3rem;width:60px\9;height:1.5rem;height:30px\9;border:none;border-radius: 0;border-right:1px solid #f0f0f0;border-left:1px solid #f0f0f0;text-align:center;font-size:.8rem;font-size:16px\9;line-height:1.5rem;line-height:30px\9}
.back-ico{position: absolute;top:.75rem;top:14px\9; background-image:url(images/back.png);background-repeat:no-repeat;background-size:100%;width:1.1rem;height:1.1rem;background-size:24px\9;width:24px\9;height:24px\9;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/back.png', sizingMethod='scale')\9;background-image:none\9;display:inline-block;left:1rem;left:20px\9}
.topnav-iph-wr{width: 100%;}
.topnav-iph{max-width: 768px;position: relative; margin:0 auto;padding:.6rem 0;padding:12px 0px\9;border-bottom:1px solid #f8f8f8;background:#fff;color:#000;text-align:center;font-size:.9rem;font-size:18px\9}
.topnav-iph h1{max-width:10rem;max-width:200px\9;font-weight: normal;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size: 1rem;font-size: 20px\9}
.topnav-menu{position:absolute;top:.6rem;top:12px\9;right:1rem;right:20px\9;z-index:1;cursor: pointer;color:#000;font-size: .9rem;font-size: 18px\9}
.topnav-menu>.menu-icon{cursor: pointer; display:block;width:32px\9;width:1.6rem;height:32px\9;height:1.6rem;background:url(images/tan-set.png) no-repeat;background-image:none\9;background-size:100%;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tan-set.png', sizingMethod='scale')\9;}
.topnav-menu>.menu-icon2{ margin-top:.2rem; margin-top:4px\9;display:block;width:20px\9;width:1rem;height:20px\9;height:1rem;background:url(images/tan-set2.png) no-repeat;background-image:none\9;background-size:100%;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tan-set2.png', sizingMethod='scale')\9;}
.topnav-menu>.menu-icon3{ margin-top:.3rem; margin-top:6px\9;display:block;width:20px\9;width:1rem;height:20px\9;height:1rem;background:url(images/tan-set3.png) no-repeat;background-image:none\9;background-size:100%;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tan-set3.png', sizingMethod='scale')\9;}
.menu-pop-items{position:absolute;top:2rem;top:40px\9;right:0;width:9rem;width:180px\9;border:1px solid #f1f1f1;border-radius:5px;background-color:#fff;-webkit-box-shadow:0 0 1rem rgba(0,0,0,.1);-moz-box-shadow:0 0 1rem rgba(0,0,0,.1);box-shadow:0 0 1rem rgba(0,0,0,.1);box-shadow:0 0 20px rgba(0,0,0,.1)\9;;z-index: 1}
.menu-pop-items .pop-item{position:relative;overflow:hidden;padding:.8rem 1rem;padding:16px 20px\9;border-bottom:1px solid #f1f1f1;cursor:pointer;}
.menu-pop-items .pop-item:last-child{border-bottom:none;}
.menu-pop-items .pop-item span{float:left;display:block;line-height:1.3rem;line-height:24px\9;}
.menu-pop-items .pop-item .head-icon{float:left;margin:0.05rem .5rem 0 0;margin:0 10px 0 0\9;width:1.2rem;width:24px\9;height:1.2rem;height:24px\9;background-size:100%;}
.lesson-r-box .tit,.message-lay .txt{display:-webkit-box;overflow:hidden;margin:0;color:#000;font-weight:400;font-size:.9rem;font-size:18px\9;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.lesson-lay{display:block;overflow:hidden;margin:1rem;margin:20px\9;border-right:1px solid #f2f2f2;width:73%;padding-right: 1rem;padding-right:20px\9}
.pos-rel {position: relative;}
.pos-left{position: absolute; margin-top: -.8rem;margin-top:16px\9;top: 50%;left: 1rem;left:20px\9;display: none}
.ableSelect .pos-left{display: block}
.ableSelect.admin-wrap{padding-left: 2rem;margin-left: 40px\9}
.ableSelect .lesson-lay{width:70%;cursor: pointer;}
.zs-ico-setup{display: block;height: 4rem;width: 3rem;line-height: 4rem;height: 80px\9;width: 60px\9;line-height: 80px\9;text-align: center;}
@media screen and (min-width:768px){
  .lesson-lay{width:82%}

  .ableSelect .lesson-lay{width:81%;cursor: pointer;}
}
.wrap-bottom{margin-bottom:15px\9;background-color:#fff}
.wrap-bottom,.wrap-bottom2{overflow:hidden;margin-bottom:.75rem}
.admin-wrap{position:relative;display:block;overflow:hidden;border-bottom:1px solid #f1f1f1}
.lesson-r-box .mb-ellipsis{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 14rem;display: block;}
.commont-input::-webkit-input-placeholder{color:#c3c3c3 !important;}
.wInput::-webkit-input-placeholder{color:#000;}
input[type="submit"]{appearance: none;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;}
input::-ms-clear,textarea::-ms-clear {display: none;}
input,textarea{margin:0;font-family:"Hiragino Sans GB", "Microsoft YaHei","WenQuanYi Micro Hei", sans-serif;}
.wInput:valid + .clear-input{display: block;}
.wInput{outline: none;border-radius:0;border:0; padding: 1.2rem 1.3rem 1.2rem 0rem;padding: 14px 26px 14px 0\9;width: 100%;box-sizing: border-box;font-size: .9rem;}
.clear-input{display: none;position: absolute; right: .2rem; right: 4px\9;  top:1.1rem;top:22px\9;background: url(images/input-clear.png) no-repeat;height: 1.1rem; width:1.1rem; height: 22px\9; width:22px\9;background-size:100%;}
.input-wr{position: relative;border-top:1px solid #f0f0f0;margin:0 .7rem;}
.wTextArea:valid + .clear-input{display: block;}
.wTextArea{outline: none;border-radius:0;border:0; padding: .8rem 1.3rem 1.2rem 0;padding: 12px 26px 24px 0\9;width: 100%;box-sizing: border-box;font-size: .9rem;}
.options{margin:0;border:1px solid #eee;border-radius: 3px;position: absolute;bottom:39px;left:0;background: #fff;font-size: 13px;max-height: 325px;overflow-y: auto}
.options li{width:198px;padding:10px 15px;cursor: pointer}
.options li.sel{background-color:#f2f2f2;}
.options li:hover{background-color:#f2f2f2; }
.areaItem{position:relative;display: inline-block;margin-right: 10px;}
.areaItem input[type=text]{width: 190px;height: 36px;cursor: pointer;padding-right: 24px;background-color: #f7f7f7;border-radius: 3px;border: solid 1px #eeeeee;padding-left: 15px;font-size: 14px}
.areaItem input[type=text]::-webkit-input-placeholder,.cert-form-wr textarea[class=zd_textarea]::-webkit-input-placeholder{color: #999}
.areaItem input[type=text]:-moz-placeholder,.cert-form-wr textarea[class=zd_textarea]::-moz-placeholder{color: #999}
.areaItem input[type=text]::-moz-placeholder, .cert-form-wr textarea[class=zd_textarea]::-moz-placeholder{color: #999}
.areaItem input[type=text]:-ms-input-placeholder, .cert-form-wr textarea[class=zd_textarea]:-ms-input-placeholder{color: #999}
.arrowIoc{display: block;width:16px;height: 16px;}
.arrowDown{background:url(./images/arrow-down.png) no-repeat;background-size: 100%;}
.arrowUp{background:url(./images/arrow-up.png) no-repeat;background-size: 100%;}
.reg-list,.user-class-lay{display:block;border-bottom:1px solid #f2f2f2;color:#323232;line-height:1.9rem;line-height:38px\9}
.user-bj-ico{color: #b8b8b8;font-size: .9rem;font-size: 18px\9;position:absolute;top:50%;margin-top:-2rem;margin-top:-40px\9;right:.8rem;right:16px\9;}
.user-class-lay{overflow:hidden;padding:.75rem 1rem;padding:15px 20px\9;color:#000}
.tz-button{top:50%;right:.75rem;margin-top:-.6rem}
.button-circle,.tz-button{position:absolute;height:1.2rem}
.button-circle{display:block;width:1.2rem;border-radius:50%;}
.button-bg{display:block;margin-top:.2rem;width:2rem;height:.8rem;border-radius:1rem}
.tz-button-close .button-bg{background:#eaedf0}
.tz-button-close .button-circle{left:0;background:#ccd0d6}
.tz-button-open .button-bg{background:#a0c2f9}
.tz-button-open .button-circle{right:0;background:#4182ef;left:auto}

/*订单*/
.orderItem{-webkit-tap-highlight-color:transparent;margin:0 1rem .6rem 1rem;margin:0 20px 12px 20px\9;padding:.6rem .8rem;padding:12px 16px\9;background-color:#fff;}
.orderItem:first-child{margin-top:.6rem;margin-top:12px\9} 
.orderItem .body{margin-top:0.4rem;margin-top:8px\9;border-top:1px solid #f0f0f0;}
.order-top{overflow:hidden;border-bottom:1px solid #f0f0f0;position: relative;}
.order-top.style1{margin:.6rem 0;margin:12px 0\9;position: relative;border:none}
.order-top .status{margin:.5rem 13rem .8rem 0;margin:10px 260px 16px 0\9;color:#8a8a8a;font-weight:bolder;font-size:.9rem;font-size:18px\9;}
.order-top .info{margin:0;margin:0 0 10px 60px\9;color:#b8b8b8;text-align:right;line-height:1.1rem;line-height:22px\9;}
.order-top .info p{margin:0;}
.order-top-r .user-name{margin:.2rem 0;margin:4px 0\9;color:#010101;font-weight:400;}
.order-top-r{padding-left:2.6rem;padding-left:52px\9;}
.order-body{padding:.5rem 0;padding:10px 0\9;}
.order-body .content-item{position:relative;overflow:hidden;padding-bottom:.2rem;padding-bottom:4px\9;}
.order-body .order-body-l{margin-right:1rem;margin-right:20px\9;}
.order-body .order-body-l img{width:5rem;width:100px\9;height:5rem;height:100px\9;border-radius:10px;}
.order-body .order-body-r{position:relative;padding-left:6rem;padding-left:120px\9;height:5rem;height:100px\9;}
.order-body .ori-price{position:absolute;bottom:0;margin:1.5rem 0 0 0;margin:30px 0 0 0\9;color:#a7a7a7;}
.order-body .number{position:absolute;right:0;bottom:0;color:#a7a7a7;}
.order-total{line-height:1.4rem;line-height:28px\9;}
.order-total .total{margin:0;margin:0\9;color:#000;}
.order-total .text{margin:.6rem 0;margin:12px 0\9;color:#b8b8b8;line-height:1.4rem;line-height:28px\9;}
.order-total .text.bolder{color:#000;font-weight:bolder;font-size:.9rem;font-size:18px\9;}
.order-total .text.ft-black{color:#000;font-size:.9rem;font-size:18px\9;}
.order-total .brief{overflow: hidden; display: -webkit-box;-webkit-line-clamp: 3;text-overflow: ellipsis;-webkit-box-orient: vertical;margin:.6rem 0;margin:12px 0\9;color:#b8b8b8;line-height:1.4rem;line-height:28px\9;}
.order-total .total{margin:0;margin:0\9;color:#000;}
.order-total .price{color:#fe630e;font-weight:bolder;}
.order-bottom{overflow:hidden;width:100%;}
.order-detail{margin:0 1rem 2rem 1rem;margin:0 20px 40px 20px\9;padding:.5rem 1rem;padding:10px 20px\9;background-color:#fff;}
.order-detail .order-d-content .text{margin:.6rem 0;color:#b8b8b8;line-height:1.4rem;line-height:28px\9;}
.status .ft-readyPay{color:#fe630e;}
.status .ft-end{color:#000;}
.status .ft-readyReceive{color:#fe630e;}
.status .ft-readySend{color:#fe630e;}
.order-btn-status.cancel,.order-btn-status.invoice{border-color:#8a8a8a;color:#8a8a8a;}
.order-btn-status.linkPintuan,.order-btn-status.topay{border-color:#fe630e;color:#fe630e;}
.order-btn-status.receive{border-color:#fe630e;color:#fe630e;}
.order-btn-status{border-color: #8a8a8a;color: #8a8a8a;float:right;display:block;margin-top:.7rem;margin-top:14px\9;margin-left:.8rem;margin-left:16px\9; padding: 0.32rem 1.2rem;padding:6.4px 24px\9;border:1px solid;border-radius:1rem;border-radius:20px\9;text-decoration:none;font-size:.8rem;font-size:16px\9; line-height: initial;}
.class-tips{font-size:0;overflow: hidden}
.class-tips .act-icon{margin:0;border-color: rgba(96,98,102,.5);background-color:rgba(96,98,102,0.1);color:#606266;}
.act-icon{min-height: 1rem; font-size:.7rem;font-size:14px\9;border-radius:.25rem;border-radius:5px\9;  padding:.03rem .25rem;padding:0 5px\9;display:inline-block;margin:.5rem 0 0 0;
    margin-bottom:10px\9;border:.5px solid;transform-origin: 1px 1px;  float:left;
    display: -webkit-box;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.address-icon {margin-top: 0.5rem;margin-top: 2px\9;display: block;width:1.9rem;width:38px\9;height:1.9rem;height:38px\9;background:url(./images/address.png) no-repeat;background-size: 100%;}
.logistics-icon{margin-top: 0.6rem;margin-top: 2px\9;display: block;width:1.9rem;width:38px\9;height:1.9rem;height:38px\9;background:url(./images/logistics.png) no-repeat;background-size: 100%;}
.content3{margin:0 auto;padding:0}
.lesson-r-box .address{color:#000;display: block;margin-top:.2rem;margin-top:4px\9;}
.lesson-r-box .default{display: inline-block; transform: scale(.9,.9);  transform-origin: top left;font-size: .7rem;font-size: 14px\9;line-height: normal; color: #f77730;background-color: #fff3ec;border-radius: 5px;border: solid 1px #f77730;margin-right: .3rem;margin-right: 6px\9;padding:0.02rem .2rem;padding:0px 4px 2px 4px\9;margin-top:-.1rem;margin-top:-2px\9}

/*pc 手机端样式*/
.area-pcLay{margin-right: -10px;margin-top: 0px;margin-bottom: 20px;height: 36px;}
.area-pcLay .line-input{float:left;width:235px;height:36px;margin-right:10px}
.line-input{border:none;background:#f2f2f2;border-radius:5px;height:28px;padding:3px 10px}

.kong-page3{overflow:hidden;text-align: center;margin: 0 1rem .6rem 1rem;margin: 0 20px 12px 20px\9;padding: 0.6rem 1rem;padding: 12px 20px\9;}
.kong-page3>.pic{display:block;margin:0 auto;background-position: center;margin-bottom:1.5rem;margin-bottom:30px\9;}
.kong-page3>p{color: #b8b8b8;margin:0 0 1.6rem 0;margin:0 0 32px 0\9;}
.msg-btn{width: 250px;cursor: pointer; display: block;color:#fff;background: #0888ff;border-radius: 2rem;border-radius: 40px\9;height: 2.75rem;height:55px\9;line-height: 2.75rem;line-height: 55px\9; margin:0 auto;}
@media screen and (max-width:768px){
  .msg-btn{width: 100%; }
}
.pic-1{background: url(images/kong-1.png) no-repeat; background-size: 100%;width:15rem;width:300px\9;height: 12rem;height:240px\9;margin: 0 auto 0;}
.backhtgl-ico{background-image:url(images/ico23-8.png);background-image:none\9;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ico23-8.png', sizingMethod='scale')\9}
.footbar a.ico i,.footbar a.ico1 i{width:2rem;height:2rem;width:34px\9;height:34px\9;background-size:2rem;background-size:34px\9;display:block;text-align:center;margin:0 auto 0;margin:0 auto 0\9}
.footbar{background-color:#fff;font-size:.7rem;font-size:14px\9;position:fixed;bottom:-1px;left:50%;margin-left:-384px;width:768px;height:3.5rem;height:70px\9;z-index:1000;border-top:1px solid #f1f1f1}
.footbar a.ico,.footbar a.ico1{display:inline-block;text-align:center;color:#828282}

@media screen and (max-width:768px){
  .footbar{left:0;margin-left:0;width: 100%;}

}
.wx-pc{font-size:18px;background-color:#fff;width:260px;padding:40px 0 20px;position:fixed;top:50%;margin-top:-250px;left:50%;margin-left:-130px;text-align:center;z-index:1003}
.wx-pc p{margin:10px 0 0}
.wx-close{background-image:url(//img.mbalib.com/bang/images/close-2.png);width:18px;height:18px;display:block;position:absolute;right:10px;top:10px}
.wx-img{width:200px;margin:0 auto}
.wx-pc img{text-align:center}
.wx-pc .text1{color: #3b3b3b;}
.wx-pc .text2{color: #3b3b3b;font-size: .8rem;}


/*-------------------  home css --------------------------------*/
@keyframes arrow{
	to{
		opacity:.3;
		transform:translateY(10px)
	}
}
#TopNav{position: fixed;top:0;left:0}
.wrapper,.poster{position: relative;min-width: 1100px;margin-top: -2px;}
.the15 #TopNav{z-index: 999;}
.the15 #TopMenu ul li a, .the15 #Personal a{color:#000}
.the15 #TopMenu ul li.selected span{color:#000}
.the15 p{margin:0 auto;}
.TopNavHeight{height: 52px;}
.banner_video {display: block;}
.firstBox{top:403px;left:0;width: 100%;}
.the15 .nav-ico li{color:#303133;font-size: 14px;}
.the15 .nav-ico li:hover a{transform: scale(1.1);}
.nav-ico li.ou_ico a{background-image: url(images/channel/ic_gjmba@2x.png);}
.nav-ico li.doc_ico a{background-image: url(images/channel/ic_wd@2x.png);}
.nav-ico li.ke_ico a{background-image: url(images/channel/ic_kt@2x.png);}
.nav-ico li.wiki_ico a{background-image: url(images/channel/ic_bk@2x.png);}
.nav-ico li.mba_ico a{background-image: url(images/channel/ic_scy@2x.png);}
.nav-ico li.news_ico a{background-image: url(images/channel/ic_zx@2x.png);}
.nav-ico li.ask_ico a{background-image: url(images/channel/ic_ask@2x.png);}
.next{position: fixed;bottom: 30px;width: 33px;height:32px;left:50%;margin-left:-20px;animation: arrow 1s infinite alternate;z-index: 99;}
.next img{display: block;width: 100%;height: 100%;}
.the15#home #footer{margin-top: 0;position: fixed;z-index: 1;}
#firstScreen{min-height: 600px;}
.home-logo{margin: 0 auto;display: block;margin-top: 144px;margin-bottom: 48px;height: 80px;}
.first-img{display: block;width: 100%;}
.img_bg1920{min-width:1920px;}
.quota-before{left:190px;top:54px;background-image:url(./the15/img_yhzs1.png)}
.quota-after{right:189px;top:392px;background-image:url(./the15/img_yhzs2.png)}
.airplane-before{left:-13px;top:60px;width:131px;height:107px;background-image:url(./the15/img_fjzs.png)}
.airplane-after{right:0;top:289px;width:155px;height:174px;background-image:url(./the15/img_fjzs2.png)}
.medias{margin-top:36px;margin-right:-32px;overflow:hidden;margin-left:-15px;margin-bottom: 0;}
.medias li{float:left;margin:30px 15px 0;width:347px;height:478px;padding:54px 15px;background-image:url(./the15/img_zfspbg.png);background-repeat:no-repeat;background-size: 100%;box-sizing:border-box;cursor:pointer}
.medias .media{width:100%;height:100%;font-size:12px;position: relative;}
.btn-more-wrap{margin:50px 0 60px;overflow:hidden}
.btn-more{width:174px;display:block;height:58px;margin:0 auto;border:2px solid #FFF;outline: none;border-radius:29px;background-color:transparent;font-size:28px;font-weight:400;color:#fff;cursor:pointer;box-sizing:border-box;line-height:1.7;padding:0}
.img_zfspzs{background-image:url(the15/img_zfspzs.png);background-repeat:repeat-y;background-position:center top;background-size:100%;overflow:hidden}
.medias .prism-player{background-image:linear-gradient(45deg,#fc9647,#ffe08e 50%,#fc9647)} 
.medias .prism-player .prism-big-play-btn{width:80px;height:80px;z-index: 15;}

/* .img-mobile,.links-mobile,.about-mobile{display: none;} */

.the15 .nav-ico{padding:0;}
.the15 .nav-ico li{padding:0;}
.the15 .nav-ico li a{display: block;}

@media screen and (min-width:2000px ) {
  .quota-before{top:100px}
  .quota-after{top:750px}
  .airplane-before{top:90px}
  .airplane-after{top:620px}
}
@media screen and (max-width:1366px) {
  .home-logo{height: 55px;margin: 0 auto;display: block;margin-top: 144px;margin-bottom: 48px;}
  .wrapper,.poster{min-width:11rem;margin-top: 16px;}

  .TopNavHeight{height:.52rem}
  .firstBox{top: 27px !important;left:0;width:100%}
  .the15 .fm{ width:8.06rem;}	
   .the15 .ss-k{width:calc(100% - 1.04rem);height:.48rem;}
   .the15 .ss-k input{font-size: .18rem;padding:0 .2rem;}
   .the15 .ss-comple li{font-size: .18rem;height: .48rem;line-height: .48rem;padding:0 .2rem;}
  .the15 .s_btn_wr{width: 1.04rem;height: .48rem;}
  .the15 .s_btn_wr .sbico{width: .18rem;height: .18rem;}
  .the15 .s_btn{height: .48rem;;font-size: .18rem;border: 1px solid #0152D9}
  .the15 .s_inp{height: .48rem;font-size: .18rem;}
  .the15 .nav-ico{margin: .4rem auto; width: 8.7rem;}
  .the15 .nav-ico li{font-size: .14rem;margin: 0 .32rem;width: auto;}
  .the15 .nav-ico li a{width: .55rem;height: .55rem;margin:0 auto .15rem;}
  .next{bottom:.3rem;width:.33rem;height:.32rem;left:50%;margin-left:-.2rem;cursor: pointer;}
  #firstScreen{min-height:8rem}
  .img_bg1920{min-width:19.2rem}
  .quota-before{left:1.9rem;top:.54rem;}
  .quota-after{right:1.89rem;top:3.92rem;}
  .airplane-before{left:-.13rem;top:.6rem;width:1.31rem;height:1.07rem;}
  .airplane-after{right:0;top:2.89rem;width:1.55rem;height:1.74rem;}
  .medias{margin-top:.36rem;margin-right:-.32rem;margin-left:-.15rem;margin-bottom:0}
  .medias li{float:left;margin:.3rem .15rem 0;width:3.47rem;height:4.78rem;padding:.54rem .15rem;}
  .medias .media{width:100%;height:100%;font-size:.12rem}
  .btn-more-wrap{margin:.5rem 0 .6rem;overflow:hidden}
  .btn-more{width:1.76rem;height:.58rem;margin:0 auto;border:2px solid #fff;border-radius:.29rem;font-size:.28rem;font-weight:400;line-height: .58rem;}
  .medias .prism-player .prism-big-play-btn{width:.8rem;height:.8rem;z-index:15}
}

@media screen and (max-width: 768px){
  .wrapper,.poster{min-width:768px}
  
}

@media screen and (max-width: 700px){
  #TopMenu {
    display: none;
  }
  .navico_list{
    margin: 0 auto;
  }

}

/* @media screen and (min-width: 375px) and (max-width: 413px){
  .the15#home #footer{
    margin-top: 257px;
  }
  }
  
  @media screen and (min-width: 414px) and (max-width:767px){
  .the15#home #footer{
    margin-top: 172px;
  }
  }

@media screen and (min-width: 768px) and (max-width: 1023px){
  .the15#home #footer{
    margin-top: 185px;
  }
  }

@media screen and (min-width: 1024px) and (max-width: 1633px){
  .the15#home #footer{
    margin-top: 317px;
  }
  } */

  

