html {
background-color: #fbfbfb;
color: #333;
font-family: "Hiragino Sans GB", "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
}
/* 基本样式补丁 */
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12
{
min-height: 1px;
position: relative;
padding-left:15px;
padding-right:15px;
box-sizing:border-box;
-webkit-transition:all 0.3s ease-in;
-moz-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
transition:all 0.3s ease-in}
.col-1{width:8.33333%}
.col-2{width:16.66667%}
.col-3{width:25%}
.col-4{width:33.33333%}
.col-5{width:41.66667%}
.col-6{width:50%}
.col-7{width:58.33333%}
.col-8{width:66.66667%}
.col-9{width:75%}
.col-10{width:83.33333%}
.col-11{width:91.66667%}
.col-12{width:100%}
/*局部模块平分*/
.col-1-1{ width:100%}
.col-2-1{ width:50%}
.col-3-1{ width:33.333333%}
.col-3-2{ width:66.666667%}
.col-4-1{ width:25%}
.col-4-3{ width:75%}
.col-5-1{ width:20%}
.col-5-2{ width:40%}
.col-5-3{ width:60%}
.col-5-4{ width:80%}
.col-6-1{ width:16.666667%}
.col-6-5{ width:83.333333%}
/*清除浮动
Name: style_clearfix
Example: class="clearfix|cl"
Explain: clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.cl:after,.clearfix:after{content:"\20";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
.uppercase{text-transform:uppercase} /*文字大写*/
.lowercase{text-transform:lowercase} /*文字小写*/
.capitalize{text-transform:capitalize} /*首字母大写*/
.en{font-family:Arial!important}
/*3.1.3 对齐
Name: style_text-align
Example: class="text-l|text-r|text-c|va-t|va-m|va-b"
Explain: .text-水平对齐 （.text-l左对齐|.text-r右对齐|.text-c居中对齐）
.va-上下对齐 （.va-t 居上对齐|.va-m 居中对齐|.va-b 居下对齐）
*/
.text-l{text-align:left}.text-r{text-align:right}.text-c{text-align:center}
.va *{vertical-align:sub!important;*vertical-align:middle!important;_vertical-align:middle!important}
.va-t{vertical-align:top!important}.va-m{vertical-align:middle!important}.va-b{vertical-align:bottom!important}
/*3.1.4 定位
Name: style_position
Example: class="pos-r|pos-a|pos-f"
Explain: .pos-r 相对定位|.pos-a 绝对定位|.pos-f 固定
*/
.pos-r{position:relative}.pos-a{position:absolute}.pos-f{position:fixed}
/*3.1.5 浮动
Name: style_float
Example: class="l|r"
Explain: .l 左浮动|.r 右浮动
*/
.l,.f-l{float:left!important;_display:inline}
.r,.f-r{float:right!important;_display:inline}
[class*="span"].r,
[class*="span"].f-r{float:right}
/*控制元素对定位的位置：居左|居右|j居上|居下*/
.pos-left{left:0; right:auto}
.pos-right{right:0; left:auto}
.pos-top{top:0; bottom:auto}
.pos-bottom{top:auto; bottom:0}
/*3.1.6 文字单行溢出省略号
Name: style_text-overflow
Example: class="text-overflow"
*/
.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/*3.1.7 线条
Name: style_line
Example: class="line"
*/
.line{font-size:0; line-height:0; border-top: solid 1px #eee; float: none}
.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-50{margin-top:50px}
.mb-0{margin-bottom:0px}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.mb-50{margin-bottom:50px}
.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-30{margin-left:30px}.ml-40{margin-left:40px}.ml-50{margin-left:50px}
.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-30{margin-right:30px}.mr-40{margin-right:40px}.mr-50{margin-right:50px}
/*3.1.9 内填充
Name: style_padding
Example: class="pt-5|pt-10|……"
Explain: .pt表示上填充|.pb表示下填充|.pl表示左填充|.pr表示右填充
*/
.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pt-30{padding-top:30px}
.pb-0{padding-bottom:0px}.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pb-30{padding-bottom:30px}
.pl-0{padding-left:0px} .pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-25{padding-left:25px}.pl-30{padding-left:30px}
.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pr-25{padding-right:25px}.pr-30{padding-right:30px}
.pd-5{padding:5px}.pd-10{padding:10px}.pd-15{padding:15px}.pd-20{padding:20px}.pd-25{padding:25px}.pd-30{padding:30px}.pd-40{padding:40px}
.f-12{font-size:12px}.f-14{font-size:14px}.f-16{font-size:16px}.f-18{font-size:18px}.f-20{font-size:20px}.f-22 { font-size: 22px }.f-24{font-size:24px}.f-26{font-size:26px}.f-28{font-size:28px}.f-30{font-size:30px}
.f-32{font-size:32px}.f-34{font-size:34px}.f-36{font-size:36px}.f-38{font-size:38px}.f-40{font-size:40px}
/*3.1.14 文字行距
Name: mod_line-height
Example: class="lh-16|lh-18|lh-20|lh-22|lh-24|lh-26|lh-28|lh-30"
Explain: 16px行高|18px行高|20px行高|22px行高|24px行高|26px行高|30px行高
*/
.lh-16{line-height:16px}.lh-18{line-height:18px}.lh-20{line-height:20px}.lh-22{line-height:22px}.lh-24{line-height:24px}.lh-26{line-height:26px}.lh-28{line-height:28px}.lh-30{line-height:30px}
/*2.0以前的兼容版本*/
.l16{line-height:16px}.l18{line-height:18px}.l20{line-height:20px}.l22{line-height:22px}.l-24{line-height:24px}.l-26{line-height:26px}.l-28{line-height:28px}.l-30{line-height:30px}
/*3.1.10 边框，css3圆角
Name: style-border
Example: class="bk_gray radius"
Explain: .bk_gray 边框|radius 圆角|round 椭圆 | circle 圆形
*/
.bk-gray{border:solid 1px #eee}
.radius{border-radius:4px}
.size-MINI.radius{ border-radius:3px}
.size-L.radius{ border-radius:5px}
.size-XL.radius{ border-radius:6px}
.round{border-radius:50%; overflow:hidden}
.bg-fff{ background-color:#fff}
/*3.1.11 css3阴影
Name: style_shadow
Example: class="box_shadow|text-shadow"
Explain: box_shadow 块级元素阴影，全局样式，可用在表格，文本框，文本域，div等块级元素上。
text-shadow 文字阴影
*/
.box-shadow{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);box-shadow:0 1px 2px rgba(0,0,0,0.1)}
.text-shadow{-webkit-text-shadow:0 0 2px rgba(0,0,0,0.2);text-shadow:0 0 2px rgba(0,0,0,0.2)}
/*3.1.12 行内分割竖线
Name: style_pipe
Example: |
*/
.pipe{margin:0 5px;color:#CCC;font-size:10px!important}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-0.5em}sub{bottom:-0.25em}
/*3.1.21 内容样式
Name: style_content
Example:
Explain: 内容样式
*/
.content{position:relative;font-size:17px;line-height:1.8;overflow:hidden;text-align:left;word-break: break-all;word-wrap: break-word}
.content h3{font-size:18px}
.content h4{font-size:16px}
.content p{margin-bottom: 1.5rem;text-align: justify;word-break:break-all}
.content p.text-c{ text-align:center}
.indent{ text-indent:2em}
.content img{max-width:100%}
.content ul{text-indent:2em}
/*3.1.24 隐藏 显示
Name: style_display
Example: 隐藏的内容
显示的内容
Explain: .hide 隐藏 / .show 显示
*/
.hide{display:none}[hidden]{display: none}
.hidden{display:none!important;visibility:hidden!important}
.f-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
[class*="span"].hide,.row-fluid [class*="span"].hide{display:none}
.show{display:block}
.invisible{visibility:hidden}
/*3.6.3 头像
Name: mod_avatar
Example: 
*/
.avatar{display:inline-block;position:relative; overflow:hidden}
.avatar img{ display:block}
.avatar.radius,.avatar.radius img{border-radius:50%}
.avatar,.avatar img{width:32px; height:32px}
.avatar.size-MINI{ width:16px;height:16px}
.avatar.size-S,.avatar.size-S img{width:24px; height:24px}
.avatar.size-M,.avatar.size-M img{width:32px; height:32px}/*默认为中，可以不写，可以理解为：均码*/
.avatar.size-L,.avatar.size-L img{width:48px; height:48px}
.avatar.size-XL,.avatar.size-XL img{width:64px; height:64px}
.avatar.size-XXL,.avatar.size-XXL img{width:100px; height:100px}
.avatar.size-XXXL,.avatar.size-XXXL img{width:128px; height:128px}
/*3.1.22 列表
Name: style_ulolli
Example:
- 无序列表
- 无序列表
- 无序列表
Explain:
*/
ul.unstyled,ol.unstyled{margin-left:0;list-style:none}
ul.inline,ol.inline{margin-left:0;list-style:none}
ul.inline > li,ol.inline > li{display:inline-block;*display:inline;padding-right:5px;padding-left:5px;*zoom:1}
.list-view > .item{ padding:10px; position:relative; overflow:hidden}/*禁止换行*/
.list-view > .item .date{font-size:12px; font-family:Arial; color:#999}
/*排行榜*/
/*- 1排行榜列表12
*/
.list-top > .item{padding-left: 30px}
.list-top > .item .num{ position:absolute; top:11px; display:block; width:20px; height:20px; color:#fff; background-color:#5a98de; text-align:center}
.c-666{color: #888;}
.c-f-main{color:#ff5722;}
.c-f-555{color: #555;}
/* 覆盖 */
.all{width:100%;}
.all-top{
width:100%;background-color: #fff;
box-shadow: 0 2px 27px 0 rgba(0,0,0,0.10);
}
.all-footer{
width:100%;
background: #333;
color: #999;
margin: 0 auto;
display: block;
font-size: 12px;
}
.all-footer * a{
color: #999;
display: inline;
}
.footer-info{width:100%; margin-top: 30px; margin-bottom: 20px;}
.link-word {
position: relative;
height: 18px;
margin-top: 30px;
border-top: 1px #424242 solid;
}
.link-word em {
position: absolute;
text-align: center;
top: -15px;
left: 50%;
margin-left: -36px;
width: 72px;
background: #303030;
}
.layui-container {
min-width: 1240px;
max-width: 100%;
}
.w {
min-width: 1240px;
max-width: 100%;
}
.nav{height:115px;}
.nav .layui-logo{
position: relative;
padding: 0 20px;
background-color: #fff;
color: #000;
font-size: 0;
box-sizing: border-box;
height: 115px;
width:260px;
}
.nav .layui-logo .top-logo{width:214px;height:115px;display: inline-block;line-height: 115px;}
.nav .layui-nav {
position: relative;
padding: 0 20px;
background-color: #fff;
color: #000;
border-radius: 2px;
font-size: 0;
box-sizing: border-box;
height: 115px;
}
.nav .layui-nav .layui-nav-item a{
color: #000;
}
.nav .layui-nav .layui-nav-item {
position: relative;
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
line-height:115px;
}
.nav .layui-nav * {
font-size: 16px;
letter-spacing: 1px;
}
.layui-nav .layui-nav-more {
position: absolute;
top: 0;
right: -6px;
left: auto !important;
margin-top: 0;
font-size: 12px;
cursor: pointer;
transition: all .2s;
-webkit-transition: all .2s;
margin-right:10px
}
.nav .layui-nav .layui-this::after, .nav * .layui-nav-bar {
content: "";
position: absolute;
height: 3px;
background-color: #ff5722;
transition: all .2s;
-webkit-transition: all .2s;
pointer-events: none;
margin-top: -20px;
}
.nav * .layui-nav-child {
display: none;
position: absolute;
left: 0;
top: 75px;
min-width: 100%;
line-height: 36px;
padding: 5px 0;
box-shadow: 0 2px 4px rgba(0,0,0,.12);
border: 1px solid #eee;
background-color: #fff;
z-index: 100;
border-radius: 2px;
white-space: nowrap;
}
.nav .layui-nav .layui-this::after {
content: "";
position: absolute;
height: 3px;
background-color: #ff5722;
transition: all .2s;
-webkit-transition: all .2s;
pointer-events: none;
top: 112px;
}
.site-block {
padding: 20px;
border: 0px solid #eee;
}
.province-block{}
.province-box{padding: 10px;border-bottom: 1px solid #eee;padding-bottom: 0px;}
.province-box:hover{background-color: #f6f6f6;}
.province-box * a:hover{color:#ff5722}
.province-name{border-bottom: 2px solid #ff5722;}
/* 底部获客css */
.bottom-fix-bar{
width:100%;
height:141px;
display: block;
color: #323232;
background:url(getinfo-bg.png?) repeat-x top center;
position: fixed;
bottom: 0;
left: 0;
}
.bottom-fix-detail{
color: #323232;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
transition: all .3s linear;
z-index: 99;
height: 139px;
background: url(footer-getinfo-bg.png?x) no-repeat top center;
background-size: 1920px 139px;
-webkit-font-smoothing: antialiased;
box-sizing: border-box;
}
.bottom-fix-box{
color: #323232;
position: absolute;
left: 45%;
width: 740px;
}
.bottom-fix-form-group{
color: #323232;
margin: 72px 90px 0 0;
}
.bottom-fix-form-btn{
word-break: break-all;
box-sizing: border-box;
text-decoration: none;
cursor: pointer;
float: right;
display: inline-block;
margin-left: 20px;
width: 120px;
height: 38px;
line-height: 36px;
font-size: 14px;
color: #fff;
text-align: center;
background: #FF6663;
}
.bottom-fix-form{
color: #323232;
position: relative;
float: left;
width: 230px;
margin-left: 20px;
}
.union-input{
word-break: break-all;
box-sizing: border-box;
margin: 0;
font: inherit;
outline: none;
box-shadow: 0 0 0 1000px white inset;
width: 100%;
height: 36px;
font-size: 14px;
line-height: 1.5;
padding: 5px 25px 5px 10px;
color: #262626;
border: none;
}
.union-notice{
word-break: break-all;
box-sizing: border-box;
position: absolute;
top: 10px;
left: 10px;
height: 16px;
font-size: 14px;
line-height: 16px;
color: #858585;
}
.union-error{
word-break: break-all;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
height: 20px;
line-height: 20px;
color: #ff5722;
}
/* 弹窗获客 */
.poplisten-form {
width: 300px;
float: none;
position: relative;
margin-bottom: 20px;
}
.pop-listen-title {
font-size: 20px;
color: #333;
line-height: 26px;
font-weight: bold;
}
.pop-listen-subtitle {
margin: 5px 0 0;
font-size: 14px;
color: #999;
line-height: 24px;
}
.poplisten-form-group {
margin: 40px 0 0;
text-align: center;
}
.common-pop-btn {
display: block;
width: 300px;
padding: 10px 0;
font-size: 14px;
color: #fff;
border-radius: 0;
box-sizing: border-box;
text-align: center;
font-weight: bold;
line-height: 20px;
cursor: pointer;
background: #FF5552;
}
.pop-listen-notice {
width: 300px;
font-size: 14px;
color: #999;
line-height: 24px;
text-align: left;
margin-top: 20px;
font-weight:300;
}
.poplisten-form .common-input {
height: 44px;
padding: 9px 10px;
border: 1px solid #eaeaea;
font-size: 14px;
color: #333;
box-sizing: border-box;
border-radius: 4px;
line-height: 1.5em;
width: 100%;
}
/* 分校首页 */
.branch-intro-content {
padding: 20px 0 20px 20px;
background: #fff;
border: 1px solid #EAEAEA;
display:block
}
.branch-intro-left, .branch-intro-left img {
width: 400px;
height: 240px;
display:block
}
.branch-intro-right {
width: 777px;
display:block
}
.branch-intro-left, .branch-intro-left img {
width: 420px;
height: 318px;
}
.branch-intro-right .jg-name {
margin-left: 30px;
font-size: 22px;
line-height: 36px;
}
.branch-intro-right .jg-intro {
margin: 5px 0 0 30px;
font-size: 14px;
line-height: 24px;
display:block
}
.branch-intro-right .jg-advan {
margin: 15px 0 0;
padding: 10px 0 10px 30px;
background: rgba(255,85,82,0.05);
display:block
}
.branch-intro-right .jg-advan .title {
font-weight: bold;
font-size: 16px;
color: #FF5552;
line-height: 28px;
}
.branch-intro-right .jg-advan .advan {
margin-top: 5px;
}
.branch-intro-right .jg-advan .item {
display: block;
float: left;
margin-top: 5px;
padding-left: 19px;
width: 167px;
line-height: 20px;
font-size: 12px;
background: url(honggou.png) no-repeat left 3px;
background-size: 14px 14px;
}
.branch-intro-right .jg-school {
margin-left: 30px;
height: 24px;
line-height: 24px;
}
.branch-intro-right .jg-school {
margin-left: 30px;
height: 24px;
line-height: 24px;
}
.branch-intro-right .jg-school .title {
display: inline-block;
margin-right: 15px;
font-size: 14px;
color: #999;
}
.branch-intro-right .jg-school .school-name {
font-size: 14px;
}
.branch-intro-right .jg-school .school-link {
display: inline-block;
font-size: 14px;
color: #FF5552;
}
.branch-intro-right .jg-school .school-check {
margin-left: 20px;
line-height: 24px;
font-size: 14px;
cursor: pointer;
}
.branch-intro-right .jg-btn {
margin-top: 20px;
padding-left: 30px;
}
.branch-intro-right .jg-btn .btn-left {
width: 120px;
padding: 10px 0;
font-size: 16px;
}
.ocommon-btn-green {
display: inline-block;
width: 104px;
padding: 7px 0;
text-align: center;
line-height: 20px;
font-size: 14px;
color: #fff;
background: #FF5552;
cursor: pointer;
}
.branch-intro-right .jg-btn .btn-right {
display: block;
margin: 5px 0 0 60px;
width: 320px;
padding: 5px 9px;
border: 1px solid #EAEAEA;
font-size: 12px;
line-height: 20px;
cursor: pointer;
}
.branch-intro-right .jg-btn .icon {
margin-right: 5px;
width: 18px;
height: 18px;
display: inline-block;
vertical-align: top;
}
.branch-intro-right .jg-btn .btn-right b {
display: inline-block;
font-weight: 400;
}
.flow-container {
position: relative;
margin-top: 20px;
padding: 30px 29px;
border: 1px solid #EAEAEA;
background: #fff;
}
.flow-container .layui-tab-brief > .layui-tab-more li.layui-this::after, .layui-tab-brief > .layui-tab-title .layui-this::after{
border-bottom: 2px solid #ff5722;
}
.flow-container .layui-tab-brief > .layui-tab-title .layui-this {
color: #ff5722;
}
.hd-active-left {
width: 725px;
overflow: hidden;
padding-right: 0px;
}
.hd-active-right {
border-left: 1px solid #eaeaea;
min-height: 162px;
}
.acitve-ask-people {
position: absolute;
bottom: 6px;
left: -7px;
}
.acitve-ask-people .people-left {
width: 210px;
height: 45px;
padding: 8px 0 0 25px;
font-size: 16px;
color: #fff;
line-height: 28px;
cursor: pointer;
background: url(fs.png) no-repeat 0 0;
background-size: 210px 45px;
}
.acitve-ask-people .people-right {
margin-left: 20px;
line-height: 45px;
font-size: 16px;
color: #FF5552;
font-weight: bold;
}
.hd-active-right li {
margin-top: 10px;
overflow: hidden;
}
.hd-active-right span {
display: inline-block;
float: left;
padding-left: 30px;
width: 185px;
font-size: 14px;
color: #666;
line-height: 24px;
font-weight: 400;
}
.branch-common-title .title {
line-height: 26px;
font-size: 18px;
color: #333;
}
.branch-common-title .more {
display: block;
font-size: 14px;
color: #999;
line-height: 26px;
}
dd.course-list {
float: left;
margin: 26px 20px 0 0;
width: 212px;
height: 213px;
border: 1px solid #EAEAEA;
}
.course-item-price {
margin: 5px 10px 0;
}
.course-item-price .price {
display: block;
font-size: 16px;
color: #FF5A5A;
line-height: 28px;
}
.ask-price {
cursor: pointer;
}
.course-item-price .pop {
display: block;
font-size: 12px;
color: #333;
line-height: 28px;
}
.course-item-top, .course-item-top img {
width: 100%;
}
.course-item-name {
margin: 15px 10px 0;
font-size: 16px;
color: #333;
line-height: 28px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.branch-about-info p {
margin-top: 20px;
font-size: 14px;
color: #666;
line-height: 24px;
word-break: break-all;
}
.tab-list.isshow {
display: block;
}
.receptions-list {
margin: 10px 0 0;
}
.receptions-list dd {
padding: 20px 0;
border-bottom: 1px solid #eaeaea;
}
.receptions-item-left {
width: 72px;
}
.receptions-item-left .avatar {
width: 72px;
height: 72px;
border: 1px solid #eaeaea;
display: table-cell;
vertical-align: middle;
}
.receptions-item-left .avatar img {
width: 71px;
height: 71px;
}
.receptions-item-left .btn {
display: block;
margin: 10px auto 0;
width: 60px;
height: 24px;
line-height: 22px;
font-size: 12px;
cursor: pointer;
color: #666;
text-align: center;
border: 1px solid #EAEAEA;
}
.receptions-item-right {
width: 1048px;
}
.receptions-item-name .name {
display: inline-block;
font-size: 14px;
color: #666;
line-height: 24px;
}
.receptions-star {
position: relative;
margin-left: 10px;
height: 24px;
line-height: 24px;
}
.qrate-stars-ul {
list-style: none;
padding: 0;
margin-left: -1px;
text-align: left;
font-size: 0;
-webkit-text-size-adjust: none;
white-space: nowrap;
}
.qrate-stars-ul li {
display: inline-block;
}
.qrate-stars-dark li .star-icon {
color: #ccc;
}
.qrate-stars-ul li .star-icon {
font-size: 16px;
color: #FF4D4D;
}
.qrate-stars-light {
width: 80%;
position: absolute;
top: 0px;
overflow: hidden;
}
.qrate-stars-ul {
list-style: none;
padding: 0;
margin-left: -1px;
text-align: left;
font-size: 0;
-webkit-text-size-adjust: none;
white-space: nowrap;
}
.receptions-item-detail {
margin: 15px 0 0;
font-size: 14px;
color: #666;
line-height: 24px;
}
.receptions-item-detail p{
color: #666;
line-height: 24px;
}
.receptions-item-img {
margin-top: 20px;
}
.receptions-item-date {
margin-top: 20px;
font-size: 12px;
color: #A9ABAB;
line-height: 14px;
}
.receptions-item-date .date, .receptions-item-date .type {
display: block;
margin-right: 20px;
}
.receptions-item-date .type a {
color: #FF5552;
}
.receptions-item-date .btn {
color: #FF5552;
cursor: pointer;
}
.branch-address-count {
left: 30px;
top: 130px;
}
.address-map-content {
width: 880px;
height: 500px;
float: right;
overflow: hidden;
position: absolute;
top: 180px;
left: 330px;
}
.tab-list.isshow {
display: block;
}
.map-address-list {
padding: 15px 20px 15px;
width: 240px;
height: 500px;
background: #fff;
overflow-y: auto;
border: 1px solid #eaeaea;
}
.map-address-list dd {
padding: 15px 0;
border-bottom: 1px solid #eaeaea;
cursor: pointer;
}
.map-address-list .address-name {
font-size: 16px;
color: #333;
line-height: 28px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.map-address-list .address-detail {
margin-top: 5px;
font-size: 14px;
color: #666;
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: none;
}
.address-map-content .jg-map {
width: 880px;
height: 500px;
overflow: hidden;
}
.curmap-pos{display: block;}
dd.active h3.address-name{color: #FF4D4D;}
.active-litem-left {
width: 240px;
height: 120px;
}
.active-litem-left img {
width: 225px;
height: 120px;
}
.active-litem-right .btn {
line-height: 24px;
font-size: 18px;
color: #333;
cursor: pointer;
}
.active-litem-right .intro {
margin: 10px 0 0;
line-height: 24px;
font-size: 14px;
color: #666;
overflow: hidden;
white-space: nowrap;
}
.active-litem-right {
width: 453px;
margin-left: 10px;
}
.active-litem-right .date {
margin-top: 5px;
font-size: 14px;
line-height: 24px;
color: #666;
}
.layui-carousel > [carousel-item] > * {
display: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #fff;
transition-duration: .3s;
-webkit-transition-duration: .3s;
}
.layui-nav .layui-nav-child a:hover {
background-color: #f6f6f6;
color: rgba(0,0,0,.8);
}
.layui-nav dl.branch-nav a:hover {
background-color: #ff5722;
color: #fff;
}
.news-cover{
background-position:50% 50% ;
background-repeat:no-repeat;
background-size:2558px auto ;
display: block;
height:614px;
}
/* 课程列表 */
.course-list-con {
display: block;
margin-top: 0px;
width: 100%;
position: relative;
float: left;
}
.course-list-item {
display: block;
clear: left;
width: 100%;
position: relative;
}
.course-list-item :active{display:block}
.course-list-item-left {
display: block;
float: left;
margin-right: 30px;
margin-bottom: 30px;
}
.course-list-item-left img {
display: block;
}
.course-list-item-right {
display: block;
float: left;
width: 800px;
}
.course-list-item-title{display:inline-block}
.course-list-item-des{display:block;clear: both;}
.course-list-item-link{display:block;color: #666;}
.course-list-item-link a{display:inline-block;color: #ff5722;}
.course-list-item-link a:active{display:inline-block;color: #ff5722;}
.course-list-inline{display: inline-block;margin-left: 20px;}
.layui-btn-clues{cursor:pointer;}
.layui-breadcrumb a {
color: #666 !important;
}
.layui-breadcrumb a:hover {
color: #ff5722 !important;
}
.wrap{
margin-top: 20px;
padding: 30px 29px;
border: 1px solid #EAEAEA;
background: #fff;
width: 100%;
display: inline-block;
}
ul.pagination{width: 100%;
margin-top: 40px;text-align: center;}
ul.pagination li {
display: inline-block;
padding: 15px 20px 15px 20px;
border: 1px solid #f1f1f1;
font-size: 16px;
margin-right: 20px;
}
ul.pagination li:hover,ul.pagination li:hover a{
background-color: #ff5722;color: #fff;display: inline-block;
}
ul.pagination li a:hover{
background-color: #ff5722;color: #fff;display:inline-block;
}
ul.pagination li.disabled{border: 1px solid #f1f1f1;color: #666;}
ul.pagination li.active{background-color: #ff5722;color: #fff;}
.select-branch{
width: 830px;
height: 100px;
display: block;
margin: 0px auto;
margin-top: 60px;
}
.select-branch .layui-input{
color:#000;
border-color: #ccc;
}
.select-branch .layui-input:hover,.select-branch .layui-textarea:hover {
border-color: #ff5722 !important;
}
.select-branch .layui-form-item .layui-input-inline {
float: left;
width: 160px;
margin-right: 10px;
}