/* reset */
body,html{width: 100%; -webkit-tap-highlight-color:transparent;}
abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;outline:0;border:0;background:0 0;vertical-align:baseline;font-size:100%;}
body{ height: 100%; overflow-x: hidden;  color:#333;font-size:14px;
    font-family: '思源黑体',Arial,sans-serif;position: relative; }
h1{font-size: 30px; }
h2{font-size: 24px;}
h3{font-size: 18px;}
h4{font-size: 16px; }
h5{font-size: 15px;}
h6{font-size: 14px;}
a,a:active,a:hover,a:visited,a:focus{outline:0;text-decoration:none;}
a{color:#333;}
a:hover { color: #E69226;text-decoration:none; }
.list .list-item .text .more,
.list .col-xs-4 .list-item .pic .more,
.customer,
.section-process .text-center i,
.teacher-capital .item .text-tran,
a {
    text-decoration: none;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
li{list-style:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.clearfix {zoom: 1;}
.clearfix:after{content: ""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0;}
input,textarea {-moz-appearance:none;-webkit-appearance:none;outline:none; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important;}
input:focus, textarea:focus {outline: none;-webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-user-modify:read-write-plaintext-only;}
button{outline:none;}
textarea { resize: none;}
input::-webkit-input-placeholder { color:#ccc;}
input::-moz-placeholder { color:#ccc;}
input:-ms-input-placeholder { color:#ccc;}
.field-input::-webkit-input-placeholder { color:#B9BED1;}
.field-input::-moz-placeholder { color:#B9BED1;}
.field-input:-ms-input-placeholder { color:#B9BED1;}
p { line-height: 1.8;}
img { max-width: 100%; height: auto; display: block; margin: 0 auto;}
hr { display: block; width: 100%;  height: 3px; background: #eee; border: 0; margin: 0 0 40px; }

/* 栅格布局  */
.row { padding: 0; margin-left: -15px; margin-right: -15px; }
.row:after{clear:both;display:block;visibility:hidden;height:0;content:" "; font-size: 0;}
.col-sm-1,.col-sm-2,.col-sm-4,.col-sm-6,.col-sm-7,.col-sm-8,.col-md-2,.col-md-5,.col-md-10,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left;position:relative;min-height:1px; padding-left: 15px; padding-right: 15px; }
.col-xs-12{width:100%;}
.col-xs-11{width:91.66666667%;}
.col-xs-10{width:83.33333333%;}
.col-xs-9{width:75%;}
.col-xs-8{width:66.66666667%;}
.col-xs-7{width:58.33333333%;}
.col-xs-6{width:50%;}
.col-xs-5{width:41.66666667%;}
.col-xs-4{width:33.33333333%;}
.col-xs-3{width:25%;}
.col-xs-2{width:16.66666667%;}
.col-xs-1{width:8.33333333%;}

.gray-bg { background:#F6F8FB; }
.white-bg { background: #fff; }
.gray-3 { color: #333!important; }
.gray-6 { color: #666; }
.gray-7 { color: #7C7C7C; }
.gray-9 { color: #999; }
.gray-a { color: #A7ACAF;}
.fz-12 { font-size: 12px; }
.fz-16 { font-size: 16px; }
.fz-18 { font-size: 18px; }
.fz-20 { font-size: 20px; }
.fz-22 { font-size: 22px; }
.fz-24 { font-size: 24px; }
.fz-28 { font-size: 28px; }
.fz-30 { font-size: 30px; }
.fz-36 { font-size: 36px; }
.fz-38 { font-size: 38px; }
.fz-50 { font-size: 50px; }
.fz-60 { font-size: 60px; }

.fw{font-weight: bold;}
.blue { color: #0068B7; }
.white { color: #fff; }
.pt-10 { padding-top: 10px; }
.ptb-40 { padding-top: 40px; padding-bottom: 40px;}
.pd-30 { padding: 30px; }
.ml-20 { margin-left: 20px; }
.ml-30 { margin-left: 30px; }
.ml-40 { margin-left: 40px; }
.ml-42 { margin-left: 42px; }
.mr-12 { margin-right: 12px; }
.mt-40 { margin-top: 40px; }
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-12 { margin-bottom: 12px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.mb-35 { margin-bottom: 35px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }
.mb-60 { margin-bottom: 60px; }
.mb-80 { margin-bottom: 80px; }
.mr-10 { margin-right: 10px;}
.ml-30 { margin-left: 30px;}
.pt-5 { padding-top: 5px;}
.pt-20 { padding-top: 20px;}
.text-center { text-align: center; }
.text-right { text-align: right; }
.cell {display:flex;align-items:center; position: relative;}
.cell-bd {flex: 1;}
.hidden{ overflow: hidden; }
.flex-hidden{ overflow: hidden; }
.rightline { border-right: #DFE3E8 solid 1px; }
.desktop-hide { display: none; }
/* 按钮 */
.modal { top:20%; }
.modal-header { text-align: center; font-weight: bold; color: #0068B7;border:0;padding: 40px 30px 10px;}
.modal-title {font-weight: bold;}
.modal-footer { display: flex; justify-content: center; border:0; padding: 0 0 50px;}
.modal-content { display: flex; align-items: center;}
.btn {  display: flex; align-items: center; justify-content: center;  padding: 8px 12px; min-width: 100px;  width: 100%; font-size: 18px; color: #fff;
    background: #E69226; border:#E69226 solid 1px; border-radius: 3px;
}
.btn:hover { opacity: 0.8; }
.btn.focus, .btn:focus, .btn:hover {color: #fff;}
.line-btn { display: flex; align-items: center; justify-content: center; margin: 0 auto; width: 180px; height: 50px; font-size: 18px; border: 1px solid #fff; text-align: center; line-height: 50px; color: #fff; border-radius: 6px;}
.line-btn:hover { color: #fff;opacity: 0.8;}
.btn.width180 { width: 180px;}
.btn.width180.jcn { margin: 0 auto;}
.icon-more { width: 17px; height: 14px; margin-left: 6px; background: url('../images/icon-more.png') no-repeat 0 0;}
.btn-primary {background-color: #E69226; border-color: #E69226;}
.modal-header .close { width: 50px; height: 50px; position: absolute; right: 0; top:0; }
.form-group { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 20px; }
.form-group label { width: 100%; text-align: left; font-size: 18px; margin-bottom: 10px;}
.form-group .red { color: #ff0000; position: relative; top:3px; }
.form-group .form-control { width: 100%; }
.form-control { border: 1px solid #eee; opacity: 1;  padding: 10px; line-height: 28px; border-radius: 3px; box-shadow: none;}
.form-control:hover{ border-color:#D2D2D2;}
.layui-form-select { width: 100%;}
.layui-badge-rim, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {
    border-color: #eee;
}
.layui-input, .layui-select, .layui-textarea { height: 50px;}
.layui-form-select dl { padding: 0;}
.apply-form { width: 386px; padding: 40px; background: #fff; border-radius: 8px;}
.form-title { font-size: 20px; text-align: center; margin-bottom: 28px; line-height: 1.2;}
.btn-group { padding-top: 10px; display: block;}
.contact { width: 840px; margin: 90px auto; background: #fff; box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.08); border-radius: 20px;}
.contact .form-title  { font-weight: bold; font-size: 36px;}
.contact .apply-form { width: 628px; margin: 0 auto; padding: 60px 0 70px;}
.contact .apply-form  .layui-form-select { width: 100%;}
.layui-form-select dl dd.layui-this { background-color: #E69226; color: #fff;}
.layui-form-select .layui-edge { border-width: 5px; border-top-color: #666;}
.swiper-slide img { width: 100%;}
.swiper-pagination{ display: flex; align-items: center; justify-content: center;}
.swiper-pagination-bullet{ width: 8px; height: 8px; border-radius: 8px;
    background: rgba(36, 38, 41,0.5); margin: 0 5px; opacity: 1; }
.swiper-pagination-bullet-active{ background: rgba(255,255,255,0.8);opacity: 1;}
.swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 18px;}

.hover-img { overflow: hidden; display: block; }
.hover-img img{
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.hover-img:hover img{-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.flex { flex: 1; cursor:pointer; }
.flexLeft{display:flex;}
.flexLeftCenter{display:flex;align-items:center;}
.flexRightCenter{display:flex;align-items:center;justify-content:flex-end;}
.flexCenter{display:flex;align-items:center;justify-content:center;}
.flexBetween{display:flex;align-items:center;justify-content:space-between;}
.flexColumnBetween{display:flex;justify-content:space-between;}
.flexWrap {  flex-wrap: wrap;}
.justifyContent { justify-content:center;}
.flexWrapCenter { display:flex;align-items:center; flex-wrap: wrap;}
.clamp-one { white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.clamp-two {
    line-height: 1.6;
    word-wrap: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space:normal;
}
.clamp-four {
    line-height: 1.6;
    word-wrap: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    white-space:normal;

}

.clamp-five {
    line-height: 1.6;
    word-wrap: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    white-space:normal;
    height: 110px;
}

/* 中间容器 */
.container { width: 1200px; padding: 0; position: relative; margin: 0 auto; }

/* header */
.header {  background: #fff; position: fixed; left: 0; top:0; z-index: 20; width: 100%; padding: 26px 0;  }
@keyframes fadeInDown{
    0%{opacity:0;transform:translate3d(0,-100%,0);}
    to{opacity:1;transform:none;}
}
.header.shop-nav { padding: 15px 0;}
.header.fixed { animation-name: fadeInDown; animation-duration: 1s; animation-fill-mode: both;}
.header .container { display: flex; align-items: center; justify-content: space-between; }
.header .container:before,.header .container:after { display: none; }
.logo { position: relative; z-index: 2;  }
.nav {  flex: 1; }
.nav ul {display:flex;align-items:center; justify-content: flex-end; position:relative; font-size: 16px;}
.nav li a { display: block; color: #333; padding: 0 30px; line-height: 30px; }
.nav li a span { display: flex;flex-direction: row;justify-content: flex-start;align-items: center; border-bottom: #fff solid 2px;}
.nav li a span img{margin-right: 5px;display: inline-block;}
.nav li:last-child a { padding-right: 0;}
.nav li a i { width: 21px;}
.nav li a:hover span,
.nav li.active span { border-bottom: #000 solid 2px; }
.js_accordion_item { position: relative;}
.submenu-box { padding-top: 34px; width: 100%; position:absolute;top:100%;left:0;z-index:999;visibility:hidden; opacity: 0;}
.submenu {
    background-color: #fff;
    border-radius: 0 0 10px 10px;
    /* box-shadow: 0 0 2px 1px hsl(0deg 0% 39% / 10%); */
    width:100%;margin:0;padding:0;

}
.nav li:hover .submenu-box { opacity: 1; visibility:visible;}
.submenu dd {display:block; position:relative; text-align: left;}
.submenu dd a {display:block; font-size: 16px;  text-align: center; line-height: 50px;
     padding: 0 15px;text-transform:capitalize;color:#666;transition:all .3s ease;}
.submenu dd:last-child  {border-bottom:0;}
.submenu dd:hover a {color:#E69226;border:0;}
.mobile-level-button{ display: none;position: absolute; top: 0; right: 0; width:70px;height:40px;background-image:url(../images/ic_down.png);background-position:50% 50%;background-size:14px auto;background-repeat:no-repeat;}
.open .mobile-level-button{-webkit-transform:rotate(180deg);transform:rotate(180deg);}

/* shop */
/* shop-nav */
.password-form { cursor: pointer;}
.shop-nav.header .container { display: flex; }
/* .shop-nav.header { animation: none;} */
.shop-nav-logo { width: 200px;height: 38px;margin: 10px; }

.shop-nav-right{width: auto;display: flex;flex-direction: row;align-items: center;justify-content: space-between;}

.shop-nav-right[user-loge="loge"] span{margin: 0px 10px; cursor: pointer;}
.shop-nav-right[user-loge="user"]>a>span {margin:  0px 15px 0px 0px;}

.shop-nav-right[user-loge="loge"]>div{display: flex;flex-direction: row;}
.shop-nav-right[user-loge="loge"]>div>span {margin:  0px 10px;}
.shop-nav-right[user-loge="loge"] img {margin: 0; width: 12px;height: 14px;}

.shop-nav-right[user-loge="user"]>div{display: flex;flex-direction: row;}
.shop-nav-right[user-loge="user"]>div>span {margin:  0px 10px;}
.shop-nav-right[user-loge="user"] img {margin: 0; width: 12px;height: 14px;}

.shop-nav-none{display: none;}


/* 登录搜索点击事件 */
.selsed[user-loge='landing']:hover{color: #E69226;}
.selsed[user-loge='login']:hover{color: #E69226;}

.nav-item-span {min-height: 20px;}
.nav-item-span span{margin-right: 62px;line-height: 20px;font-size: 16px;}
.cr-e6 {color: #E69226;}
.nav-item-span span:hover{color: #E69226;}
.shopNav li.shopNav-item:hover{color: #E69226;}

/* 类别栏 */

/* input */
input {box-sizing: border-box;-webkit-box-sizing:border-box;}
.shop-tabs-right { min-width: 200px;position: absolute; top:10px; right: 0; height: 36px; border-radius: 10px; -webkit-border-radius: 5px;background-color: #FFFFFF; }
.shop-input {display: flex; cursor: pointer; flex-direction: row;justify-content: space-between;align-items: center;padding-left: 16px;}
.shop-input>img{width: 20px;height: 20px; margin-right: 16px;}
.shop-input>img:first-child{width: 16px;height: 16px; display: none; cursor: pointer;}
.shop-input>input { width: 150px; height: 36px;border: 1px solid #FFFFFF;}


/* window.width>750px */
.shop-input>input.width {width: 556px;}
.shop-input>img.margin:first-child{width: 16px;height: 16px;margin-left: 16px;}
.shop-input>img.margin {width: 20px;height: 20px;margin-right: 16px;}
/* 750px>window.width>360px */
/* .shop-input>input.width {width: 254px;height: 24px;}
.shop-input>img.margin:first-child{width: 10px;height: 10px;margin-left: 10px;}
.shop-input>img.margin {width: 16px;height: 16px;margin-right: 10px;} */

/* 两级联动选择 */
.view-absolute {position: absolute;top: 46px;left: 0;z-index: 2000; width: 640px; min-height: 250px;display: none;background-color: #FFFFFF;}

/* .view-absolute.show {display: none;} */
/* 一级选择 */
.show-view {width: 540px; padding: 10px 0; margin: 0px 50px;display: flex;flex-direction: column;justify-content: center;}
.show-view:nth-child(2) {border-top: 1px solid #EEEEEE;}
.show-view ul{width: 100%;margin: auto 0;}
.show-view ul.repetition { display: none;}
.show-view ul.show { display: block;}
.show-view ul li {display: inline-block;line-height: 36px;padding: 0 10px; cursor: pointer;}
.show-view ul li.select{color: #E69226;}
/* 二级选择 */
/* .view-absolute>.show-view {} */
/* 确定按钮 */
.new-buttom{width: 540px;margin: 0 50px;display: flex;flex-direction: row;justify-content: flex-end;}
.new-buttom>div {width: 160px;height: 42px; cursor: pointer; background-color: #E69226;color: #FFFFFF;font-size: 16px;border-radius: 3px;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.show-view.repetition{display: none;}
.second.mains li:hover{color: #E69226;}

.shopping { margin-top: 144px; padding-bottom: 80px; min-height: calc(100vh - 144px);}
/* 商城列表 */
.show-tabs.fixed {animation-name: fadeInDown; animation-duration: 1s; animation-fill-mode: both;}
.show-tabs .shop-tabs-left { width: 100%;}
.show-tabs .icon-nav { right: inherit; left: 15px; position: absolute; top:8px;}
.show-tabs { background: #F2F4F6; min-height: 56px; position: fixed; top:88px; left: 0; z-index: 20; width: 100%;}
.show-tabs .nav { flex: none; overflow: visible;}
.show-tabs .nav-item { cursor: pointer; font-size: 16px;text-decoration: none;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;}
.show-tabs .nav li a.nav-item-text { line-height: 56px;}
.show-tabs .nav li a.nav-item-text:hover {color: #E69226; }
.show-tabs .nav-item.active .nav-item-text { color: #E69226;}
.show-tabs .tags-list { display: none;box-shadow: 0 0 2px 1px hsl(0deg 0% 39% / 10%); background: #fff;}
.show-tabs .nav-item:hover .tags-list { display: block; padding: 15px 15px 0; position: absolute; left: 0; top: 56px; width: 100%;
    z-index: 21; overflow: hidden;
}
.show-tabs .nav-item .tags-list .item { float: left;margin: 0 0 15px 15px;
    cursor: pointer;
}
.show-tabs .nav-item .tags-list .item:hover { color: #E69226;}
.show-tabs .nav ul { justify-content: flex-start;}




/* 列表 */
.shop-title { display: flex; align-items: center; justify-content: space-between;}
.filter-item {  border-left: #ccc solid 1px; padding: 0 15px; position: relative;}
.filter-item:first-child { border-left: 0;}
.filter-item:last-child { padding-right: 0; padding-right: 15px;}
.filter-item .arrow-top {
    position: absolute;
    top: 10px;
    right: 8px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 6px solid #ccc;
}

.filter-item .arrow-bottom {
    position: absolute;
    bottom: 10px;
    right: 8px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 6px solid #ccc;

}


.icon-shop .top {border-color: transparent transparent #CCCCCC transparent;margin-bottom: 2px;}
.icon-shop .bottom{ border-color:  #CCCCCC transparent transparent transparent;}
.icon-shop.top .top{border-color: transparent transparent #E69226 transparent;}
.icon-shop.bottom .bottom{ border-color:  #E69226 transparent transparent transparent;}



.shop-item{ border:#eee solid 1px; display: block; margin-bottom: 30px;
    background: #F9FAFA; border-radius: 3px;}
.shop-item .pic { height: 154px;overflow: hidden;}

.shop-item .shop-label{display: inline-block;background-color: #F7F1EC;color: #B56F37; font-size: 12px;
    padding: 4px;border-radius: 3px;}
.shop-item .shop-price{color: #C10000;}
.shop-item .text-info { padding: 10px;}

/* user */
.user{background-color: #F8F9FB;}
.user-title.fixed{position: fixed;left: 0; z-index: 20; margin-top: 0;width: 100%;animation-name: fadeInDown; animation-duration: 1s; animation-fill-mode: both;}
.user-title{width: 100%;position: fixed;left: 0; top: 88px; z-index: 20; background-color: #EEEEEE;}
.user-title>div{width: 1200px;font-size: 14px;margin: 0 auto;padding:18px 20px;}
.user-title span{color: #999999;margin-right: 5px;}
.user-title>div>div{margin-left: 5px;display: inline-block;}

.order-item div.content>div:nth-child(2)>div:nth-child(2)>span{color: #999999;}

/* 修改密码 */
/* amend */
.user-handle.amend{height: 600px;}
.amend-content{width: 100%;padding-top: 110px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.amend-content ul{width: 350px;display: flex;flex-direction: column;align-items: center;}
.amend-content ul li{width: 100%;display: flex;flex-direction: row;justify-content: space-around;align-items: center;padding-bottom: 20px;}
.amend-content ul li input{padding-left: 10px;width: 250px;border: 0px solid #FFFFFF;background-color: #F8F9FB;height: 50px;line-height: 50px;outline: none;border-right: 3px;}
.amend-content ul li>span{font-size: 16px;color: #999999;}
.amend-content ul li:nth-child(4)>div{font-size: 16px;color: #FFFFFF;background-color: #E69226;width: 160px;height: 42px;line-height: 42px;text-align: center;margin-top: 8px;}

/* 详情 */
.details-content { margin-top: 144px; padding-bottom: 80px; min-height: calc(100vh - 248px) ;}

.details-content-head{width: 100%;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.details-content-head img{width: 360px;height: 100%;margin: 0!important;}
.details-content-head .intro{width: 800px;height: 269px;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;}
.intro>div.title-span{width: 100%;display: flex;flex-direction: column;align-items: flex-start;}
.intro .title-span>div:nth-child(1){font-size: 24px;font-weight: bold;padding: 15px 0px;}
.intro .title-span>div:nth-child(2){font-size: 14px;color: #999999;padding-bottom: 15px;}
.intro .title-span>div:nth-child(3) span{color: #025EFF;font-size: 14px;}
.intro>div:nth-child(2){padding: 15px 20px;border-radius: 5px;background-color: #e6932632;width: 100%;display: flex;flex-direction: row;justify-content: space-between;align-items: center;font-size: 12px;color: #C10000;}
.intro>div:nth-child(2)>div:nth-child(1)>span{font-size: 28px;}
.intro>div:nth-child(2) div.details-pay{font-size: 16px;background-color: #E69226;color: #FFFFFF;width: 160px;height: 42px;border-radius: 3px;}

/* 可移动式头部 */
.head-title{padding-bottom: 15px;}
.head-title.fixed{position: fixed;left: 0;width: 100%;padding: 15px 0px;background-color: #FFFFFF;animation-name: fadeInDown; animation-duration: 1s; animation-fill-mode: both;}
.head-title ul li{position: relative; cursor: pointer; height: 24px;line-height: 24px;display: inline-block;color: #999999;font-size: 16px;margin-right: 50px;}
.head-title ul li.selsed{border-bottom: 5px #FFDAC3 solid;color:#333;font-size: 24px;font-weight: 600;}

/* .head-title.fixed{position: fixed;top: 0;left: 0;width: 100%;height: 120px;background-color: #fff;} */

/* 课程列表 */

.details-list{width: 100%;padding-top: 70px;display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;}
.details-list>.left {width: 800px;}
.details-list .content{width: 100%;background-color: #F5F6F6;font-size: 16px;font-weight: bold;}
.details-list .content ul{width: 100%;background-color: #F5F6F6;font-size: 16px;font-weight: bold;}
.details-list .content ul li>div{display: flex;flex-direction: row;align-items: center;justify-content: flex-start;}
.details-list .content ul li span{display: -webkit-box;overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:1; -webkit-box-orient: vertical;}
.details-list .content ul li span{margin-left: 25px;}
.details-list .content ul li{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.details-list .content ul li{width: 100%;height: 73px;border-bottom: 1px solid #EEEEEE;padding: 0 30px;}
.details-list .content ul li img {width: 35px;height: auto;margin: 0;}

/* 专业解析 */
.details-title{width: 100%; padding-top: 50px;}
.details-title>div{width: 100%;}
.details-title>.title{width: 100%;font-size: 24px;font-weight: bold;}
.details-title>.title span {padding-bottom: 20px; display: block;}
.details-title>.content{padding: 20px 0;}
.details-title>.content ul li {padding: 20px 20px 0px 20px;}
.details-title>.content ul li:nth-child(1) {padding: 0px 20px 0px 20px;}

/* 为你推荐 */
.details-list>.right {width: 280px;}
.details-list>.right .title{font-size: 24px;font-weight: bold;padding-bottom: 15px;}
.details-list>.right .content{width: 280px;background-color: #FFFFFF;}
.details-list>.right .content ul{width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;}
.details-list>.right .content ul li{display: flex;flex-direction: column;height: 100%;padding: 0;border-radius: 5px;overflow: hidden;margin-bottom: 20px;}
.details-list>.right .content ul li{width: 280px;background-color: #EEEEEE;}
.details-list>.right .content ul li img {width:100%;height: 100%;margin: 0;padding: 0;}
.details-list>.right .content ul li span{margin: 0;}
.details-list>.right .content ul li>div{width: 100%;padding: 0 20px;}
.details-list>.right .content ul li>div:nth-child(2){width: 100%;font-size: 18px;padding-top: 15px;}
.details-list>.right .content ul li>div:nth-child(3){width: 100%;font-size: 14px;color: #999999;padding-top: 12px;}
.details-list>.right .content ul li>div:nth-child(4){width: 100%;font-size: 12px;color: #C10000;padding: 10px 20px;}
.details-list>.right .content ul li>div:nth-child(4) span{width: 100%;font-size: 18px;}
.details-list>.right .content ul li .label{display: inline-block;padding: 5px 6px;border-radius: 3px;background-color: #F7F1EC;color: #B56F37;}

  /* 底部 */
  .shop-bottom {width: 100%;background-color: #F8F9FB;}
  .shop-bottom.fixed{position: fixed;bottom: 0;left: 0;}
  .shop-bottom>div{width: 1200px;margin: 0px auto; padding: 30px 10px;}
  .shop-bottom span{font-size: 16px;color: #999999;}


/* buy */
.buy-content{width: 100%;}
.buy-content>div:nth-child(1){width: 1200px;margin: 0 auto;background-color: #FFFFFF;}
.buy-content ul {width: 100%;padding: 0 30px;}
.buy-content ul li{width: 100%;}
.buy-content ul>li:nth-child(1){padding-top: 40px;display: flex;flex-direction: row;justify-content: flex-start;align-items: center;}
.buy-content ul>li:nth-child(1) img{width: 200px;height: 100%;margin: 0;}
.buy-content ul>li:nth-child(1)>.line-li{display: flex;flex-direction: column;align-items: flex-start;margin-left: 20px;}
.buy-content ul>li:nth-child(1)>.line-li>div:nth-child(1){font-size: 18px;font-weight: bold;}
.buy-content ul>li:nth-child(1)>.line-li>div:nth-child(2){margin-top: 10px;font-size: 14px;color: #999999;display: flex;flex-direction: row;justify-content: flex-start;align-items: center;flex-wrap: wrap;}
.buy-content ul>li:nth-child(1)>.line-li>div:nth-child(2) span{margin-right: 12px;}
.buy-content ul>li:nth-child(1)>.line-li>div:nth-child(3){margin-top: 20px;color: #C10000;font-size: 15px;}
.buy-content ul>li:nth-child(1)>.line-li>div:nth-child(3) span{font-size: 22px;}

.buy-content ul>li:nth-child(2){font-size: 16px;padding: 25px 0 ;}
.buy-content ul>li:nth-child(2)>span:nth-child(1){color: #999999;}
.buy-content ul>li:nth-child(3){font-size: 16px;padding: 25px 0 ;}
.buy-content ul>li:nth-child(3)>span:nth-child(1){color: #999999;}

.buy-content ul>li:nth-child(4){font-size: 14px;padding:30px 0px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.buy-content ul>li:nth-child(4)>div:nth-child(1){display: flex;flex-direction: row;align-items: center; }
.buy-content ul>li:nth-child(4) img{margin: 0 10px 0 0;width: 14px;height: 14px;}
.buy-content ul>li:nth-child(4) a span{color: #025EFF;}
.esign-btn { background: #C10000; color: #FFF; display: inline-block; line-height: 40px; padding: 0 15px; border-radius: 6px;}


.buy-content ul>li:nth-child(4)>div:nth-child(2){width: 30%; display: flex;flex-direction: row;align-items: center;justify-content: flex-end;margin-top: 30px;}
.buy-content ul>li:nth-child(4)>div:nth-child(2) p{font-size: 19px;color: #C10000;}
.buy-content ul>li:nth-child(4)>div:nth-child(2) p span {font-size: 28px;}

.buy-pay{width: 100%;padding-top: 60px;}
.buy-pay div{width: 640px;height: 60px;border-radius: 5px;background-color: #E69226;text-align: center;line-height: 60px;font-size: 20px;color: #FFFFFF;}
.buy-none{display: none;}

/* buy-show */
.buy-show{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #33333342;z-index: 30000;}
.buy-show img{width: 16px;height: 16px;margin: 0;}
.buy-show>div{width: 560px;height: 760px;background-color: #FFFFFF;border-radius: 10px;}
.buy-show>div>div:nth-child(1){width: 100%;padding: 30px 20px 20px 20px;}
.buy-show>div>div:nth-child(1)>div:nth-child(1){width: 100%;display: flex;flex-direction: row;justify-content: flex-end;}
.buy-show>div>div:nth-child(1)>div{text-align: center;font-size: 30px;font-weight: bold;}
.buy-show>div ul {width: 100%;padding: 0 30px;}
.buy-show>div ul li {width: 100%;margin-bottom: 30px;display: flex;flex-direction: column;align-items: flex-start;}
.buy-show ul li span{font-size: 18;font-weight: bold;margin-bottom: 10px;margin-left: 15px;}
.buy-show ul li input::-webkit-input-placeholder{color: #666666;font-size: 14px;}
.buy-show ul li input{border: 1px solid #EEEEEE;height: 50px;width: 100%;font-size: 14px;padding: 0 10px;}
.buy-submit a{width: 100%;padding: 0 30px ;}
.buy-submit a div{width: 100%;height: 60px;border-radius: 5px;text-align: center;line-height: 50px;background-color: #E69226;color: #FFFFFF;font-size: 24px;}

/* pay */
.pay-title{width: 100%;margin-top: 90px;}
.pay-title>div{width: 1200px;margin: 0 auto;padding: 20px 0px;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-end;}
.pay-title>div>.left{font-size: 16px;}
.pay-title>div>.left>div:nth-child(1){color: #333333;}
.pay-title>div>.left>div:nth-child(1) span{color: #E69226;}
.pay-title>div>.left>div:nth-child(2){color: #999999;margin-top: 8px;}
.pay-title>div>.right{font-size: 16px;width: auto;display: flex;flex-direction: row;align-items: center;justify-content: flex-end;}
.pay-title>div>.right>div:nth-child(2){font-size: 19px;color: #C10000;}
.pay-title>div>.right>div:nth-child(2) span{font-size: 28px;}

.pay-content{width: 100%;}
.pay-content>div{width: 1200px;margin: 0 auto;padding: 40px 0;background-color: #FFFFFF;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;}
.pay-content>div>span{margin-bottom: 20px;font-size: 16px;margin-left: 30px;}

.pay-content>div ul{display: flex;flex-direction: row;justify-content: flex-start;align-items: center;}
.pay-content>div ul li{width: 360px;height: 120px;display: flex;flex-direction: row;justify-content: flex-start;align-items: center;}
.pay-content>div ul{width: 100%;padding: 0 30px;font-size: 18px;}
.pay-content>div ul li{border: 1px solid #EEEEEE;margin-right: 24px;}
.pay-content>div ul li.selsed{border: 1px solid #E69226;}
.pay-content>div ul li>img{width: 32px;height: auto;margin: 0;}
.pay-content>div ul li>div:nth-child(1) img{width: 20px;height: 20px;margin: 0;}
.pay-content>div ul li>div:nth-child(1){margin: 0px 20px 0px 40px;}
.pay-content>div ul li>div:nth-child(3){margin-left: 10px;}
.pay-content>div ul li>div>img:nth-child(1){display: block;}
.pay-content>div ul li>div>img:nth-child(2){display: none;}
.pay-content>div ul li.selsed>div>img:nth-child(1){display: none;}
.pay-content>div ul li.selsed>div>img:nth-child(2){display: block;}

.pay-pay{width: 100%;padding-top: 50px;}
.pay-pay div{width: 640px;height: 60px;border-radius: 5px;background-color: #E69226;text-align: center;line-height: 60px;font-size: 20px;color: #FFFFFF;}

/* 首页操作弹窗 */
.shop-show-none {display: none;}
.shop-show{position: fixed;top: 0;left: 0;z-index: 200000;width: 100%;height: 100%;background-color: #33333350;}
.shop-show.show{display: none;}

.shop-show[shop-user="province"]>div{width: 700px;}
.shop-show>div{ width: 560px;height: auto;border-radius: 10px;background-color: #FFFFFF;}
.shop-show input{width: 100%;height: 50px;border: 1px solid #EEEEEE;border-radius: 3px;padding: 0 15px;}
.shop-show input::-webkit-input-placeholder{color: #666666;}

.shop-show .title{padding-bottom: 40px;}
.shop-show .title div{width: 100%;padding: 15px;}
.shop-show .title div img{width: 16px;height: 16px;margin: 0;}
.shop-show .title ul{display: flex;flex-direction: row;align-items: center;justify-content: center;}
.shop-show .title ul li {padding: 10px 30px 10px 30px; }
.shop-show .title ul li span{font-size: 24px;color: #999999;font-weight: bold;}
.shop-show .title ul li.selsed span{color: #333333;}

.shop-show ul.log-list{width: 100%;padding: 0 30px;}
.shop-show ul.log-list>li{width: 100%;display: flex;flex-direction: column;align-items: flex-start;padding-bottom: 30px;border-width: 0;}
.shop-show ul.log-list>li>span{font-size: 18px;font-weight: 550;margin: 0px 0px 15px 20px;}

.shop-show ul.log-list>li.verify{width: 100%;}
.shop-show ul.log-list>li.verify>div{position: relative;width: 100%;}
.shop-show ul.log-list>li.verify .verify-buttom{position: absolute;bottom: 0;right: 0;height: 50px;padding: 0 20px;text-align: center;line-height: 50px;color: #E69226;}
.shop-show ul.log-list>li.verify.shop-show-none{display: none;}
.shop-show ul.log-list>li.shop-show-none{display: none;}

.shop-show div.password.shop-show-none{display: none;}
.shop-show div.password{width: 100%;padding: 25px 30px;font-size: 14px;}
.shop-show div.password .password-store img{margin: 0;width: 14px;height: 14px;}
.shop-show div.password .password-store span{color:#666666;margin-left: 10px;}


.shop-show-button{width: 100%;padding: 0px 30px 30px 30px;text-align: center;}
.shop-show-button>div{ cursor: pointer; width: 100%;font-size: 24px;color: #FFFFFF;background-color: #E69226;padding: 15px 0;border-radius: 5px;}
.shop-show[shop-user="province"] .shop-show-button{width: 100%;padding: 0px 100px 30px 100px;text-align: center;}
.shop-show-bottom{width: 100%;padding-bottom: 30px; text-align: center;line-height: 18px;color: #666666;font-size: 16px;}
.shop-show-bottom span{border-bottom: 1px solid #666666;}

.shop-show .province-list{width: 100%;padding: 0px 30px; max-height: 360px; overflow-y: auto;}
/* .shop-show .province-list ul {width: 100%;max-height: 650px;} */
.shop-show .province-list ul li {width: 45%;margin-bottom: 15px;display: flex;flex-direction: row;align-items: flex-start;justify-content: flex-start;flex-wrap: wrap;}
.shop-show .province-list ul li>div:nth-child(1){height:32px;line-height: 32px;margin: 5px 0px;flex: 1;display: flex;flex-direction: column;align-items: flex-start;height: auto;}
.shop-show .province-list ul li>div:nth-child(2){flex: 9;display: flex;flex-direction: row;align-items: center;justify-content: flex-start;flex-wrap: wrap}
.shop-show .province-list ul li>div:nth-child(1)>span{font-size: 16px;font-weight: bold;margin-right: 10px;margin-bottom: auto;}
.province-item{width: 60px;text-align: center;height: 32px;line-height: 32px;border-radius: 3px;background-color: #F2F4F6;margin: 0px 4px 5px 0;}
.shop-show .province-list ul li>div:nth-child(2)>div.province-item.selsed{background-color: #e6932628;color: #E69226;}
.province-list ul{display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;flex-wrap: wrap;}

/* 声明展示页面 */
.text-content{width: 100%;}
.text-content>div{width: 1200px;margin: 0 auto;}
.text-content .title{width: 100%;font-size: 28.5pt;text-align: center;padding: 20px 0px;}
.text-content .content{width: 100%;}


/* 超出一行隐藏 */
.omit{width: 100%;font-size: 14px;display: -webkit-box;overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:1; -webkit-box-orient: vertical;}

/* home */

.main { margin-top: 100px; }
.page-section { padding: 100px 0; position: relative; }
.banner-swiper img { width: 100%; position: relative; z-index: 1; }
.banner-swiper .caption { -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
    position: absolute; top: 50%; left: 50%; text-align: center; width: 100%; z-index: 20; text-align: center; color: #FFFFFF;}
.banner-swiper .title { font-size: 89px; text-transform: uppercase; margin-bottom: 20px;}
.banner-swiper .info { text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); font-size: 41px; }
.banner-swiper .item { display: block; position: relative;}

.home-title { text-align: center;}
.apply-text { position: relative; z-index: 1;}
.section-apply { background-image: url('../images/baoming-bg.png'); background-position: 0 0; background-repeat: no-repeat; background-size: cover;}

.center-headline { text-align: center; margin-bottom: 60px;  }

.section-apply .item { margin-bottom: 60px;}
.section-apply .item:last-child { margin-bottom: 0;}
.section-apply .item i {  display: inline-block; margin-right: 8px;}

.section-education { background: #F8F9FB;}
.education-list .item { background: #fff; border-radius: 8px; display: block; padding:0 30px 30px;}
.education-list .pic { height: 170px; display: flex; align-items: center; text-align: center;}
.education-list .text-info { text-align: center;}
.education-list h3 { font-size: 28px; color: #666; margin-bottom: 20px;
    white-space: nowrap; text-overflow: ellipsis;overflow: hidden;
}
.education-list p { font-size: 16px; color: #666; margin-bottom: 10px;
    white-space: nowrap; text-overflow: ellipsis;overflow: hidden;
}
.section-about .about-text { width: 460px;}
.section-about .about-text .fz-38 { font-weight: bold; text-transform: uppercase;}
.section-about .about-swiper { width: 702px;     display: flex; justify-content: space-between;}
.section-about .swiper-container { width: 100%;  margin: 0;}
.section-about .swiper-slide { background-size: cover; background-position: center; }
.section-about .gallery-top { width: 500px; }
.section-about .gallery-thumbs { width: 182px;  }
.section-about .gallery-thumbs .swiper-slide { opacity: 0.4;  height: auto; max-height: 100px; margin-bottom: 20px; min-width: 182px;}
.section-about .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; }
.section-about .swiper-container-free-mode>.swiper-wrapper { display: block;}

.section-teacher {background: url(../images/teacher.png) no-repeat 0 0 / cover; }
.section-teacher .title { font-size: 40px; color: #fff; font-weight: bold; text-align: center; margin-bottom: 20px;}
.section-teacher .flexBetween { padding: 80px 0;}

.section-news { background: #F8F9FB;}
.section-news-list { margin-bottom: 50px;}
.section-news-list .item { display: block; background: #fff; padding: 35px  25px;}
.section-news-list .item:hover { background: #000; color: #fff!important;}
.section-news-list h3 { font-size: 20px; margin-bottom: 20px; height: 64px;}

.tab { padding:17px 30px; margin-bottom: 40px; }
.tab-nav { display: flex; align-items: center; margin-bottom: 26px; }
.tab-nav li a { display: block; line-height: 36px; padding: 0 35px; border-radius: 6px; font-size: 16px; }
.tab-nav li a:hover,
.tab-nav li.active a { color: #fff; background: #E69226; }
.tab-list { display: none;}
.tab-list.show { display: block;}


.desktop { display: block; }
.mobile { display: none; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: none;outline-offset: inherit;}
.btn-primary.focus, .btn-primary:focus { border-color: #0068B7;}

/* footer */
.home .footer { background: #fff;}
.footer {  padding-top: 70px;background: #F8F9FB;}
.footer .footer-link .row { display: flex; align-items: center; justify-content: space-between; padding-bottom: 40px; }
.footer .footer-link h3 { margin-bottom: 20px;}
.footer .footer-link li { margin-bottom: 10px; }
.footer .footer-link li a { font-size: 16px; color: #999;}
.footer .footer-link .col-xs-2 { position: relative;}
.footer .footer-link .col-xs-2:after { content: ''; position: absolute; right: 22%; top: 0; width: 10px; height: 100%; border-right: #eee solid 1px;}
.footer .footer-link .col-xs-2.card-right:after { display: none;}
.footer .two-card-wrap {display: flex; justify-content: space-between; align-items: center;}
.footer .two-card { width: 132px; height: 132px; border: 3px solid #E69226; opacity: 1; padding: 10px; position: relative;}
.footer .two-card:after { content: ''; position: absolute; top:50%; margin-top: -10px; right: -20px; width:0; height:0;
    border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:6px solid #E69226;}
.footer .two-card-wrap p { width: 10px; line-height: 1.3;}
.footer .copyright{ text-align: center; line-height: 1.2; padding: 20px 0; font-size: 16px; color: #999; border-top:#eee solid 1px;}
.customer{ cursor: pointer; width: 138px; position: fixed; right: 50px; bottom: 50px; color: #fff; height: 50px; display: flex; align-items: center;
    justify-content: center; padding: 0 20px; font-size: 16px; background: #E69226; border-radius: 10px;}
.customer:hover { opacity: 0.8;}
.icon-customer{ width: 23px; height: 24px; margin-right: 10px; background: url("../images/icon-kefu.png") no-repeat 0 0;}

.banner { position: relative;}
.banner img { width: 100%; position: relative; z-index: 1;}
.banner .banner-text { width: 100%; text-align: center;position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    z-index: 2;
    color: #fff;
}
.banner .banner-text h2{ margin-bottom: 30px; font-size: 44px; text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);}
.banner .banner-text p { font-size: 18px;  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);}
.section-main {overflow: hidden; padding: 40px 0;}


.sub-nav { width: 15%; float: left; font-size: 16px; background: #f8f8f8; padding-bottom: 40px;}
.sub-nav .sub-title { padding: 20px; font-weight: bold; border-bottom: #eee solid 1px; margin-bottom: 10px; }
.sub-nav li a { display: block; color: #666; padding: 0 20px; line-height: 40px; position: relative;}
.sub-nav li a:hover,
.sub-nav li.active a { color: #E69226; }
.main-page{ width: 80.8333333333333%; float: right;}

.breadcrumb-nav { display: flex; justify-content: flex-start; align-items: center; padding: 40px 0;}
.breadcrumb-nav p { margin: 0 2px 0 0; font-size: 14px; color: #0068B7; display: flex; justify-content: flex-start; align-items: center;}
.breadcrumb-nav p .icon-location { background: url("../images/icon-location.png") no-repeat 0 0; width: 15px; height: 19px;  margin-right: 5px; }
.breadcrumb { margin-bottom: 0;background-color:transparent; padding: 0; }
.flexBetween .breadcrumb-nav { padding: 0; }
.breadcrumb>li{ position: relative; padding-left: 12px; }
.breadcrumb>li+li:before { content: '';
    display: inline-block;
    padding: 0;
    height: 6px;
    width: 6px;
    border-width: 1px 1px 0 0;
    border-color: #242629;
    border-style: solid;
    -webkit-transform: matrix(.71,.71,-.71,.71,0,0);
    transform: matrix(.71,.71,-.71,.71,0,0);
    position: absolute;
    top: 50%;
    margin-top: -3px;
    left: 0;
}
.content { background: #fff; }
.content h1 {  text-align: center; line-height: 1.5; margin-bottom: 20px; }
.article-body p.mb-0 { margin-bottom:0; }
.article-body p {  font-size: 16px; color: #242629; line-height: 1.8; margin-bottom: 30px;  }
.article-body h1 {margin-bottom: 30px; }
.article-body h2 {margin-bottom: 30px; }
.article-body h3 {margin-bottom: 30px; }
.article-body h4 {margin-bottom: 30px; }
.article-body h5 {margin-bottom: 30px; }
.article-body h6 {margin-bottom: 30px; }
.article-body img { margin-bottom: 30px; }
.article p.mb-0 { margin-bottom:0; }
.article p {  font-size: 16px; color: #242629; line-height: 1.8; margin-bottom: 30px;  }
.article img { margin-bottom: 30px; }
.content.about .article-body p {  font-size: 16px; color: #666;  text-indent: 24px;}
.content .tag {  color: #777A80; position: relative; text-align: center; margin-bottom: 30px; padding-bottom: 25px;}
.content .tag:after { content: ''; border-bottom:#eee solid 1px; width: 800px;
    position: absolute; left: 50%;bottom: 0; margin-left: -400px;
}

.about { padding: 45px 0;}
.about .flexBetween { padding: 45px 0;}
.about .flexColumnBetween { padding: 45px 0;}
.about .ab-left { width: 51.3333333333333%;}
.about .ab-left h3 { font-size: 30px;}
.about .ab-right { width: 43%;}
.about .lf-img { width: 68.3333333333333%;}
.about .lf-img img { width: 100%;}
.about .ri-text { width: 31.6666666666667%; padding: 40px 25px 20px; display: flex; flex-wrap: wrap; align-items: center;  color: #fff; background: #E69226;}
.about .ri-text h2 { width: 100%; margin-bottom: 10px;}
.about .ri-text p { width: 100%;}
.img-list .row { margin-left: -10px; margin-right: -10px;}
.img-list .col-xs-4 { padding-left: 10px; padding-right: 10px;}
.img-list .item {  height: 252px; border-radius: 10px; margin-bottom: 20px; overflow: hidden;}
.img-list .item img {  width: 100%;}

.teacher { padding: 45px 0;}
.teacher .flexBetween { padding: 45px 0;}
.teacher .ab-left { width: 42%; position: relative;}
.teacher .ab-right { width: 46.6666666666667%;}
.teacher .teacher-bg  { position: relative; z-index: 1;}
.teacher .teacher-img  { position: absolute; left: 35px; top: 22px; z-index: 2; }
.teacher h2  { position: relative; margin-bottom: 30px; }
.teacher h2 img { position: relative; z-index: 1; margin: 0;}
.teacher h2 span { display: block; position: absolute; left: 0; top:50%; z-index: 2; -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}

.teacher-capital .item { border-radius: 10px; margin-bottom: 30px; cursor: pointer; overflow: hidden; height: 360px; position: relative;
    box-shadow: 0px 3px 6px rgba(114, 74, 23, 0.1);}
.teacher-capital .item .pic { height: 220px; overflow: hidden; position: relative; z-index: 1;}
.teacher-capital .item .pic img { width: 100%;}
.teacher-capital .item .text-info { padding: 10px 15px;}
.teacher-capital .item:hover .text-tran { position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%;
background: rgba(230, 146, 38,0.95); color: #fff;}
.teacher-capital .item:hover .text-info {position: absolute; width: 100%; z-index: 4;    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;}
.teacher-capital .item:hover .gray-6,
.teacher-capital .item:hover .gray-9 { color: #fff;}
.teacher-capital .item .intal { height: 76px; overflow: hidden;}
.teacher-capital .item:hover .intal { height: auto;}

.title-line {width: 60px; margin: 40px auto;
    height: 3px;
    background: #FFFFFF;
    border: 4px solid #333333;
}
.school { padding: 120px 0;}
.school-box { display: flex; justify-content: space-between; margin-bottom: 80px;}
.school-box .pic { width: 45%;}
.school-box .text { width: 50%;}
.school-box .text p {line-height: 2;}
.school-area {  width: 100%; position: relative; margin-bottom: 20px;}
.school-area:after{content: ""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0;}
.school-area li {float: left; font-size: 22px;  color: #000; padding: 0 20px; cursor: pointer;}
.school-area li:first-child { padding-left: 0;}
.school-area li.current { color: #E69226;}
.school-city .item { display: none;}
.school-city .item.show { display: block;}

.school-city-list:after{content: ""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0;}
.school-city-list li { float: left;  position: relative; margin-left: 20px; cursor: pointer;}
.school-city-list li:first-child { margin-left: 0;}
.school-city-list .item-title {  padding: 0 10px; font-size: 16px; line-height: 40px;}
.school-city-list .active .item-title {  background: #FFE6DB;}
.school-city-list li dl { display: none; width: 130px;  position: absolute; top: 40px; left: 0; z-index: 2;
    box-shadow: 0 0 2px 1px hsl(0deg 0% 39% / 10%);}
.school-city-list li:hover dl { display: block;}
.school-city-list li dl dd .dd-title{display:block;background-color: #fff; border-bottom: #eee solid 1px; padding: 0 10px; line-height: 40px;
    padding: 0 15px;text-transform:capitalize;transition:all .3s ease;
}
.school-city-list li dl dd:last-child  {border-bottom:0;}
.school-city-list li dl dd:hover .dd-title {background:#eee;}
.school-city-list li dl dd .school-content-item { position: absolute; z-index: 1; left: 0; top:100px;opacity: 0; text-indent: -999px;}



.school-phone-icon { width: 16px; height: 16px; margin-right: 10px; background: url("../images/dianhua.png") no-repeat 0 0;}
.school-map-icon { width: 16px; height: 16px; margin-right: 10px; background: url("../images/dingwei.png") no-repeat 0 0; }
.school-tab { position: relative; z-index: 2;}
.school-content { position: relative; z-index: 1;}
.school-content-item { display: flex; align-items: center; justify-content: space-between;}
.school-content-item .pic { width: 54%; border-radius: 16px; overflow: hidden; position: relative; z-index: 3;}
.school-content-item .text { width: 46%; min-height: 420px; position: relative; z-index: 1;
    background: rgba(255, 218, 195, 0.2); border-radius: 0 16px 16px 0; padding: 60px 30px;
    box-shadow: 0px 0px 10px rgba(255, 167, 0, 0.16);
}
.school-content-item .text::after { content: ''; width: 100px; height: 100%; position: absolute;top:0; left: -100px;
    border-radius: 16px 0 0 16px;background: rgba(255, 218, 195, 0.2);
}
.school-content-item .text p { line-height: 2;}
.school-tag-list dl { position: absolute; top:40px; left: 0; z-index: 3;     background-color: #fff;
    box-shadow: 0 0 2px 1px hsl(0deg 0% 39% / 10%);}
.school-tag-list dd {display:block; border-bottom: #eee solid 1px; position:relative; text-align: left;}
.school-tag-list dd > a {display:block; background: #f7f8fc; text-align: center; line-height: 40px;
     padding: 0 15px;text-transform:capitalize;color:#777a7f;transition:all .3s ease;
}
.school-tag-list dd:last-child  {border-bottom:0;}
.school-tag-list dd:hover > a { background:#eee; border:0;}

.tabs-nav ul {  display: flex;  flex-wrap: wrap; justify-content: center;}
.tabs-nav .tabs-nav-item { padding: 0 40px;}
.tabs-nav .tabs-nav-item a { display: inline-block; padding: 30px 0; border-bottom: #fff solid 2px;}
.tabs-nav .tabs-nav-item a:hover,
.tabs-nav .tabs-nav-item.active a { border-bottom: #E69226 solid 2px;}
.section-info .info-box{ background: #F8F9FB; box-shadow: 0 6px 0 #EAEFF8; border-radius: 20px; padding: 30px; margin: 0 0 80px;}
.mode { display: flex; flex-wrap: wrap;}
.mode-img { width: 280px; height: 284px; overflow: hidden; margin:40px auto 20px;    border-radius: 284px; }
.mode-title {font-size: 20px; margin-bottom: 20px; text-align: center;}
.mode-body p { padding: 0 10px; text-align: justify; }
.icon-baokao {background: url("../images/baokao.png") no-repeat 0 0; }
.icon-baoming {background: url("../images/baoming.png") no-repeat 0 0;}
.icon-xuexi {background: url("../images/xuexi.png") no-repeat 0 0; }
.icon-cankao {background: url("../images/cankao.png") no-repeat 0 0; }
.icon-chachengji {background: url("../images/chachengji.png") no-repeat 0 0; }
.icon-shenbi {background: url("../images/shenbi.png") no-repeat 0 0; }
.section-process {background: url("../images/zikaoliucheng.png") no-repeat 0 0 / cover;}
.icon-gengduo {background: url("../images/icon-gengduo.png") no-repeat 0 50% ; width: 73px; height: 21px;  margin: 0 30px; position: relative; top:-10px;}
.section-process .text-center i {display: block; cursor: pointer; width: 82px; height: 82px; margin: 0 0 5px; border-radius: 100%;border: #ddd solid 1px;}
.section-process .text-center i:hover { border: #E69226 solid 1px; background-position: 0 -82px;}
.section-process .process-box {display: block; text-align: center; padding: 20px; height: 147px; line-height: 66px; border: 1px dashed #D8D8D8; border-radius: 10px;-webkit-writing-mode: vertical-lr;writing-mode: vertical-lr;}
.section-process .process-box:hover {border: 1px dashed #E69226;}
.section-process .gengduo-box {text-align: center;}
.section-process .gengduo-text {  margin-bottom: 20px;}
.section-process .icon-gengduo { display: block;}

.section-colleges .flexWrapCenter {margin-left: -11px; margin-right: -11px;}
.section-colleges .flexWrapCenter .item { padding: 0 11px; width: 20%; margin-bottom: 30px;}
.section-colleges .flexWrapCenter .item a { display: block; padding: 0 10px; text-align: center; line-height: 66px; border: 1px dashed #D8D8D8; border-radius: 10px;}
.section-colleges .flexWrapCenter .item a:hover { border: 1px dashed #E69226;}


.section-certificate {background: url("../images/zhenshu-bg.png") no-repeat 0 0 / cover;}
.section-certificate .flexCenter { padding-bottom: 20px;}
.section-certificate .flexCenter .certificate-img { padding: 0 40px; width: 50%; text-align: left;}
.section-certificate .flexCenter .certificate-img:first-child { text-align: right;}
.section-certificate .flexCenter .certificate-img img { margin: 0; display: inline-block;}

.education { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 120px 0 80px;}
.education-box:nth-child(even) { margin-left: auto;}
.education-box { width: 928px; margin-bottom: 40px; background: #FFF7F2; border-radius: 20px; padding: 45px;}
.education-box .item { display: flex;  justify-content: space-between;}
.education-box .number { font-size: 30px; padding-top: 3px; color: #E69226; font-weight: bold; padding-right: 10px;}
.education-box .text { flex: 1; overflow: hidden; padding-right: 35px;}
.education-box .text h2 { margin-bottom: 20px;}
.education-box .pic { width: 150px;}
.education-box .pic img { width: 100%;}


/* 列表 */
.list{position:relative}
.list li {border-bottom:#eee solid 1px; -webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}
.list li:hover { background: #eee;}
.list li:last-child { border-bottom: 0;}
.list .list-item{display:flex; align-items: center;
    padding: 30px 0; }
/*.list li:first-child .list-item { margin-bottom: 0; }*/
.list .list-item .pic{width:320px; height: 208px; overflow: hidden; position: relative; margin-right: 24px; border-radius: 10px; }
.list .list-item .pic img { width: 100%; }
.list .list-item .text{-webkit-box-flex:1;-webkit-flex:1;flex:1}
.list .list-item .text h3{ font-weight: bold; }

.pagination ul{display:-webkit-flex;display:-ms-flex;display:flex;
    font-size: 16px; color:#666;justify-content:center;padding-top: 40px;}
.pagination .nav-item{display:block; color: #666; background: #fff; margin:0 5px; padding: 0 10px; min-width:40px;height:40px;
    border-radius:5px;text-align:center;line-height:38px;}
.pagination li {  margin:0 5px;}
.pagination li a {color:#ccc;display: block; text-align: center; border-radius:5px; border:1px solid #E6E6E6;padding: 0 10px;min-width:40px;height:40px; line-height: 40px;}
.pagination li .active {display: block; text-align: center; border-radius:5px;background:#E69226;border:1px solid #E69226;color:#fff;padding: 0 10px;min-width:40px;height:40px; line-height: 40px; }
.pagination .page-left { line-height: 40px; padding: 0 10px;}

/* -------flex------ */
.flex-row-between-bottom{display: flex;flex-direction: row;align-items: flex-end;justify-content: space-between;}
.flex-row-between{display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.flex-row-around{display: flex;flex-direction: row;align-items: center;justify-content: space-around;}
.flex-row-left-warp{display: flex;flex-direction: row;justify-content: flex-start;align-items: center;flex-wrap: wrap;}
.flex-row-c-c{display: flex;flex-direction: row;justify-content: center;align-items: center;}
.flex-c-c{display: flex;flex-direction: column;align-items: center;}
.flex-c-C{display: flex;flex-direction: column;align-items: center;justify-content: center;}


/*------------- mobile nav ---------------*/
.icon-nav{display:none;width:40px;height:40px;}
.icon-nav .hamburger{display:flex;padding-top:0;width:40px;height:40px;cursor:pointer;transition:all .2s ease-out .2s;justify-content:center;flex-direction:column;}
.icon-nav .hamburger .icon-bar{display:block;margin:3px 0;width:24px;height:2px;border-radius:2px;background:#333;}
.navbar-show .icon-nav{position:fixed;top:0;right:100%;z-index:1000;margin-right:0;width:50px;height:50px;border:0!important;background:#fff!important;transition:all .3s ease-out 0s;}
.navbar-show .icon-nav .hamburger{position:absolute;top:5px;right:5px;z-index:12;align-items:center;}
.navbar-show .icon-nav .hamburger .icon-bar{position:absolute;}
.navbar-show .icon-nav .hamburger .icon-bar:nth-child(1){margin:0;-webkit-transform:rotate(-45deg);}
.navbar-show .icon-nav .hamburger .icon-bar:nth-child(3){margin:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.navbar-show .icon-nav .hamburger .icon-bar:nth-child(2){opacity:0;}
.navbar-show .navbar-show-shadow{position:fixed;top:0;left:0;z-index:10000000000;display:block;width:100%;height:100%;background:rgba(0,0,0,.3);content:"";}


.shopNav{width: 100%;position: relative;height: 0px;}
.shopNav>div{width: 100%;height: 50px;line-height: 50px;position: absolute;bottom: -50px;left: 0;background-color: #EEEEEE;}
.shopNav ul{width: 1200px;margin: 0 auto;height: 50px;display: flex;flex-direction: row;}
.shopNav ul li{margin: 0;padding: 0 10px;font-size: 16px;color: #666666;}
.user-content { margin-top: 144px;
    padding-bottom: 80px;}
.user-content .container {display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}


    /* user */
    .user{background-color: #F8F9FB;}

    .user-title>div{font-size: 14px;margin: 0 auto;padding: 10px;}
    .user-title span{color: #999999;margin-right: 5px;}
    .user-title>div>div{margin-left: 5px;display: inline-block;}
    .divtest{ display: inline-block; width: 7px; height: 7px; border-top: 2px solid #999999; border-right: 2px solid #999999; transform: rotate(45deg);}



    /* 用户中心头部 */
    .user-head{width: 240px;}
    .user-head img{width: 68px;height: 68px;border-radius: 50%;overflow: hidden;}
    .user-head>div{background-color: #fff;}
    .user-head>div:nth-child(1){width: 240px;height: 200px;}
    .user-head>div:nth-child(1) span{font-size: 16px;margin-top: 20px;}
    .user-head>div ul{width: 240px;margin-top: 20px;height: 300px;display: flex;flex-direction: column;align-items: center;}
    .user-head>div ul li {font-size: 18px;padding-top: 55px;}
    .user-head>div ul li.selecd{color: #E69226;}
    .user-head>div ul li.selecd a {color: #E69226;}

@media (min-width: 768px){
    .modal-dialog {
        width: 900px;
        margin: 30px auto;

    }

}
@media (max-width: 1259px){
    .container { width: 100%; max-width: 100%; padding: 0 15px; }
    .nav .container > ul > li > a { padding: 0 20px; }

    .logo-gallery { padding-top: 113px;}
    .logo-group { padding: 23px 0; margin-top: -113px;}
    .logo-gallery .flipper { width: 156px; height: 156px;}
    .logo-gallery .flipper .front, .logo-gallery .flipper .back { width: 156px; height: 156px; top: 23px;}
    .logo-gallery figure { width: 110px; height: 110px; margin: 0 23px;}
    .logo-gallery .flipper .back p { width: 110px; height: 110px; margin: 0 23px; font-size: 14px;}
    .nav .container > ul > li > ul {min-width: 104px;}

    /* shop */

    /* buy */
    .buy-content>div:nth-child(1){width: 100%;margin: 0;background-color: #FFFFFF;}

    /*  */
    /* 声明展示页面 */
    .text-content{width: 100%;}
    .text-content>div{width: 100%;margin: 0; padding: 0 15px;}
    .text-content .title{width: 100%;font-size: 28px;text-align: center;padding: 10px 0px;}
    .text-content .content{width: 100%;}
}

.user-head>div ul li.selecd a {color: #E69226;}
@media (min-width: 1200px){

    /* shop */
    /* shop-nav */

    .shop-tabs>div{width: 1200px;}
    .shop-nav-logo{width: 200px;height: 38px;}



    /* user */

    .divtest{ display: inline-block; width: 7px; height: 7px; border-top: 2px solid #999999; border-right: 2px solid #999999; transform: rotate(45deg);}



    /* 用户中心头部 */
    .user-head{width: 240px;}
    .user-head img{width: 68px;height: 68px;border-radius: 50%;overflow: hidden;}
    .user-head>div{background-color: #fff;}
    .user-head>div:nth-child(1){width: 240px;height: 200px;}
    .user-head>div:nth-child(1) span{font-size: 16px;margin-top: 20px;}
    .user-head>div ul{width: 240px;margin-top: 20px;height: 300px;display: flex;flex-direction: column;align-items: center;}
    .user-head>div ul li {font-size: 18px;padding-top: 55px;}
    .user-head>div ul li.selecd{color: #E69226;}

    /* 用户中心操作 */
    .user-handle{width: 940px;height: 790px;background-color: #fff;}

    /* 商品订单列表 */
    .order-title{width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;border-bottom: 1px solid #EEEEEE;}
    .order-title ul {width: 100%;padding: 0 27px;}
    .order-title ul li {margin-right: 54px; height: 78px;line-height: 78px;padding: 0 10px;font-size: 18px;}
    .order-title ul li.selecd{color: #E69226;border-bottom: #E69226 solid 4px;}

    .order-list{width: 100%;height: 710px;overflow-y: auto;}
    .order-list>div{width: 880px;margin: 0 auto;}
    .order-item{width: 100%;border:1px solid #EEEEEE;margin: 20px 0;}
    .order-item div.title{background-color: #FDF4E9;border-bottom: 1px solid #EEEEEE;font-size: 14px;color: #666666;height: 50px;line-height: 50px;padding: 0 26px;}
    .order-item div.content{width: 100%;height: 160px;display: flex;flex-direction: row;justify-content: flex-start;align-items: center;}
    /* 订单图片 */
    .order-item div.content img{width: 140px;height: 104px;}
    .order-item div.content>div:nth-child(1){height: 160px;padding: 0px 30px;}
    /* 订单标题 and 订单标签 */
    .order-item div.content>div:nth-child(2){height: 160px;text-align: center;display: flex;flex-direction: row;align-items: center;}
    .order-item div.content>div:nth-child(2)>div:nth-child(1){display: flex;flex-direction: row;align-items: center;justify-content: center;}
    .order-item div.content>div:nth-child(2)>div:nth-child(1){padding-right: 20px;height: 100%;line-height: 27px;padding: auto 0px;border-right: 1px solid #EEEEEE;}
    .order-item div.content>div:nth-child(2)>div>span{width: 110px;display: inline-block;font-size: 16px;font-weight: 750;}
    .order-item div.content>div:nth-child(2)>div:nth-child(2){display: flex;flex-direction: column;align-items: center;justify-content: center;}
    .order-item div.content>div:nth-child(2)>div:nth-child(2){padding: 0px 20px;height: 100%;line-height: 27px;border-right: 1px solid #EEEEEE;}

    /* 订单价格 */
    .order-item div.content>div:nth-child(3){display: flex;flex-direction: column;justify-content: center;align-items: center;}
    .order-item div.content>div:nth-child(3){height: 160px;width: 199px;color: #999999;font-size: 16px;border-right: #EEEEEE 1px solid;}
    .order-item div.content>div:nth-child(3) span{color: #CC0000;}
    .order-item div.content>div:nth-child(3)>div{margin-bottom: 5px;}
    /* 操作按钮 */
    .order-item div.content>div:nth-child(4){height: 160px;width: 195px;}
    .order-item div.content>div:nth-child(4){display: flex;flex-direction: column;justify-content: center;align-items: center;}
    .order-item div.content>div:nth-child(4)>a>div{width: 120px;height: 42px;line-height: 42px;background-color: #E69226;color: #FFFFFF;border-radius: 3px;text-align: center;}
    .order-item div.content>div:nth-child(4)> span{margin-top: 5px;}
    .order-item div.content>div:nth-child(4)> span.call{color: #999999;}
}

@media (max-width: 1200px){
    /* shop */
    .nav-item-span{line-height: 20px;font-size: 16px;}
    .nav-item-span span{margin-right: 30px;line-height: 20px;font-size: 16px;}





    /* 底部 */
    .shop-bottom {width: 100%;background-color: #F8F9FB;text-align: center;}
    .shop-bottom.fixed{position: fixed;bottom: 0;left: 0;}
    .shop-bottom>div{width: 100%;margin: 0px auto; padding: 10px;}
    .shop-bottom span{font-size: 12px;color: #999999;}



    /* 用户中心操作 */
    .user-handle{width: 100%;max-height: 790px;min-height: 400px;background-color: #fff;margin-left: 20px;}

    /* 商品订单列表 */
    .order-title{width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;border-bottom: 1px solid #EEEEEE;}
    .order-title ul {width: 100%;padding: 0 27px;}
    .order-title ul li {margin-right: 54px; height: 78px;line-height: 78px;padding: 0 10px;font-size: 18px;}
    .order-title ul li.selecd{color: #E69226;border-bottom: #E69226 solid 4px;}

    .order-list{width: 100%;height: 710px;overflow-y: auto;}
    .order-list>div{width: 100%;margin: 0 auto;display: flex;flex-direction: column;align-items: center;}
    .order-item{width: 100%;border:1px solid #EEEEEE;margin: 20px 0;}
    .order-item div.title{background-color: #FDF4E9;border-bottom: 1px solid #EEEEEE;font-size: 14px;color: #666666;height: 50px;line-height: 50px;padding: 0 26px;}
    .order-item div.content{width: 100%;height: 160px;display: flex;flex-direction: row;justify-content: flex-start;align-items: center;}
    /* 订单图片 */
    .order-item div.content img{width: 140px;height: 104px;}
    .order-item div.content>div:nth-child(1){height: 160px;padding: 0px 10px;}
    /* 订单标题 and 订单标签 */
    .order-item div.content>div:nth-child(2){flex: 1;height: 160px;text-align: center;display: flex;flex-direction: row;align-items: center;}
    .order-item div.content>div:nth-child(2)>div:nth-child(1){display: flex;flex-direction: row;align-items: center;justify-content: center;}
    .order-item div.content>div:nth-child(2)>div:nth-child(1){padding-right: 0px;height: 100%;line-height: 27px;padding: auto 0px;border-right: 1px solid #EEEEEE;}
    .order-item div.content>div:nth-child(2)>div>span{width: 110px;display: inline-block;font-size: 16px;font-weight: 750;}
    .order-item div.content>div:nth-child(2)>div:nth-child(2){display: flex;flex-direction: column;align-items: center;justify-content: center;}
    .order-item div.content>div:nth-child(2)>div:nth-child(2){height: 100%;line-height: 27px;border-right: 1px solid #EEEEEE;}

    /* 订单价格 */
    .order-item div.content>div:nth-child(3){display: flex;flex-direction: column;justify-content: center;align-items: center;}
    .order-item div.content>div:nth-child(3){flex: 1;height: 160px;color: #999999;font-size: 16px;border-right: #EEEEEE 1px solid;}
    .order-item div.content>div:nth-child(3) span{color: #CC0000;}
    .order-item div.content>div:nth-child(3)>div{margin-bottom: 5px;}

    /* 操作按钮 */
    .order-item div.content>div:nth-child(4){height: 160px;flex: 1;}
    .order-item div.content>div:nth-child(4){display: flex;flex-direction: column;justify-content: center;align-items: center;}
    .order-item div.content>div:nth-child(4)>a>div{width: 100px;height: 30px;line-height: 30px;background-color: #E69226;color: #FFFFFF;border-radius: 3px;text-align: center;}
    .order-item div.content>div:nth-child(4)> span{margin-top: 5px;}
    .order-item div.content>div:nth-child(4)> span.call{color: #999999;}

    /* goods details */
    .details-content-head{width: 100%;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
    .details-content-head img{width: 360px;height: 100%;margin: 0!important;flex: 1;}
    .details-content-head .intro{flex: 2;margin-left: 20px;height: 269px;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;}

    /* 课程列表 */
    .details-list{width: 100%;padding-top: 70px;display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;}
    .details-list>.left {flex: 1.5;margin-right: 40px;width: auto;display: flex;flex-direction: column;}
    /* .details-list .content ul li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} */

    /* 专业解析 */
    .details-title>.content ul li {padding: 20px 20px 0px 20px;width: 100%;}
    .details-title>.content ul li:nth-child(1) {padding: 0px 20px 0px 20px;width: 100%;}

    /* 为你推荐 */
    .details-list>.right {width: 280px;display: flex;flex-direction: column;}

    /* 支付 */
    /* pay */
    .pay-title{width: 100%;margin-top: 90px;}
    .pay-title>div{width: 100%;margin: 0 auto;padding: 20px 0px;}
    .pay-content>div ul{width: 100%;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;}

}

@media (max-width: 1023px){


    /* user */
    .user{background-color: #F8F9FB;overflow-y: scroll;}

    .user-title>div{width: 1200px;font-size: 14px;margin: 0 auto;padding: 10px;}
    .user-title span{color: #999999;margin-right: 5px;}
    .user-title>div>div{margin-left: 5px;display: inline-block;}
    .divtest{ display: inline-block; width: 7px; height: 7px; border-top: 2px solid #999999; border-right: 2px solid #999999; transform: rotate(45deg);}

    .user-content .container { display: block;}
    /* 用户中心头部 */
    .user-head{width: 100%;height: 180px;display: flex;flex-direction: row;align-items: center;justify-content: flex-start;border-bottom: 1px #EEEEEE solid;}
    .user-head img{width: 68px;height: 68px;border-radius: 50%;overflow: hidden;}
    .user-head>div{background-color: #fff;}
    .user-head>div:nth-child(1){ flex: 1;height: 100%;}
    .user-head>div:nth-child(1) span{font-size: 16px;margin-top: 10px;}
    .user-head>div:nth-child(2){flex: 4;height: 100%;}
    .user-head>div ul{width: 100%;margin: 0px;height: 100%;display: flex;flex-direction: row;align-items: center;justify-content: space-around;}
    .user-head>div ul li {font-size: 18px;padding-top: 0px;}
    .user-head>div ul li.selecd{color: #E69226;}

    /* 用户中心操作 */
    .user-handle{width: 100%;max-height: 790px;min-height: 400px;background-color: #fff;margin-left: 0px;}

    /* 商品订单列表 */
    .order-title{width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;border-bottom: 1px solid #EEEEEE;}
    .order-title ul {width: 100%;padding: 0 27px;}
    .order-title ul li {margin-right: 54px; height: 78px;line-height: 78px;padding: 0 10px;font-size: 18px;}
    .order-title ul li.selecd{color: #E69226;border-bottom: #E69226 solid 4px;}

    .order-list{width: 100%;padding-bottom: 80px;}
    .order-list>div{width: 100%;margin: 0 auto;display: flex;flex-direction: column;align-items: center;}
    .order-item{width: 100%;border:1px solid #EEEEEE;margin: 20px 0;}
    .order-item div.title{background-color: #FDF4E9;border-bottom: 1px solid #EEEEEE;font-size: 14px;color: #666666;height: 50px;line-height: 50px;padding: 0 26px;}
    .order-item div.content{width: 100%;height: 160px;display: flex;flex-direction: row;justify-content: flex-start;align-items: center;}
    /* 订单图片 */
    .order-item div.content img{width: 140px;height: 104px;}
    .order-item div.content>div:nth-child(1){height: 160px;padding: 0px 10px;}
    /* 订单标题 and 订单标签 */
    .order-item div.content>div:nth-child(2){flex: 1;height: 160px;text-align: center;display: flex;flex-direction: row;align-items: center;}
    .order-item div.content>div:nth-child(2)>div:nth-child(1){display: flex;flex-direction: row;align-items: center;justify-content: center;}
    .order-item div.content>div:nth-child(2)>div:nth-child(1){padding-right: 0px;height: 100%;line-height: 27px;padding: auto 0px;border-right: 1px solid #EEEEEE;}
    .order-item div.content>div:nth-child(2)>div>span{width: 110px;display: inline-block;font-size: 16px;font-weight: 750;}
    .order-item div.content>div:nth-child(2)>div:nth-child(2){display: flex;flex-direction: column;align-items: center;justify-content: center;}
    .order-item div.content>div:nth-child(2)>div:nth-child(2){height: 100%;line-height: 27px;border-right: 1px solid #EEEEEE;}

    /* 订单价格 */
    .order-item div.content>div:nth-child(3){display: flex;flex-direction: column;justify-content: center;align-items: center;}
    .order-item div.content>div:nth-child(3){flex: 1;height: 160px;color: #999999;font-size: 16px;border-right: #EEEEEE 1px solid;}
    .order-item div.content>div:nth-child(3) span{color: #CC0000;}
    .order-item div.content>div:nth-child(3)>div{margin-bottom: 5px;}

    /* 操作按钮 */
    .order-item div.content>div:nth-child(4){height: 160px;flex: 1;}
    .order-item div.content>div:nth-child(4){display: flex;flex-direction: column;justify-content: center;align-items: center;}
    .order-item div.content>div:nth-child(4)>a>div{width: 100px;height: 30px;line-height: 30px;background-color: #E69226;color: #FFFFFF;border-radius: 3px;text-align: center;}
    .order-item div.content>div:nth-child(4)> span{margin-top: 5px;}
    .order-item div.content>div:nth-child(4)> span.call{color: #999999;}

    /* shop-show-pop-up */
    .shop-show[shop-user="province"]>div{width: 100%;height: 100%;}
    .shop-show .province-list{width: 100%;padding: 0px 30px;overflow-y: auto;height: auto;}
    .shop-show .province-list ul {width: 100%;height: 100%;display: flex;flex-direction: column;flex-wrap: nowrap;}
    .shop-show .province-list ul li {width: 100%;margin-bottom: 15px;display: flex;flex-direction: row;align-items: flex-start;justify-content: flex-start;flex-wrap: wrap;}
    .shop-show .province-list ul li>div:nth-child(1){height:32px;line-height: 32px;margin: 5px 0px;flex: 1;display: flex;flex-direction: column;align-items: flex-start;height: auto;}
    .shop-show .province-list ul li>div:nth-child(2){flex: 4;display: flex;flex-direction: row;align-items: center;justify-content: flex-start;flex-wrap: wrap}
}

@media (max-width: 1023px){

    .shopNav{width: 30%;position: fixed;top:0;right:130%;height: 100%;z-index: 1200;}
    .shopNav>div{width: 100%;height: 100%;position: absolute;bottom: 0px;left: 0;background-color: #EEEEEE;}
    .shopNav ul{width: 100%;margin: 0 ;height: 100%;display: flex;flex-direction: column;}
    .shopNav ul li{margin: 0;padding: 0 10px;font-size: 16px;color: #666666;display: flex;flex-direction: row;justify-content: center;align-items: center;}
    .shopNav ul li{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; /* 将对象作为弹性伸缩盒子模型显示 */ -webkit-line-clamp: 1; /* 控制最多显示几行 */ -webkit-box-orient: vertical; }
    /* ipad vertical */
    .row { margin-right: -10px; margin-left: -10px; }
    .col-sm-1,.col-sm-2,.col-sm-4,.col-sm-6,.col-sm-7,.col-sm-8,.col-md-2,.col-md-5,.col-md-10,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{width: 100%; padding-left: 10px; padding-right: 10px;}
    body { transition: all .3s ease-out 0s;}

    .header-top {  height: 56px;}
    .logo {  width: 90px;  }
    .icon-nav { display: block; position: relative; right: -10px; margin-left: auto;}
    .navbar-show{position:fixed;top:0;right:0;bottom:0;left:0;overflow:visible;transition:all .3s ease-out 0s;-webkit-transform:translateX(80%);transform:translateX(80%);}
    .nav {position: fixed;
        top: 0;
        right: 100%;
        bottom: 0;
        z-index: 999;
        display: none;
        overflow: auto;
        padding: 50px 0;
        width: 80%;
        height: 100%;
        border: 0;
        background: #fff;
        transition: all .3s ease-out 0s;}
    .nav ul{display: block; padding-top: 10px; border-top: #fff solid 1px;}
    .nav ul li a{display:flex;padding:5px 20px;font-size:15px;align-items:center; line-height: 30px;}
    .nav li a:hover, .nav li.active a  {  font-weight: bold;}
    .nav ul li a i{display:block;}
    .nav ul li.active a{opacity:1;}
    .mobile-nav{display:flex;}
    .navbar-show .nav{display:block;}
    .nav li { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between;}
    .mobile-level-button { display: block;}
    .submenu { position: static;opacity: 1; visibility:visible; display: none;}
    .submenu dd a { text-align: left; font-size: 13px;}
    .main { margin-top: 90px; }

    .contact { margin: 30px auto; width: 100%;}
    .contact .apply-form { padding: 20px;}
    .contact .apply-form { width: 100%;}
    .contact .form-title { font-size: 20px;}
    .form-group label { font-size: 14px;}
    .form-control { line-height: 20px;}
    .layui-input, .layui-select, .layui-textarea { height: 42px;}
    .btn { font-size: 16px;}
    .tabs-nav .tabs-nav-item { padding: 0 10px;}

    /* shop */
    /* shop-nav */
    .shop-nav{width: 100%;}
    .shop-tabs>div{width: 100%;}
    .shop-nav-logo{width: 200px;max-width: 200px !important;}

    .shop-list .col-xs-3 { width: 50%;}
    .show-tabs { top:60px}
    .teacher-capital .col-xs-3 { width: 50%;}
    .teacher-capital .item { margin-bottom: 20px;}



}

@media (max-width: 767px){
    .col-sm-1,.col-sm-2,.col-sm-4,.col-sm-6,.col-sm-7,.col-sm-8,.col-md-2,.col-md-5,.col-md-10,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{width: 100%; padding-left: 10px; padding-right: 10px; }

    body { font-size: 14px; }
    h1{font-size: 26px; }
    h2{font-size: 20px; }
    h3{font-size: 16px; }
    h4{font-size: 14px; }
    h5{font-size: 13px;}
    h6{font-size: 12px;}
    .fz-36 { font-size: 22px;}
    .fz-30 { font-size: 20px;}
    .fz-18 {font-size: 14px;}
    .fz-16 {font-size: 13px;}
    .fz-22 { font-size: 17px;}
    .fz-24 { font-size: 18px;}
    .fz-38 { font-size: 20px;}
    .fz-60 { font-size: 30px;}


    .mobile { display: block; }
    .desktop-hide { display: block; }
    .mobile-hide { display: none; }
    .header { padding: 10px 0;}
    .header.fixed{border-bottom: #DFE3E8 solid 1px; }

    .page-section { padding: 30px 0; }
    .mb-20 { margin-bottom: 10px;}
    .mb-30 { margin-bottom: 15px;}
    .mb-35 { margin-bottom: 18px;}
    .mb-40 { margin-bottom: 20px; }
    .mb-50 { margin-bottom: 25px; }
    .mb-60 { margin-bottom: 30px; }
    .mb-80 { margin-bottom: 40px; }
    .banner-swiper .title { font-size: 50px; margin-bottom: 0;}
    .banner-swiper .info { font-size: 20px;}
    .section-apply .flexBetween { display: block; }
    .center-headline { margin-bottom: 30px; }
    .center-headline p { font-size: 14px; }

    .apply-form-right{ position: relative; top:-20px;}
    .apply-text .col-xs-12 { padding-bottom: 30px;}
    .apply-text i { width: 26px;}
    .apply-text .fz-24 { font-size: 16px;}
    .apply-text .fz-24.mb-20 { margin-bottom: 10px;}
    .apply-text .fz-18 { font-size: 14px;}
    .section-apply .item,.section-apply .item:last-child { margin-bottom: 20px;}
    .apply-form { width: 100%;}
    .apply-form { padding: 20px;}
    .education-list .col-xs-3 { width: 50%;}
    .education-list .pic { height: 100px; }
    .education-list h3 { font-size: 20px;}
    .education-list p { font-size: 13px;}
    .education-list .item { padding: 0 20px 20px;}
    .education-list li:nth-child(1) .item,
    .education-list li:nth-child(2) .item { margin-bottom: 20px;}

    .section-about .flexBetween { display: block;}
    .section-about .about-text { width: 100%; margin-bottom: 20px;}
    .section-about .gallery-thumbs { width: 100%;}
    .section-about .about-swiper { width: 100%; display: block;}
    .section-about .swiper-container-free-mode>.swiper-wrapper { display: flex;}
    .section-about .gallery-top { width: 100%;}
    .section-about .gallery-thumbs .swiper-slide { min-width: 20%;}

    .section-teacher .title { font-size: 20px;}
    .section-teacher .flexBetween { padding: 40px 0;}

    .section-news-list { margin-bottom: 5px;}
    .section-news-list .item { margin-bottom: 20px; padding: 20px;}
    .section-news-list h3 { height: auto; font-size: 16px;}
    .section-news-list .clamp-five { height: auto;}

    .section-news .flexBetween { display: block;}
    .section-news .title { display: block;margin-bottom: 15px;}
    .school { padding: 30px 0;}
    .title-line { margin: 20px auto; border: 2px solid #333333;}
    .school-box { display: block; margin-bottom: 20px;}
    .school-box .pic { width: 100%; margin-bottom: 20px;}
    .school-box .text { width: 100%;}
    .school-tab .item-title { font-size: 18px; margin-bottom: 10px;}
    .school-content-item { display: block;}
    .school-content-item .pic { width: 100%; margin-bottom: 20px;border-radius:8px;}
    .school-content-item .text { width: 100%; min-height: 100px; border-radius:8px; padding: 20px;}
    .school-content-item .text::after { display: none;}
    .school-tag-list { top:40px}
    .school-tag-list li a { font-size: 13px; line-height: 30px;}



    .tab-nav { justify-content: space-between; flex-wrap: wrap;}
    .tab-nav li a { padding: 0 10px; font-size: 14px;}
    .footer { padding-top: 35px;}
    .footer .flexBetween { display:block; }
    .footer .footer-link .row { flex-wrap: wrap; padding-bottom: 10px;}
    .footer .footer-link .col-xs-2 { width: 33.3333%; margin-bottom: 10px;}
    .footer .footer-link .col-xs-4 { padding-top: 10px; width: 50%;}
    .footer .footer-link .col-xs-2.card-right { width: 50%;}
    .footer .footer-link h3 { margin-bottom: 10px;}
    .footer .footer-link li a { font-size: 13px;}
    .footer .copyright p { font-size: 13px;}
    .footer .footer-link .col-xs-2:after { display: none;}
    .customer { font-size: 14px; width: 130px; right: 15px; bottom: 15px; }

    .banner .banner-text h2{ margin-bottom: 15px; font-size: 24px;}
    .banner .banner-text p { font-size: 14px;  }
    .main { margin-top: 60px; }

    .breadcrumb-nav { padding: 20px 0; display: none; }
    .section-main { padding: 20px 0;}
    .sub-nav { width: 100%; margin-bottom: 20px; padding-bottom: 20px;}
    .main-page { width: 100%;}

    .list { padding: 0; }
    .list .list-item { padding: 20px 0; margin-bottom: 0; display: block;}
    .list .list-item:first-child { padding-top: 0; }
    .list .list-item .pic { width: 100%; height: auto; margin-right: 0; margin-bottom: 15px;}
    .list .list-item .text { margin-right: 0;}
    .list .list-item .text h3 { margin-bottom: 14px; }
    .img-list .item { height: auto;}


    .content { padding: 0; }
    .content h1 { margin-bottom: 10px; }
    .content .tag { padding-bottom: 15px; margin-bottom: 15px; }
    .article-body p { font-size: 12px; margin-bottom: 15px;}
    .article p { font-size: 12px; margin-bottom: 15px;}

    .about { padding: 10px 0;}
    .about .ab-left { width: 100%; margin-bottom: 20px;}
    .about .ab-right { width: 100%;}
    .about .lf-img { width: 100%;}
    .about .ri-text { width: 100%; padding: 20px;}
    .about .flexBetween { padding: 20px 0;}
    .about .flexColumnBetween{ padding: 20px 0 0;}
    .teacher { padding: 20px 0;}
    .teacher h2 { margin-bottom: 15px;}
    .teacher .flexBetween{ padding: 10px 0;}
    .teacher .ab-left { width: 100%; margin-bottom: 20px;}
    .teacher .ab-right { width: 100%;}
    .teacher .teacher-img  { left: 18px; top:12px;}

    .section-colleges .flexWrapCenter .item { width: auto; margin-bottom: 15px;}
    .section-colleges .flexWrapCenter .item a { line-height: 36px;}


    .pagination{ padding: 0 0 10px; margin: 0; font-size: 12px;}
    .pagination ul { font-size: 12px; display: block; }
    .pagination li { display: inline-block;margin-bottom: 10px;}
    .pagination .nav-item { margin: 0 5px; font-size: 12px; line-height: 30px; min-width: 30px; height: 30px; }
    .pagination .prev-page { margin-right: 5px; margin-left: 0; }
    .pagination .next-page { margin-left: 5px; margin-right: 0; }
    .pagination .total-page { display: none; }
    .pagination .icon { display: block; }

    .pagination li a { min-width: 30px;  height: 30px; line-height: 30px; }
    .pagination li .active { min-width: 30px; width: 30px; height: 30px; line-height: 30px;}
    .pagination .page-left { line-height: 30px; display: none;}

    .modal-header { padding: 30px 20px 10px; }
    .form-group { margin-bottom: 15px; }
    .modal-footer { padding-bottom: 30px; }
    .section-info .info-box { margin-bottom: 30px;}
    .tabs-nav .tabs-nav-item a { padding: 15px 0;}
    .mode { position: relative; top:-40px; margin-bottom: -40px;}
    .mode .mode-body { margin-bottom: -20px;}
    .section-colleges .flexWrapCenter { margin-left: -5px; margin-right: -5px;}
    .section-colleges .flexWrapCenter .item { padding: 0 5px;}
    .section-certificate .flexCenter .certificate-img { padding: 0 5px;}
    .section-process .text-center p { margin-bottom: 10px;}
    .teacher-capital .col-xs-3 { width: 100%;}
    .teacher-capital .item { margin-bottom: 15px; height: auto;}
    .teacher-capital .item:hover .text-tran { position: static;  width: auto; height: auto;
    background: #fff; color: #333;}
    .teacher-capital .item:hover .text-info {position: static; width: 100%; z-index: 4;    -webkit-transform: none;
        transform: none;
        top: 50%;
        left: 50%;}
    .teacher-capital .item:hover .gray-6{ color: #666;}
    .teacher-capital .item:hover .gray-9 { color: #999;}
    .teacher-capital .item .intal { height: auto; overflow: hidden;}
    .education {  padding: 30px 0 20px;}
    .education-box { width: 100%; margin-bottom: 20px;  border-radius: 10px; padding: 10px;}
    .education-box .number { font-size: 20px; padding-right: 10px;}
    .education-box .text { padding-right: 10px;}
    .education-box .text h2 { margin-bottom: 20px;}
    .education-box .pic { width: 120px;}
    .user-title { top: 69px;}
    .user-content,
    .details-content { margin-top: 130px; padding-bottom: 40px;}
    .buy-content ul { padding: 0;}
    .shopping { padding-bottom: 30px;}

    /* shop */
    .head-title ul li { margin-right: 25px;}
    .head-title ul li.selsed { font-size: 18px;}
    .show-tabs .nav-item:hover .tags-list { position: static;}
    .shop-list .col-xs-3 { width: 100%;}
    .shop-item { margin-bottom: 15px;}
    .shop-item .pic { height: auto;}
    .view-absolute{width: 340px;}
    /* 一级选择 */
    .show-view {width: 100%;min-height: 170px;margin: 15px 0px;padding: 0px 10px;display: flex;flex-direction: column;justify-content: center;}
    .show-view ul:nth-child(2) {border-top: 1px solid #EEEEEE;}
    .show-view ul{width: 100%;margin: auto 0;}
    .show-view ul li {display: inline-block;line-height: 36px;padding: 0 10px;}
    .show-view ul li.select{color: #E69226;}
    /* 二级选择 */
    /* .view-absolute>.show-view {} */
    /* 确定按钮 */
    .new-buttom{width: 100%;padding: 0 10px;margin: 0;display: flex;flex-direction: row;justify-content: flex-end;}
    .new-buttom>div {width: 160px;height: 42px;background-color: #E69226;color: #FFFFFF;font-size: 16px;border-radius: 3px;display: flex;flex-direction: row;justify-content: center;align-items: center;}
    .show-view.repetition{display: none;}
    .second.mains li:hover{color: #E69226;}

    .shop-nav{width: 100%;}

    .shop-tabs-right { right: 15px;}
    .shop-nav-logo{width: 100px;height: 19px;margin: 10px;}

    /* user */
    .user{background-color: #F8F9FB;overflow-y: scroll;}

    .user-title>div{width: 100%;font-size: 14px;margin: 0 auto;padding: 10px;}
    .user-title span{color: #999999;margin-right: 5px;}
    .user-title>div>div{margin-left: 5px;display: inline-block;}
    .divtest{ display: inline-block; width: 7px; height: 7px; border-top: 2px solid #999999; border-right: 2px solid #999999; transform: rotate(45deg);}


    /* 用户中心头部 */
    .user-head{width: 100%;height: 120px;display: flex;flex-direction: row;align-items: center;justify-content: flex-start;border-bottom: 1px #EEEEEE solid;}
    .user-head img{width: 68px;height: 68px;border-radius: 50%;overflow: hidden;}
    .user-head>div{background-color: #fff;}
    .user-head>div:nth-child(1){ flex: 1;height: 100%;}
    .user-head>div:nth-child(1) span{font-size: 16px;margin-top: 10px;}
    .user-head>div:nth-child(2){flex: 4;height: 100%;}
    .user-head>div ul{width: 100%;margin: 0px;height: 100%;display: flex;flex-direction: row;align-items: center;justify-content: space-around;}
    .user-head>div ul li {font-size: 18px;padding-top: 0px;}
    .user-head>div ul li.selecd{color: #E69226;}

    /* 用户中心操作 */
    .user-handle{width: 100%;max-height: none;min-height: none;background-color: #fff;margin-left: 0px;}

    /* 商品订单列表 */
    .order-title{width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;border-bottom: 1px solid #EEEEEE;}
    .order-title ul {width: 100%;padding: 0;}
    .order-title ul li {margin-right: 20px; height: 40px;line-height: 40px;padding: 0 10px;font-size: 16px;}
    .order-title ul li.selecd{color: #E69226;border-bottom: #E69226 solid 4px;}

    .order-list{padding-bottom: 0; height: auto;}
    .order-list>div{width: 100%;margin: 0 auto;display: flex;flex-direction: column;align-items: center;}
    .order-item{width: 100%;border:1px solid #EEEEEE;margin: 10px 0;}
    .order-item div.title{background-color: #FDF4E9;border-bottom: 1px solid #EEEEEE;font-size: 14px;color: #666666;height: 50px;line-height: 50px;padding: 0 26px;}
    .order-item div.title>span:nth-child(1){margin-right: 10px;}
    .order-item div.content{width: 100%;height: 100%;display: flex;flex-direction: row;justify-content: flex-start;align-items: center;flex-wrap: wrap;}
    /* 订单图片 */
    .order-item div.content img{width:180px;height: 100%;padding: 10px 0px;}
    .order-item div.content>div:nth-child(1){height: 100%;width: 50%;flex: none;padding: 10px 0px ;}
    /* 订单标题 and 订单标签 */
    .order-item div.content>div:nth-child(2){flex: none;width: 50%;height: auto;padding: 10px 0px ;text-align: center;display: flex;flex-direction: column;align-items: flex-start;}
    .order-item div.content>div:nth-child(2)>div:nth-child(1){display: flex;flex-direction: row;align-items: center;justify-content: flex-start;}
    .order-item div.content>div:nth-child(2)>div:nth-child(1){padding-right: 0px;line-height: 27px;padding:0px;border-right: 0px solid #EEEEEE;}
    .order-item div.content>div:nth-child(2)>div>span{width: 100%;display: inline-block;font-size: 16px;font-weight: 750;}
    .order-item div.content>div:nth-child(2)>div:nth-child(2){display: flex;flex-direction: column;align-items: center;justify-content: center;}
    .order-item div.content>div:nth-child(2)>div:nth-child(2){line-height: 27px;border-right: 0px solid #EEEEEE;}

    /* 订单价格 */
    .order-item div.content>div:nth-child(3){width: 50%;flex: none;padding-bottom: 10px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
    .order-item div.content>div:nth-child(3){height: 80px;color: #999999;font-size: 16px;border-right: #EEEEEE 0px solid;}
    .order-item div.content>div:nth-child(3) span{color: #CC0000;}
    .order-item div.content>div:nth-child(3)>div{margin-bottom: 5px;}

    /* 操作按钮 */
    .order-item div.content>div:nth-child(4){flex: none;height: 80px;width: auto;padding-bottom: 10px;margin-right: auto;}
    .order-item div.content>div:nth-child(4){display: flex;flex-direction: column;justify-content: center;align-items: center;}
    .order-item div.content>div:nth-child(4)>a>div{width: 100px;height: 30px;line-height: 30px;background-color: #E69226;color: #FFFFFF;border-radius: 3px;text-align: center;}
    .order-item div.content>div:nth-child(4)> span{margin-top: 5px;}
    .order-item div.content>div:nth-child(4)> span.call{color: #999999;}

    /* amend */
    .user-handle.amend{height: 100%;}
    .amend-content{width: 100%;padding: 80px 0px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
    .amend-content ul{width: 300px;display: flex;flex-direction: column;align-items: center;}
    .amend-content ul li{width: 100%;display: flex;flex-direction: row;justify-content: space-around;align-items: center;padding-bottom: 20px;}
    .amend-content ul li input{padding-left: 10px;width: 200px;border: 0px solid #FFFFFF;background-color: #F8F9FB;height: 36px;line-height: 36px;outline: none;border-right: 3px;}


    /* 详情 */


    .details-content-head{width: 100%;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;font-size: 16px;}
    .details-content-head img{width: 100%;height: 100%;margin: 0!important;}
    .details-content-head .intro{margin: 0;padding: 10px;width: 100%;height: 269px;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;}
    .intro>div.title-span{width: 100%;display: flex;flex-direction: column;align-items: flex-start;margin-bottom: 15px;}
    .intro .title-span>div:nth-child(1){font-size: 24px;font-weight: bold;padding: 15px 0px;}
    .intro .title-span>div:nth-child(2){font-size: 14px;color: #999999;padding-bottom: 15px;}
    .intro .title-span>div:nth-child(3) span{color: #025EFF;font-size: 14px;}
    .intro>div:nth-child(2){width: 100%;padding: 15px;border-radius: 5px;background-color: #e6932632;display: flex;flex-direction: row;justify-content: space-between;align-items: center;font-size: 12px;color: #C10000;}
    .intro>div:nth-child(2)>div:nth-child(1)>span{font-size: 28px;}
    .intro>div:nth-child(2) div.details-pay{font-size: 12px;background-color: #E69226;color: #FFFFFF;width: 100px;height: 28px;border-radius: 3px;}
    /* 详情 - 课程列表 */

    .details-list{width: 100%;padding-top: 30px;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;}
    .details-list>.left {width: 100%;}
    /* .details-list .content{margin-bottom: 20px;} */
    .details-list .content ul{width: 100%;background-color: #F5F6F6;font-size: 16px;font-weight: bold;}
    .details-list .content ul li span{margin-left: 5px;}
    .details-list .content ul li{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
    .details-list .content ul li{width: 100%;height: 36px;line-height: 36px;border-bottom: 1px solid #EEEEEE;padding: 0 30px;}
    .details-list .content ul li img {width: 21px;height: auto;margin: 0;}

    /* 详情 - 可移动式头部 */
    .head-title.fixed{position: fixed;left: 0;width: 100%;padding: 8px 0px;background-color: #FFFFFF;animation-name: fadeInDown; animation-duration: 1s; animation-fill-mode: both;}
    .head-title>ul li{position: relative;height: 20px;line-height: 20px;display: inline-block;color: #999999;font-size: 12px;margin-right: 30px;}
    .head-title>ul li.selsed{border-bottom: 2px #FFDAC3 solid;color:#333;font-size: 16px;font-weight: 600;}

    /* 详情 - 专业解析 */
    .details-title{width: 100%; padding-top: 20px;}
    .details-title>div{width: 100%;}
    .details-title>.title{width: 100%;font-size: 24px;font-weight: bold;}
    .details-title>.title span {padding-bottom: 20px;}
    .details-title>.content{padding: 20px 0;}
    .details-title>.content ul li {padding: 20px 20px 0px 20px;}
    .details-title>.content ul li:nth-child(1) {padding: 0px 20px 0px 20px;}

    /* 详情 - 为你推荐 */
    .details-list>.right {width: 100%; padding-top: 20px;}
    .details-list>.right .title {font-size: 16px;}
    .details-list>.right .content{width: 100%;background-color: #FFFFFF;}
    .details-list>.right .content ul{width: 100%;padding: 0px 20px;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;flex-wrap: wrap;}
    .details-list>.right .content ul li{width: 100%;background-color: #EEEEEE;}
    .details-list>.right .content ul li img {width:100%;height: 100%;margin: 0;padding: 0;}
    .details-list>.right .content ul li>div{width: 100%;padding: 0 20px;}

    /* buy */
    .buy-content ul>li:nth-child(1){padding-top: 0;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;}
    .buy-content ul>li:nth-child(1) img{width: 100%;height: 100%;margin: 0 0 10px 0;}
    .buy-content ul>li:nth-child(1)>.line-li{width: 100%;padding-bottom: 20px;display: flex;flex-direction: column;align-items: flex-start;margin-left: 0px;border-bottom: 1px solid #EEEEEE;}
    .buy-content ul>li:nth-child(1)>.line-li>div:nth-child(1){font-size: 16px;font-weight: bold;}
    .buy-content ul>li:nth-child(1)>.line-li>div:nth-child(2){margin-top: 8px;font-size: 14px;color: #999999;display: flex;flex-direction: row;justify-content: flex-start;align-items: center;flex-wrap: wrap;}
    .buy-content ul>li:nth-child(1)>.line-li>div:nth-child(2) span{margin-right: 10px;}
    .buy-content ul>li:nth-child(1)>.line-li>div:nth-child(3){margin-top: 16px;color: #C10000;font-size: 15px;}
    .buy-content ul>li:nth-child(1)>.line-li>div:nth-child(3) span{font-size: 18px;}
    .buy-content ul>li:nth-child(4)>div:nth-child(2) p span { font-size: 20px;}
    .buy-content ul>li:nth-child(4)>div:nth-child(2) { margin-top: 10px;}
    .buy-content ul>li:nth-child(4) { padding: 20px 0;}

    .buy-pay{padding-top: 0;}
    .buy-pay div{width: 60%;min-width: 180px;font-size: 12px;height: 36px;line-height: 36px;}

    /* 购买 - buy */
    .buy-show{position: fixed;top: 0;left: 0;padding: 0 15px;width: 100%;height: 100%;background-color: #33333342;z-index: 30000;-webkit-box-sizing: border-box;box-sizing: border-box;}
    .buy-show img{width: 16px;height: 16px;margin: 0;}
    .buy-show>div{width: 100%;max-width:560px;height: auto;background-color: #FFFFFF;border-radius: 10px;}
    .buy-show>div>div:nth-child(1){width: 100%;padding: 15px 15px 10px 15px;}
    .buy-show>div>div:nth-child(1)>div:nth-child(1){width: 100%;display: flex;flex-direction: row;justify-content: flex-end;}
    .buy-show>div>div:nth-child(1)>div{text-align: center;font-size: 18px;font-weight: bold;}
    .buy-show>div ul {width: 100%;padding: 0 15px;}
    .buy-show>div ul li {width: 100%;margin-bottom: 10px;display: flex;flex-direction: column;align-items: flex-start;}
    .buy-show ul li span{font-size: 15px;font-weight: bold;margin-bottom: 10px;margin-left: 15px;}
    .buy-show ul li input::-webkit-input-placeholder{color: #666666;font-size: 12px;}
    .buy-show ul li input{border: 1px solid #EEEEEE;height: 40px;width: 100%;font-size: 12px;padding: 0 10px;}
    .buy-submit a{width: 100%;padding: 10px 30px 20px 30px;}
    .buy-submit a div{width: 100%;height: 36px;border-radius: 5px;text-align: center;line-height: 36px;background-color: #E69226;color: #FFFFFF;font-size: 18px;}

    /* 支付 pay */
    .pay-title{width: 100%;margin-top: 60px;}
    .pay-title>div{width: 100%;margin: 0 auto;padding: 10px 0px;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;}
    .pay-title>div>.left{font-size: 12px;width: 100%;padding: 0 15px;margin-bottom: 10px;}
    .pay-title>div>.left>div:nth-child(1){color: #333333;width: 100%;}
    .pay-title>div>.left>div:nth-child(2){color: #999999;margin-top: 8px;width: 100%;}
    .pay-title>div>.right{font-size: 16px;width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: flex-end;padding: 0 15px;}
    .pay-title>div>.right>div:nth-child(2){font-size: 16px;color: #C10000;}
    .pay-title>div>.right>div:nth-child(2) span{font-size: 20px;}

    .pay-content>div{width: 100%;margin: 0 auto;padding: 40px 0;background-color: #FFFFFF;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;}
    .pay-content>div>span{margin-bottom: 20px;font-size: 16px;margin-left: 15px;font-weight: bold;}

    .pay-content>div ul{width: 100%;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;}

    .pay-content>div ul li{width: 100%;height: 50px;display: flex;flex-direction: row;justify-content: flex-start;align-items: center;}
    .pay-content>div ul{width: 100%;padding: 0 15px;font-size: 18px;}
    .pay-content>div ul li{border: 1px solid #EEEEEE;margin-right: 24px;}
    .pay-content>div ul li:nth-child(1){margin-bottom: 20px;}
    .pay-content>div ul li.selsed{border: 1px solid #E69226;}
    .pay-content>div ul li>img{width: 32px;height: auto;margin: 0;}
    .pay-content>div ul li>div:nth-child(1) img{width: 20px;height: 20px;margin: 0;}
    .pay-content>div ul li>div:nth-child(1){margin: 0px 20px 0px 40px;}
    .pay-content>div ul li>div:nth-child(3){margin-left: 10px;}

    .pay-pay{padding-top: 20px;}
    .pay-pay div{width: 60%;min-width: 180px;font-size: 12px;height: 36px;line-height: 36px;}

    /* shop-show */
    .shop-show-button{width: 100%;padding: 0px 20px 20px 20px;text-align: center;}
    .shop-show-button>div{width: 100%;font-size: 18px;color: #FFFFFF;background-color: #E69226;padding: 8px 0;border-radius: 5px;}
    .shop-show[shop-user="province"] .shop-show-button{width: 100%;padding: 0px 100px 30px 100px;text-align: center;}
    .shop-show-bottom{width: 100%;padding-bottom: 30px; text-align: center;line-height: 18px;color: #666666;font-size: 16px;}
    .shop-show-bottom span{border-bottom: 1px solid #666666;}
}
@media (max-width: 749px){
    /* 750px>window.width>360px */
    .shop-input>input.width {width: 254px;height: 36px;}
    .shop-input>img.margin:first-child{width: 10px;height: 10px;margin-left: 10px;}
    .shop-input>img.margin {width: 16px;height: 16px;margin-right: 10px;}
}

@media (max-width: 660px){

    /* 底部 */
    .shop-bottom {width: 100%;background-color: #F8F9FB;text-align: center;}
    .shop-bottom.fixed{position: fixed;bottom: 0;left: 0;}
    .shop-bottom>div{width: 100%;margin: 0px auto; padding: 10px;}
    .shop-bottom span{font-size: 12px;color: #999999;}

    .span-bottom:active{background-color: #E69226;color: #fff;}

    /* user */
    .order-item div.content>div:nth-child(2)>div:nth-child(2){display: flex;flex-direction: column;align-items: flex-start;justify-content: center;text-align: left;}

    /* shop-show */
    .shop-show .title{padding-bottom: 20px;}
    .shop-show .title div{width: 100%;padding: 15px;}
    .shop-show .title div img{width: 16px;height: 16px;margin: 0;}
    .shop-show .title ul li {padding: 5px 30px 5px 30px; }
    .shop-show .title ul li span{font-size: 18px;color: #999999;font-weight: bold;}
    .shop-show .title ul li.selsed span{color: #333333;}

    .shop-show[shop-user="login"]{width: 100%;padding: 30px 15px;}
    .shop-show[shop-user="register"]{width: 100%;padding: 30px 15px;}
    .shop-show[shop-user="password"]{width: 100%;padding: 30px 15px;}
    .shop-show[shop-user="province"]{width: 100%;padding: 0;}

    .shop-show>div{ width: 100%;height: auto;border-radius: 10px;background-color: #FFFFFF;}
    .shop-show input{width: 100%;height: 36px;border: 1px solid #EEEEEE;border-radius: 3px;padding: 0 10px;font-size: 16px;}
    .shop-show input::-webkit-input-placeholder{font-size: 16px;}

    .shop-show ul.log-list{width: 100%;padding: 0 15px;}
    .shop-show ul.log-list>li{width: 100%;display: flex;flex-direction: column;align-items: flex-start;padding-bottom: 12px;border-width: 0;}
    .shop-show ul.log-list>li>span{font-size: 14px;font-weight: 550;margin: 0px 0px 8px 10px;}

    .shop-show ul.log-list>li.verify{width: 100%;}
    .shop-show ul.log-list>li.verify>div{position: relative;width: 100%;}
    .shop-show ul.log-list>li.verify .verify-buttom{position: absolute;bottom: 0;right: 0;height: 36px;padding: 0 15px;text-align: center;line-height: 36px;color: #E69226;}
    .shop-show ul.log-list>li.verify.shop-show-none{display: none;}
    .shop-show ul.log-list>li.shop-show-none{display: none;}

}

@media (max-width: 500px) {
    /* user */
    .order-item div.title{display: flex;flex-direction: column;align-items: flex-start;height: 100%;}
    .order-item div.title{background-color: #FDF4E9;border-bottom: 1px solid #EEEEEE;font-size: 10px;color: #666666;padding: 5px 10px;}
    .order-item div.title>span{height: auto;line-height: 20px;}
    .order-item div.title>span:nth-child(1){margin-right: 10px;}


}





@media (max-width: 480px){
    /* iphone plus */
    .desktop { display: none!important; }
    .shop-nav-right {width: auto;margin-right: 15px;}
    .shop-nav-right span {font-size: 12px;}
}

@media (max-width: 414px){
    /* iphone plus */
    /* user */
    .order-item div.content img{width:140px;height: 100%;padding: 10px 0px;}
}
@media (max-width: 375px){
    /* iphone */
}
@media (max-width: 360px){
    /* 详情 */
    .details-list>.right .content ul li{width: 100%;background-color: #EEEEEE;}
    /*  */
}
@media (max-width: 320px){
    /* iphone 5 */
    .layer-item { width: 300px!important; }
}