@charset "UTF-8";
/*
	@auther:Christopher_Song
	版权所有，侵权必究
*/
/*
@mixin bg-red
{
	background-color:map-get($color,red);
	color:white;
}
*/
body, h1, h2, h3, h4, ul, li, ol, dl, dd, dt, table, tr, form { margin: 0; padding: 0; }

ul, li, dl, dd, dt, form, table { list-style: none; }

img, a img { border: none; line-height: 0; }

/*public share tag start*/
h1 { font-size: 2em; line-height: 2.4em; }

h2 { font-size: 30px; }

h3 { font-size: 24px; }

h4 { font-size: 18px; }

h5 { font-size: 14px; }

h6 { font-size: 12px; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: inherit; font-family: inherit; font-weight: 500; line-height: 1.1; }

small { font-size: 65%; }

dt { font-weight: 700; }

p { margin: 5px 0 5px 0; }

/*public share tag end*/
/*public share class start*/
.test { border: 1px solid red; }

.clear { clear: both; font-size: 0; }

.clear-left { clear: left; font-size: 0; }

.clear-right { clear: right; font-size: 0; }

.clear-before:before { content: ""; display: block; clear: both; }

.clear-after:after { content: ""; display: block; clear: both; }

.float-left { float: left; }

.float-right { float: right; }

.margin-right { margin-right: 10px; }

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

.margin-right-15 { margin-right: 15px; }

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

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

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

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

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

.margin-center { margin: 0 auto; }

.padding-5 { padding: 5px; }

.height-5 { height: 5px; }

.padding-10 { padding: 10px; }

.height-10 { height: 10px; }

.padding-15 { padding: 15px; }

.height-15 { height: 15px; }

.padding-20 { padding: 20px; }

.height-20 { height: 20px; }

.padding-25 { padding: 25px; }

.height-25 { height: 25px; }

.padding-30 { padding: 30px; }

.height-30 { height: 30px; }

.padding-40 { padding: 40px; }

.height-40 { height: 40px; }

.font-size-10 { font-size: 10px; }

.font-size-11 { font-size: 11px; }

.font-size-12 { font-size: 12px; }

.font-size-13 { font-size: 13px; }

.font-size-14 { font-size: 14px; }

.font-size-15 { font-size: 15px; }

.font-size-16 { font-size: 16px; }

.font-size-17 { font-size: 17px; }

.font-size-18 { font-size: 18px; }

.font-size-19 { font-size: 19px; }

.font-size-20 { font-size: 20px; }

.line-through { text-decoration: line-through; }

.line-height { line-height: 1.5em; }

.text-center { text-align: center; }

.text-left { text-align: left; }

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

.vertical-top { vertical-align: top; }

.vertical-middle { vertical-align: middle; }

.vertical-bottom { vertical-align: bottom; }

.display-none { display: none; }

.display-flex { display: flex; }

.display-block { display: block; }

.full-width { width: 100%; }

.flex-grow { flex-grow: 1; }

/*public share class end*/
/*private share modifiable style start*/
a { color: #333; text-decoration: none; }

a:hover { color: #666; text-decoration: none; }

html { font-size: 100px; }

body, input, textarea, button, select, pre { font-family: "Helvetica Neue", "Arial", "Microsoft YaHei", "微软雅黑", "宋体"; line-height: 1.4em; outline: none; color: #333; font-size: 14px; line-height: 1.4em; }

body { background-color: white; -webkit-font-smoothing: antialiased; }

.font-italic { font-style: italic; }

.font-bold { font-weight: bold; }

.text-yellow, .company-history.index-panel .panel-body .company-history-wrapper .company-history-inner ul li dl dt { color: #FED233; }

.text-blue { color: #2382FB; }

.text-red { color: #FB5D5C; }

.text-gray { color: #686868; }

.text-black { color: #333333; }

.text-sky, .button.button-border.border-blue, .button.button-border.border-sky { color: #1eddff; }

.text-orange, .button.button-border.border-orange { color: #ED7D31; }

.text-green { color: #5bdc94; }

.text-pink { color: #fff8f0; }

.text { color: #666; }

.text-white { color: white; }

.body { width: 1300px; margin: 0 auto; }

.bg-yellow { background-color: #FED233; color: white; }

.bg-blue, .head .telphone, .page ul li a.now, .page ul li a:hover, .page ul li span.now, .page ul li span:hover, .body-shift, .pager a { background-color: #2382FB; color: white; }

.bg-red { background-color: #FB5D5C; color: white; }

.bg-gray, .index-category { background-color: #f3f3f3; }

.bg-black { background-color: #333333; color: white; }

.bg-sky { background-color: #1eddff; color: white; }

.bg-orange { background-color: #ED7D31; color: white; }

.bg-green { background-color: #5bdc94; color: white; }

.bg-pink { background-color: #fff8f0; }

.bg-white { background-color: white; color: #666; }

.bg-purple-linear { background: linear-gradient(to right, , #903E7E); color: white; }

/*private share modifiable style end*/
/*private class start*/
.button { border: none; padding: 0.5em 1em; /*cursor:pointer;*/ vertical-align: middle; display: inline-block; }

.button.button-lg { padding: 0.8em 2em; }

.button.button-sm { padding: 0.2em 0.3em; }

.button.button-wide { padding: 0.8em 5em; }

.button.button-clean { background-color: transparent; }

button { cursor: pointer; }

.button.button-yellow { background-color: #FED233; color: white; }

.button.button-blue { background-color: #2382FB; color: white; }

.button.button-red { background-color: #FB5D5C; color: white; }

.button.button-gray { background-color: #686868; border: 1px solid #DEDEDE; }

.button.button-black { background-color: #333333; color: white; }

.button.button-sky { background-color: #1eddff; background-color: #3BA4D1; color: white; }

.button.button-orange { background-color: #ED7D31; color: white; }

.button.button-green { background-color: #5bdc94; color: white; }

.button.button-pink { background-color: #fff8f0; color: white; }

.button.button-white { background-color: white; border: 1px solid #DEDEDE; }

.button.button-border { border: 1px solid #DDD; background-color: transparent; }
.button.button-border.border-blue { border-color: #4BC1F1; }
.button.button-border.border-sky { border-color: #1eddff; }
.button.button-border.border-orange { border-color: #ED7D31; }

.button.button-border:hover { color: white; }

.button.button-sky.button-hover:hover, .button.button-blue.button-hover:hover { background-color: #6cd2f7; }

.radius { border-radius: 0.2em; }

.circle { border-radius: 50%; }

.clips, .calendar .calendar-inner:after, .calendar .calendar-inner dl:before, .index-captain h3, .index-shift ul li a, .right-panel .captain h3, .dright-panel .captain h3 { display: inline-block; /*text-indent:-999em;*/ background-image: url(../images/clips_bg.png); vertical-align: middle; background-size: 400px 400px; }

.clips-before:before, .clips-after:after { content: ''; display: inline-block; background-image: url(../images/clips_bg.png); vertical-align: middle; }

input.error { border: 1px solid #FB5D5C; }

.row { width: 100%; display: flex; }

.col { flex-grow: 1; box-sizing: border-box; }

/*
.col-2 { float:left; width:16.6%; }
.col-3 { float:left; width:25%; }
.col-4 { float:left; width:33.3%; }
.col-5 { float:left; width:41.6%; }
.col-6 { float:left; width:50%; }
.col-7 { float:left; width:58.3%; }
.col-8 { float:left; width:66.6%; }
.col-9 { float:left; width:75%; }
.col-10 { float:left; width:83.3%; }
.col-11 { float:left; width:91.6%; }
.col-12 { float:left; width:100%; }
*/
.col-1 { /*float:left;*/ width: 8.3333333333%; box-sizing: border-box; }

.col-2 { /*float:left;*/ width: 16.6666666667%; box-sizing: border-box; }

.col-3 { /*float:left;*/ width: 25%; box-sizing: border-box; }

.col-4 { /*float:left;*/ width: 33.3333333333%; box-sizing: border-box; }

.col-5 { /*float:left;*/ width: 41.6666666667%; box-sizing: border-box; }

.col-6 { /*float:left;*/ width: 50%; box-sizing: border-box; }

.col-7 { /*float:left;*/ width: 58.3333333333%; box-sizing: border-box; }

.col-8 { /*float:left;*/ width: 66.6666666667%; box-sizing: border-box; }

.col-9 { /*float:left;*/ width: 75%; box-sizing: border-box; }

.col-10 { /*float:left;*/ width: 83.3333333333%; box-sizing: border-box; }

.col-11 { /*float:left;*/ width: 91.6666666667%; box-sizing: border-box; }

.col-12 { /*float:left;*/ width: 100%; box-sizing: border-box; }

.input-text { width: 15em; height: 2.4em; border: 1px solid #CCC; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 0.8em; /*background-color:#1D2647;*/ transition: border-color .4s; }

.input-text:hover { border-color: #d2d2d2; }

.input-text.big { width: 30em; }

.input-text.small { width: 6em; }

.input-textarea { border: 1px solid #CCC; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0.3em 0.6em; /*background-color:#1D2647;*/ resize: none; }

.input-text.full-width, .input-textarea.full-width { width: 100%; }

.input-text.error, .input-textarea.error { border-color: #FB5D5C; }

.input-text.border-yellow { border-color: #FED233; }

.input-text.border-blue { border-color: #2382FB; }

.input-text.border-red { border-color: #FB5D5C; }

.input-text.border-gray { border-color: #686868; }

.input-text.border-black { border-color: #333333; }

.input-text.border-sky { border-color: #1eddff; }

.input-text.border-orange { border-color: #ED7D31; }

.input-text.border-green { border-color: #5bdc94; }

.input-text.border-pink { border-color: #fff8f0; }

.input-radio { background-color: #1D2647; border: 1px solid #2D788B; }

.dir-row { flex-direction: row; }

.dir-row-rev { flex-direction: row-reverse; }

.dir-col { flex-direction: column; }

.dir-col-rev { flex-direction: column-reverse; }

.just-center { justify-content: center; }

.just-center { justify-content: center; }

.just-between { justify-content: space-between; }

.just-start { justify-content: flex-start; }

.just-end { justify-content: flex-end; }

.align-start { align-items: flex-start; }

.align-center { align-items: center; }

.align-end { align-items: flex-end; }

/*private class end*/
/*public style start*/
.head { background-color: white; height: 84px; }
.head.fixed { position: fixed; z-index: 10; left: 0; width: 100%; background-color: rgba(255, 255, 255, 0.5); }
.head.fixed.bg-white { background-color: white; }
.head .body { padding: 0 2em; width: 100%; box-sizing: border-box; min-width: 1300px; }
.head .logo { float: left; margin-top: .4em; }
.head .logo h1 a { display: block; width: 232px; height: 69px; background: url(../images/logo.png); background-size: 100% 100%; text-indent: -999em; }
.head .nav { float: right; }
.head .nav ul li { float: left; position: relative; }
.head .nav ul li .sub-menu { position: absolute; top: 84px; z-index: 11; height: 405px; box-sizing: border-box; padding: 1em 0; display: none; width: 100%; }
.head .nav ul li .sub-menu.spec { background-color: #F6F8F4; }
.head .nav ul li .sub-menu a { height: auto; font-size: 16px; line-height: 1.2em; padding: 12px 20px; }
.head .nav ul li .sub-menu a:hover, .head .nav ul li .sub-menu a.now { background-color: transparent; color: #2382FB; }
.head .nav ul li a { display: block; font-size: 19.5px; padding: 0 27px; height: 84px; line-height: 84px; }
.head .nav ul li a.now, .head .nav ul li a:hover { background-color: #FED233; }
.head .telphone { float: right; margin-left: 5em; font-size: 21px; padding: .3em .8em; border-radius: 5em; margin-top: .8em; }
.head .telphone .clips, .head .telphone .calendar .calendar-inner:after, .calendar .head .telphone .calendar-inner:after, .head .telphone .calendar .calendar-inner dl:before, .calendar .calendar-inner .head .telphone dl:before, .head .telphone .index-captain h3, .index-captain .head .telphone h3, .head .telphone .index-shift ul li a, .index-shift ul li .head .telphone a, .head .telphone .right-panel .captain h3, .right-panel .captain .head .telphone h3, .head .telphone .dright-panel .captain h3, .dright-panel .captain .head .telphone h3 { vertical-align: -57%; }
.head .sub-head { position: absolute; background-color: white; height: 405px; top: 84px; left: 0; width: 100%; z-index: 10; display: none; }

.index-video { height: 927px; }
.index-video img { width: 100%; height: 100%; display: block; line-height: 0; }
.index-video video { width: 100%; height: 100%; object-fit: fill; }

.index-category .body { padding: 4em 0 2em 0; }
.index-category dl { width: 25%; float: left; box-sizing: border-box; padding: 0 2em; text-align: center; }
.index-category dl dt { font-size: 27px; font-weight: normal; margin-bottom: .6em; }
.index-category dl dd { color: #666; line-height: 1.7em; font-size: 19.5px; }
.index-category dl dd a:hover { opacity: .9; }
.index-category dl dd a:hover img { transform: translateY(-3px); }
.index-category dl dd a img { width: 110px; height: 110px; margin-bottom: 1em; transition: transform .1s; }

.hot-case.index-panel .panel-body ul li { width: 380px; margin-right: 80px; margin-bottom: 80px; float: left; }
.hot-case.index-panel .panel-body ul li.spec { margin-right: 0; }
.hot-case.index-panel .panel-body ul li a { font-size: 18px; line-height: 1.2em; }
.hot-case.index-panel .panel-body ul li a:hover span.image { transform: translateY(-3px); }
.hot-case.index-panel .panel-body ul li a span.image { width: 380px; height: 240px; margin-bottom: 1.2em; transition: transform .1s; }
.hot-case.index-panel .panel-body ul li a span.image img { width: 100%; height: 100%; display: block; line-height: 0; }
.hot-case.index-panel .panel-body ul li a span.image img:hover { opacity: .9; }
.hot-case.index-panel .panel-body ul li a span.desc { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; }

.class-case.index-panel { background: url(../images/class_case_bg.jpg); background-size: 100% 100%; }
.class-case.index-panel .panel-body .class-left { float: left; margin-right: 50px; }
.class-case.index-panel .panel-body .class-left a:hover { opacity: .9; }
.class-case.index-panel .panel-body .class-left a img { width: 288px; height: 560px; }
.class-case.index-panel .panel-body .class-right { width: 962px; float: left; }
.class-case.index-panel .panel-body .class-right .index-shift { margin-bottom: 18px; }
.class-case.index-panel .panel-body .class-right .class-case-inner ul li { width: 295px; float: left; margin-right: 38.5px; margin-bottom: 38.5px; }
.class-case.index-panel .panel-body .class-right .class-case-inner ul li.spec { margin-right: 0; }
.class-case.index-panel .panel-body .class-right .class-case-inner ul li a:hover { opacity: .9; }
.class-case.index-panel .panel-body .class-right .class-case-inner ul li a:hover img { transform: translateY(-1.5px); }
.class-case.index-panel .panel-body .class-right .class-case-inner ul li a img { width: 295px; height: 187px; transition: transform .1s; }
.class-case.index-panel .panel-body .class-right .class-case-inner ul li a .desc { font-size: 18px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; }

.camp-game.index-panel .panel-body .camp-left { width: 702px; float: left; margin-right: 80px; }
.camp-game.index-panel .panel-body .camp-left .camp-image { margin-bottom: 2.25em; }
.camp-game.index-panel .panel-body .camp-left .camp-image a:hover { opacity: .9; }
.camp-game.index-panel .panel-body .camp-left .camp-image a span { width: 702px; height: 402px; }
.camp-game.index-panel .panel-body .camp-left .camp-image a span img { width: 100%; height: 100%; }
.camp-game.index-panel .panel-body .camp-left .camp-desc { margin-bottom: 1.8em; position: relative; text-align: center; }
.camp-game.index-panel .panel-body .camp-left .camp-desc h3 { font-size: 27px; margin-bottom: 0.6em; }
.camp-game.index-panel .panel-body .camp-left .camp-desc .desc { font-size: 19.5px; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.camp-game.index-panel .panel-body .camp-left .camp-desc .controller .prev, .camp-game.index-panel .panel-body .camp-left .camp-desc .controller .next { position: absolute; top: 45px; }
.camp-game.index-panel .panel-body .camp-left .camp-desc .controller .prev { left: -1.2em; }
.camp-game.index-panel .panel-body .camp-left .camp-desc .controller .prev:hover { transform: translate(-3px, 0); }
.camp-game.index-panel .panel-body .camp-left .camp-desc .controller .prev a { display: block; width: 14px; height: 21px; border-top: 1px solid #999; border-left: 1px solid #999; transform: rotate(-45deg); }
.camp-game.index-panel .panel-body .camp-left .camp-desc .controller .next { right: -1.2em; }
.camp-game.index-panel .panel-body .camp-left .camp-desc .controller .next:hover { transform: translate(3px, 0); }
.camp-game.index-panel .panel-body .camp-left .camp-desc .controller .next a { display: block; width: 21px; height: 21px; border-top: 1px solid #999; border-right: 1px solid #999; transform: rotate(45deg); }
.camp-game.index-panel .panel-body .camp-left .camp-album ul li { float: left; width: 175.5px; }
.camp-game.index-panel .panel-body .camp-left .camp-album ul li a { display: block; width: 164px; height: 103px; border: 3px solid transparent; }
.camp-game.index-panel .panel-body .camp-left .camp-album ul li a:hover { opacity: .9; }
.camp-game.index-panel .panel-body .camp-left .camp-album ul li a.now { border-color: #FED233; }
.camp-game.index-panel .panel-body .camp-left .camp-album ul li a img { width: 100%; height: 100%; display: block; line-height: 0; }
.camp-game.index-panel .panel-body .camp-right { width: 518px; float: left; }
.camp-game.index-panel .panel-body .camp-right ul li { margin-bottom: 20px; }
.camp-game.index-panel .panel-body .camp-right ul li a:hover { opacity: .9; }
.camp-game.index-panel .panel-body .camp-right ul li a img { width: 518px; display: block; line-height: 0; }

.tuanjian-flow.index-panel .captain { padding-bottom: 1em; }
.tuanjian-flow.index-panel .panel-body { text-align: center; }
.tuanjian-flow.index-panel .panel-body img { width: 100%; }

.index-slider { position: relative; }
.index-slider ul li a img { width: 100%; height: 693px; display: block; line-height: 0; }
.index-slider ol { position: absolute; left: 0; bottom: 2em; width: 100%; text-align: center; }
.index-slider ol li { display: inline-block; margin: 0 .5em; }
.index-slider ol li a { display: block; width: 21px; height: 21px; border-radius: 21px; background-color: rgba(255, 255, 255, 0.8); position: relative; text-indent: -999em; }
.index-slider ol li a.now:after { display: block; }
.index-slider ol li a:after { content: ""; display: none; position: absolute; top: -5px; left: -5.5px; width: 30px; height: 30px; border-radius: 24px; border: 1px solid rgba(255, 255, 255, 0.8); }

.index-news.index-panel .panel-body { padding-bottom: 0em; }
.index-news.index-panel .panel-body dl { width: 627.5px; float: left; margin-right: 45px; margin-bottom: 45px; background-color: #F3F3F3; box-sizing: border-box; padding: 1.5em 1em 1.5em 0; }
.index-news.index-panel .panel-body dl.spec { margin-right: 0; }
.index-news.index-panel .panel-body dl dt { font-weight: normal; margin-bottom: .4em; font-size: 19.5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.index-news.index-panel .panel-body dl dd { color: #666; font-size: 15px; line-height: 1.8em; }
.index-news.index-panel .panel-body dl dd.float-left { position: relative; left: -1em; margin-right: .5em; }
.index-news.index-panel .panel-body dl dd.float-left a:hover { opacity: .9; }
.index-news.index-panel .panel-body dl dd.float-left a span { width: 99px; height: 88px; }
.index-news.index-panel .panel-body dl dd.float-left a span img { width: 100%; height: 100%; display: block; line-height: 0; }
.index-news.index-panel .panel-body dl dd.desc { height: 3.4em; overflow: hidden; }

.index-partener.index-panel .panel-body { text-align: center; padding-bottom: 3em; }
.index-partener.index-panel .panel-body img { width: 100%; }

.foot .foot-1 { background-color: #FED233; padding: 3em 0 1.5em 0; }
.foot .foot-1 .foot-left { width: 45%; float: left; }
.foot .foot-1 .foot-left dl dt { font-size: 27px; font-weight: normal; margin-bottom: 1em; }
.foot .foot-1 .foot-left dl dd { font-size: 16.5px; margin-bottom: 1em; line-height: 1.8em; }
.foot .foot-1 .foot-left dl dd strong { font-size: 19.5px; }
.foot .foot-1 .foot-left dl dd.address { line-height: 2.5em; }
.foot .foot-1 .foot-center { width: 45%; float: left; }
.foot .foot-1 .foot-center dl { width: 30%; float: left; }
.foot .foot-1 .foot-center dl dt { font-size: 24px; margin-bottom: 1em; }
.foot .foot-1 .foot-center dl dd { font-size: 16.5px; margin-bottom: 16px; }
.foot .foot-1 .foot-right { width: 10%; float: left; }
.foot .foot-1 .foot-right img { width: 150px; height: 150px; }
.foot .foot-2 { background-color: black; color: #6F6F6F; text-align: center; font-size: 16.5px; padding: 1em 0; line-height: 1.6em; }
.foot .foot-2 a { color: #6F6F6F; }
.foot .foot-2 a:hover { opacity: .9; }

.tuanjian-list dl { border-radius: 6px; padding: 1.5em 2.25em; margin-bottom: 2.25em; background-color: #F5F5F5; }
.tuanjian-list dl:hover { background-color: white; box-shadow: 0 0 10px #DDD; }
.tuanjian-list dl dt { font-size: 22.5px; font-weight: normal; margin-bottom: .8em; }
.tuanjian-list dl dd { font-size: 15px; color: #666; margin-bottom: 10px; }
.tuanjian-list dl dd.float-left { margin-right: 1em; }
.tuanjian-list dl dd.float-left img { width: 215px; height: 121px; display: block; line-height: 0; }
.tuanjian-list dl dd.desc { line-height: 1.7em; height: 3.4em; overflow: hidden; margin-bottom: 12px; }
.tuanjian-list dl dd .label { font-size: 15px; }

.tuanjian-trip-list dl { border-radius: 6px; padding: 1.5em 2.25em; margin-bottom: 2.25em; background-color: #F5F5F5; }
.tuanjian-trip-list dl:hover { background-color: white; box-shadow: 0 0 10px #DDD; }
.tuanjian-trip-list dl dt { font-size: 22.5px; font-weight: normal; margin-bottom: .8em; }
.tuanjian-trip-list dl dd { font-size: 15px; color: #666; }
.tuanjian-trip-list dl dd.float-left { margin-right: 1em; }
.tuanjian-trip-list dl dd.float-left img { width: 233px; height: 146px; display: block; line-height: 0; }
.tuanjian-trip-list dl dd.desc { line-height: 1.7em; height: 4.8em; overflow: hidden; margin-bottom: 22.5px; }
.tuanjian-trip-list dl dd .more { font-size: 16.5px; background-color: #FED233; float: right; padding: .2em 1em; margin-top: -6px; border-radius: 4.5px; line-height: 1.4em; }
.tuanjian-trip-list dl dd .more:hover { opacity: .9; }

.base-list dl { border-radius: 6px; padding: 24px 28px; margin-bottom: 31.5px; background-color: #F5F5F5; }
.base-list dl:hover { background-color: white; box-shadow: 0 0 10px #DDD; }
.base-list dl dt { font-size: 22.5px; font-weight: normal; margin-bottom: .8em; }
.base-list dl dd { font-size: 15px; color: #666; line-height: 1.8em; }
.base-list dl dd.float-left { margin-right: 1em; }
.base-list dl dd.float-left img { width: 225px; height: 140px; display: block; line-height: 0; }
.base-list dl dd.desc { line-height: 1.7em; height: 3.4em; overflow: hidden; margin-bottom: 12px; }
.base-list dl dd .label { font-size: 15px; }

.tuanjian-head { background-color: white; padding: 27px; }
.tuanjian-head .head-left { width: 655px; float: left; margin-right: 30px; }
.tuanjian-head .head-left .tuanjian-image { margin-bottom: 12px; }
.tuanjian-head .head-left .tuanjian-image img { width: 655px; height: 375px; display: block; line-height: 0; }
.tuanjian-head .head-left .tuanjian-album { position: relative; }
.tuanjian-head .head-left .tuanjian-album .tuanjian-album-inner { width: 90%; overflow: hidden; margin: 0 auto; }
.tuanjian-head .head-left .tuanjian-album .tuanjian-album-inner ul li { float: left; padding: 0 0rem; }
.tuanjian-head .head-left .tuanjian-album .tuanjian-album-inner ul li a.now img { border-color: #FED233; }
.tuanjian-head .head-left .tuanjian-album .tuanjian-album-inner ul li a img { width: 135px; height: 83px; display: block; line-height: 0; border: 6px solid transparent; }
.tuanjian-head .head-left .tuanjian-album .controller .prev, .tuanjian-head .head-left .tuanjian-album .controller .next { position: absolute; top: 42px; }
.tuanjian-head .head-left .tuanjian-album .controller .prev { left: .2em; }
.tuanjian-head .head-left .tuanjian-album .controller .prev:hover { transform: translate(3px, 0); }
.tuanjian-head .head-left .tuanjian-album .controller .prev a { display: block; width: 21px; height: 21px; border-top: 1px solid #999; border-left: 1px solid #999; transform: rotate(-45deg); }
.tuanjian-head .head-left .tuanjian-album .controller .next { right: .2em; }
.tuanjian-head .head-left .tuanjian-album .controller .next:hover { transform: translate(3px, 0); }
.tuanjian-head .head-left .tuanjian-album .controller .next a { display: block; width: 21px; height: 21px; border-top: 1px solid #999; border-right: 1px solid #999; transform: rotate(45deg); }
.tuanjian-head .head-right { width: 561px; float: left; }
.tuanjian-head .head-right h2 { font-size: 30px; margin-bottom: 1em; }
.tuanjian-head .head-right .right-1 { padding-bottom: 15px; border-bottom: 1px solid #DDD; }
.tuanjian-head .head-right .right-2 { padding-top: 15px; }
.tuanjian-head .head-right dl { display: flex; font-size: 16.5px; margin: .8em 0; }
.tuanjian-head .head-right dl.normal { display: block; }
.tuanjian-head .head-right dl.normal dt { margin-bottom: .5em; }
.tuanjian-head .head-right dl dt { min-width: 5em; font-weight: normal; color: #999; margin-right: 3px; }
.tuanjian-head .head-right dl dd { line-height: 1.6em; }
.tuanjian-head .head-right dl dd .text-blue { font-size: 30px; font-weight: bold; }

.tuanjian-body { background-color: white; }
.tuanjian-body .tuanjian-body-inner { padding: 1px 3.75em; }
.tuanjian-body .tuanjian-body-inner .body-panel { margin: 3.75em 0; padding: 0 0 0 110px; position: relative; }
.tuanjian-body .tuanjian-body-inner .body-panel .panel-icon { position: absolute; left: 0; top: 0; }
.tuanjian-body .tuanjian-body-inner .body-panel .panel-icon img { width: 78px; height: 78px; }
.tuanjian-body .tuanjian-body-inner .body-panel .captain { border-bottom: 1px solid #EEE; margin-bottom: 1.5em; }
.tuanjian-body .tuanjian-body-inner .body-panel .captain h3 { display: inline-block; font-size: 21px; font-weight: bold; padding: .5em 0; border-bottom: 2px solid #FED233; }
.tuanjian-body .tuanjian-body-inner .body-panel .panel-body { font-size: 18px; line-height: 1.6em; color: #666; }
.tuanjian-body .tuanjian-body-inner .body-panel .panel-body img { max-width: 100%; }
.tuanjian-body .tuanjian-body-inner .body-panel .panel-body img.map-image { width: 700px; }

.fee-exp { padding: 0.5em 0 0 0; }
.fee-exp .fee-exp-head { margin-bottom: 1.2em; }
.fee-exp .fee-exp-head h3 { background-color: #2382FB; color: white; font-size: 18px; font-weight: bold; display: inline-block; padding: .6em 0; width: 8em; text-align: center; }
.fee-exp .fee-exp-captain { background-color: #F5F5F5; }
.fee-exp .fee-exp-captain h3 { background-color: #FED233; font-weight: bold; font-size: 18px; display: inline-block; padding: .6em 0; width: 8em; text-align: center; }
.fee-exp .fee-exp-body { padding: 1.2em 0; line-height: 1.8em; }

.calendar { padding-left: 15px; }
.calendar .calendar-inner { padding-left: 45px; padding-bottom: .8em; border-left: 1px solid #DDD; position: relative; }
.calendar .calendar-inner:after { content: ""; position: absolute; bottom: 0; left: -16px; }
.calendar .calendar-inner dl { position: relative; margin-bottom: 1em; }
.calendar .calendar-inner dl:before { content: ""; position: absolute; top: 0; left: -61px; }
.calendar .calendar-inner dl dt { font-weight: normal; }
.calendar .calendar-inner dl dd { margin-bottom: .6em; }
.calendar .calendar-inner dl dd.img img { width: 100%; }

.prev-next { border-top: 1px solid #EEE; padding: 1em 2em; color: #666; font-size: 16px; }
.prev-next.spec { padding: 1em 0; }
.prev-next p { margin: .5em 0; }
.prev-next a { color: #666; }
.prev-next a:hover { color: #999; }
.prev-next span { color: #999; }

.list-category { padding: 1.5em 0; border-bottom: 1px solid #DDD; }
.list-category dl { display: flex; font-size: 18px; margin: 1em 0; }
.list-category dl dt { font-weight: normal; width: 5em; padding: .4em .6em; border-radius: 4.5px; background-color: #F5F5F5; text-align: center; margin-right: 1.5em; }
.list-category dl dd a { display: inline-block; margin-right: .8em; padding: .4em .8em; background-color: transparent; border-radius: 4.5px; }
.list-category dl dd a.now { background-color: #FED233; }

.base-category-list { position: relative; }
.base-category-list .base-category-list-inner { width: 558px; overflow: hidden; margin: 0 auto; }
.base-category-list .base-category-list-inner ul li { float: left; font-size: 15px; line-height: 1.2em; width: 47px; text-align: center; transform: scale(0.9); }
.base-category-list .base-category-list-inner ul li img { width: 34px; height: 34px; }
.base-category-list .controller .prev, .base-category-list .controller .next { position: absolute; top: 21px; }
.base-category-list .controller .prev { left: 240px; }
.base-category-list .controller .prev:hover { transform: translate(3px, 0); }
.base-category-list .controller .prev a { display: block; width: 15px; height: 15px; border-top: 1px solid #999; border-left: 1px solid #999; transform: rotate(-45deg); }
.base-category-list .controller .next { right: 0; }
.base-category-list .controller .next:hover { transform: translate(3px, 0); }
.base-category-list .controller .next a { display: block; width: 15px; height: 15px; border-top: 1px solid #999; border-right: 1px solid #999; transform: rotate(45deg); }

.raw-base-category-list ul li { float: left; font-size: 15px; line-height: 1.2em; width: 46.5px; text-align: center; transform: scale(0.9); margin-bottom: 7.5px; }
.raw-base-category-list ul li img { width: 42.5px; height: 42.5px; }

.news-list dl { width: 386px; float: left; margin-right: 71px; margin-bottom: 2em; }
.news-list dl.spec { margin-right: 0; }
.news-list dl dt { font-size: 22.5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; margin-bottom: .5em; }
.news-list dl dd { font-size: 16.5px; color: #999; line-height: 1.2em; }
.news-list dl dd.desc { font-size: 15px; height: 2.8em; overflow: hidden; margin-bottom: 1px; line-height: 1.2em; }
.news-list dl dd a:hover { opacity: .9; }
.news-list dl dd a img { width: 386px; height: 215px; border-radius: 12px; margin-bottom: .5em; }

.article .article-head { padding-bottom: 2.25em; border-bottom: 1px solid #EEE; }
.article .article-head h3 { font-size: 33px; margin-bottom: 0.75em; }
.article .article-head .article-desc { font-size: 16.5px; color: #999; }
.article .article-body { padding: 1em 0; font-size: 19.5px; line-height: 1.6em; }
.article .article-body p { margin: 1em 0; }
.article .article-body .article-power { font-size: 15px; color: #999; padding: .5em 0; }

.company-desc.index-panel { background: url(../images/company_desc_bg.jpg); background-size: 100% 100%; }
.company-desc.index-panel .captain { padding: 2em 0 1.5em 0; }
.company-desc.index-panel .panel-body .desc-left { padding-top: 2.5em; display: block; position: relative; width: 447px; float: left; margin-right: 60px; }
.company-desc.index-panel .panel-body .desc-left:before { content: ""; display: block; position: absolute; top: 24%; left: 15%; z-index: 0; width: 90%; height: 80%; background-color: #FED233; }
.company-desc.index-panel .panel-body .desc-left img { width: 447px; height: 336px; position: relative; z-index: 1; }
.company-desc.index-panel .panel-body .desc-right { width: 793px; float: left; font-size: 16.5px; line-height: 2em; }
.company-desc.index-panel .panel-body .desc-right p { margin: 1em 0; }

.group-culture.index-panel .panel-body { padding-bottom: 4em; }
.group-culture.index-panel .panel-body dl { width: 295px; height: 200px; border: 1px solid #FED233; box-sizing: border-box; padding: .5em 1.5em; border-radius: 9px; box-shadow: 0 0 15px #DDD; float: left; margin-right: 40px; transition: transform .1s; }
.group-culture.index-panel .panel-body dl:hover { transform: translateY(-7.5px); }
.group-culture.index-panel .panel-body dl.spec { margin-right: 0; }
.group-culture.index-panel .panel-body dl dt { text-align: center; }
.group-culture.index-panel .panel-body dl dt img { width: 70px; height: 70px; }
.group-culture.index-panel .panel-body dl dd { font-size: 16.5px; line-height: 1.8em; }

.company-history.index-panel { background: url(../images/company_history_bg.jpg); background-size: 100% 100%; overflow: hidden; }
.company-history.index-panel .panel-body { position: relative; }
.company-history.index-panel .panel-body .company-history-wrapper { width: 90%; height: 450px; margin: 0 auto; box-sizing: border-box; padding-top: 210px; position: relative; }
.company-history.index-panel .panel-body .company-history-wrapper .company-history-inner .company-history-lancer img { width: 100%; display: block; line-height: 0; }
.company-history.index-panel .panel-body .company-history-wrapper .company-history-inner ul li { width: 172.5px; height: 1px; float: left; position: relative; }
.company-history.index-panel .panel-body .company-history-wrapper .company-history-inner ul li dl.spec dt { bottom: auto; top: -4.5px; }
.company-history.index-panel .panel-body .company-history-wrapper .company-history-inner ul li dl.spec dt span { margin: 0 auto .5em auto; }
.company-history.index-panel .panel-body .company-history-wrapper .company-history-inner ul li dl.spec dd { top: auto; bottom: 1em; }
.company-history.index-panel .panel-body .company-history-wrapper .company-history-inner ul li dl.spec dd:before { content: ""; display: none; }
.company-history.index-panel .panel-body .company-history-wrapper .company-history-inner ul li dl.spec dd:after { content: ""; display: block; margin: .8em auto 0 auto; border-left: 1px dashed white; width: 1px; height: 6em; opacity: .5; }
.company-history.index-panel .panel-body .company-history-wrapper .company-history-inner ul li dl dt { position: absolute; bottom: -1px; width: 100%; text-align: center; font-size: 18px; }
.company-history.index-panel .panel-body .company-history-wrapper .company-history-inner ul li dl dt span { display: block; width: 9px; height: 9px; border-radius: 7.5px; background-color: #FED233; margin: .5em auto 0 auto; position: relative; }
.company-history.index-panel .panel-body .company-history-wrapper .company-history-inner ul li dl dt span:after { content: ""; width: 15px; height: 15px; border-radius: 12px; position: absolute; top: 50%; left: 50%; margin-top: -8.5px; margin-left: -8px; border: 1px solid #FED233; }
.company-history.index-panel .panel-body .company-history-wrapper .company-history-inner ul li dl dd { position: absolute; top: 1em; left: 50%; margin-left: -80%; color: white; font-size: 15px; width: 160%; text-align: center; line-height: 1.4em; }
.company-history.index-panel .panel-body .company-history-wrapper .company-history-inner ul li dl dd:before { content: ""; display: block; margin: 0 auto .8em auto; border-left: 1px dashed white; width: 1px; height: 5em; opacity: .5; }
.company-history.index-panel .panel-body .controller .prev, .company-history.index-panel .panel-body .controller .next { position: absolute; top: 195px; opacity: .6; }
.company-history.index-panel .panel-body .controller .prev { left: 1.5em; }
.company-history.index-panel .panel-body .controller .prev:hover { transform: translate(-3px, 0); }
.company-history.index-panel .panel-body .controller .prev a { display: block; width: 21px; height: 21px; border-top: 1px solid white; border-left: 1px solid white; transform: rotate(-45deg); }
.company-history.index-panel .panel-body .controller .next { right: 1.5em; }
.company-history.index-panel .panel-body .controller .next:hover { transform: translate(3px, 0); }
.company-history.index-panel .panel-body .controller .next a { display: block; width: 21px; height: 21px; border-top: 1px solid white; border-right: 1px solid white; transform: rotate(45deg); }

.company-honor.index-panel .panel-body { padding-bottom: 4em; }
.company-honor.index-panel .panel-body .body { position: relative; }
.company-honor.index-panel .panel-body .company-honor-inner { padding: 1em 0; }
.company-honor.index-panel .panel-body .company-honor-inner ul li { width: 324px; float: left; box-sizing: border-box; padding: 0 .5em; transition: transform .05s; }
.company-honor.index-panel .panel-body .company-honor-inner ul li.spec { margin-right: 0; }
.company-honor.index-panel .panel-body .company-honor-inner ul li:hover { transform: translateY(-7.5px); }
.company-honor.index-panel .panel-body .company-honor-inner ul li a { font-size: 16.5px; text-align: center; display: block; background-color: #F5F5F5; padding: 1em 0 .8em 0; position: relative; line-height: 1.8em; }
.company-honor.index-panel .panel-body .company-honor-inner ul li a:after { content: ""; display: block; position: absolute; top: 7.5px; left: 7.5px; z-index: -1; width: 100%; height: 100%; background-color: #FED233; }
.company-honor.index-panel .panel-body .company-honor-inner ul li a img { width: 284px; height: 197px; }
.company-honor.index-panel .panel-body .controller .prev, .company-honor.index-panel .panel-body .controller .next { position: absolute; top: 135px; opacity: .6; }
.company-honor.index-panel .panel-body .controller .prev { left: -3em; }
.company-honor.index-panel .panel-body .controller .prev:hover { transform: translate(-3px, 0); }
.company-honor.index-panel .panel-body .controller .prev a { display: block; width: 21px; height: 21px; border-top: 1px solid #999; border-left: 1px solid #999; transform: rotate(-45deg); }
.company-honor.index-panel .panel-body .controller .next { right: -3em; }
.company-honor.index-panel .panel-body .controller .next:hover { transform: translate(3px, 0); }
.company-honor.index-panel .panel-body .controller .next a { display: block; width: 21px; height: 21px; border-top: 1px solid #999; border-right: 1px solid #999; transform: rotate(45deg); }

/*public style end*/
/*public class start*/
.bg-gray, .index-category { background-color: #F5F5F5; }

.banner img, .index-category .index-category-bottom img { display: block; width: 100%; line-height: 0; }

.ur-here { font-size: 18px; padding: .8em 0; background-color: #F5F5F5; }
.ur-here a, .ur-here span { margin: 0 6px; }
.ur-here a { color: #2382FB; }
.ur-here a:hover { color: #333; }

.page { padding: 0.5em 1em; }
.page ul li { display: inline-block; }
.page ul li a, .page ul li span { display: block; font-size: 18px; padding: .4em 1em; background-color: #EEE; color: #666; }
.page ul li span { color: #999; }

.shadow, .hot-case.index-panel .panel-body ul li a span.image, .camp-game.index-panel .panel-body .camp-left .camp-image a span, .index-news.index-panel .panel-body dl dd.float-left a span { display: block; position: relative; }
.shadow img, .hot-case.index-panel .panel-body ul li a span.image img, .camp-game.index-panel .panel-body .camp-left .camp-image a span img, .index-news.index-panel .panel-body dl dd.float-left a span img { position: relative; z-index: 1; }
.shadow:before, .hot-case.index-panel .panel-body ul li a span.image:before, .camp-game.index-panel .panel-body .camp-left .camp-image a span:before, .index-news.index-panel .panel-body dl dd.float-left a span:before { content: ""; display: block; position: absolute; top: 7.5px; left: 7.5px; z-index: 0; width: 100%; height: 100%; background-color: #FED233; }

.index-captain { margin-bottom: 1em; }
.index-captain h3 { display: block; box-sizing: border-box; font-size: 24px; color: white; text-align: left; padding: 16.5px 0 0 37.5px; }

.index-panel.bg-gray, .index-panel.index-category { background-color: #F5F5F5; }
.index-panel .captain { text-align: center; padding: 3em 0 4.5em 0; }
.index-panel .captain img { height: 75px; }
.index-panel .captain .index-shift { margin-top: 2em; }
.index-panel .captain .desc { font-size: 16.5px; margin-top: 1em; line-height: 2.4em; }
.index-panel .panel-body { padding-bottom: 2em; }

.index-shift.spec ul li a { padding-left: 48px; }
.index-shift ul li { display: inline-block; margin: 0 .4em; }
.index-shift ul li a { display: block; box-sizing: border-box; font-size: 24px; color: white; text-align: left; padding: 20px 0 0 37.5px; }
.index-shift ul li a.now, .index-shift ul li a:hover { color: #333; }

.list-panel { border-bottom: 1px solid #DDD; }
.list-panel .captain { text-align: center; padding: 3em 0 3.75em 0; }
.list-panel .captain img { height: 75px; margin-bottom: 1em; }
.list-panel .captain h4 { font-size: 16.5px; }
.list-panel .panel-body { padding-bottom: 3.75em; }

.list-shift { text-align: center; }
.list-shift ul li { display: inline-block; margin: 0 .5em; }
.list-shift ul li a { display: block; font-size: 24px; padding: .5em 1.2em; border: 1px solid #EEE; border-radius: 9px; }
.list-shift ul li a.now, .list-shift ul li a:hover { background-color: #FED233; border-color: #FED233; }

.list-left { width: 886.5px; float: left; margin-right: 37.5px; }

.list-right { width: 376px; float: left; }

.right-panel .captain { margin-bottom: 1.2em; }
.right-panel .captain.spec h3 { padding-left: 18px; }
.right-panel .captain h3 { box-sizing: border-box; padding-left: 37.5px; padding-top: 15px; font-size: 19.5px; font-weight: bold; color: white; }
.right-panel .captain .more { float: right; font-size: 16.5px; color: #666; margin-top: 15px; }

.right-list ul li { float: left; font-size: 16.5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 178px; margin-right: 20px; margin-bottom: 20px; line-height: 1.6em; }
.right-list ul li.spec { margin-right: 0; }
.right-list ul li a:hover { opacity: .9; }
.right-list ul li a img { width: 178px; height: 109px; border-radius: 4.5px; }

.right-list-1 ul li { font-size: 16.5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 376px; margin-bottom: 1.5em; line-height: 1.6em; text-align: center; }
.right-list-1 ul li a:hover { opacity: .9; }
.right-list-1 ul li a img { width: 376px; height: 209px; border-radius: 4.5px; }

.dright-panel { background-color: white; padding: 1em 1em 1px 1em; }
.dright-panel .captain { margin-bottom: 1.2em; }
.dright-panel .captain.spec h3 { padding-left: 18px; }
.dright-panel .captain.long h3 { padding-left: 18px; font-size: 18px; }
.dright-panel .captain h3 { box-sizing: border-box; padding-left: 37.5px; padding-top: 15px; font-size: 19.5px; font-weight: bold; color: white; }
.dright-panel .captain .more { float: right; font-size: 16.5px; color: #666; margin-top: 15px; }

.dright-list ul li { float: left; width: 160px; margin-right: 21px; margin-bottom: 21px; }
.dright-list ul li.spec { margin-right: 0; }
.dright-list ul li a:hover { opacity: .9; }
.dright-list ul li a img { width: 160px; height: 100px; border-radius: 4.5px; display: block; line-height: 0; margin-bottom: 7.5px; }
.dright-list ul li a span { display: block; height: 2.8em; overflow: hidden; font-size: 15px; line-height: 1.4em; color: #666; }

.dright-list-1 ul li { font-size: 16.5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 348px; margin-bottom: 1.5em; line-height: 2em; text-align: center; }
.dright-list-1 ul li a { color: #666; }
.dright-list-1 ul li a:hover { opacity: .9; }
.dright-list-1 ul li a img { width: 348px; height: 219px; border-radius: 4.5px; display: block; line-height: 0; }

.body-shift.fixed { position: fixed; top: 0; z-index: 10; }
.body-shift ul li { float: left; }
.body-shift ul li a { display: block; font-size: 18px; color: white; padding: .8em 0; width: 7.5em; text-align: center; }
.body-shift ul li a:hover { color: #EEE; }
.body-shift ul li a.now { background-color: #FED233; color: #333; }

.detail-left { width: 890px; float: left; margin-right: 20px; }

.detail-right { width: 390px; float: left; }

.label { display: inline-block; font-size: 16.5px; padding: .02em .6em; border-radius: 3px; }
.label.label-yellow { background-color: #F5F0E1; color: #B59128; }
.label.label-blue { background-color: #E2EFFE; color: #2383FB; }
.label.label-green { background-color: #DAEFE7; color: #24AA87; }

.pager { text-align: center; }
.pager a { font-size: 22.5px; padding: .5em 2em; border-radius: 3em; margin: 0 1em; }
.pager a:hover { opacity: .8; }

.triangle { display: inline-block; vertical-align: middle; }
.triangle.triangle-down { border-top: 5px solid #AAAAAA; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid transparent; }

.clips.case_shift_01, .calendar .case_shift_01.calendar-inner:after, .calendar .index-shift ul li a.calendar-inner.now:after, .index-shift ul li .calendar a.calendar-inner.now:after, .calendar .index-shift ul li a.calendar-inner:hover:after, .index-shift ul li .calendar a.calendar-inner:hover:after, .calendar .calendar-inner dl.case_shift_01:before, .index-captain h3.case_shift_01, .index-shift ul li a.case_shift_01, .index-shift ul li a.now, .index-shift ul li a:hover, .right-panel .captain h3.case_shift_01, .dright-panel .captain h3.case_shift_01 { width: 178px; height: 56px; background-position: 0 0; }

.clips.case_shift_02, .calendar .case_shift_02.calendar-inner:after, .calendar .index-captain h3.calendar-inner:after, .index-captain .calendar h3.calendar-inner:after, .calendar .index-shift ul li a.calendar-inner:after, .index-shift ul li .calendar a.calendar-inner:after, .calendar .calendar-inner dl.case_shift_02:before, .index-captain h3, .index-shift ul li a, .right-panel .captain h3.case_shift_02, .right-panel .captain .index-captain h3, .index-captain .right-panel .captain h3, .dright-panel .captain h3.case_shift_02, .dright-panel .captain .index-captain h3, .index-captain .dright-panel .captain h3 { width: 178px; height: 56px; background-position: -178px 0; }

.clips.case_shift_03, .calendar .case_shift_03.calendar-inner:after, .calendar .index-shift.spec ul li a.calendar-inner.now:after, .index-shift.spec ul li .calendar a.calendar-inner.now:after, .calendar .index-shift.spec ul li a.calendar-inner:hover:after, .index-shift.spec ul li .calendar a.calendar-inner:hover:after, .calendar .calendar-inner dl.case_shift_03:before, .index-captain h3.case_shift_03, .index-shift.spec ul li a.now, .index-shift.spec ul li a:hover, .index-shift ul li a.case_shift_03, .right-panel .captain h3.case_shift_03, .dright-panel .captain h3.case_shift_03 { width: 158px; height: 56px; background-position: 0 -56px; }

.clips.case_shift_04, .calendar .case_shift_04.calendar-inner:after, .calendar .index-shift.spec ul li a.calendar-inner:after, .index-shift.spec ul li .calendar a.calendar-inner:after, .calendar .calendar-inner dl.case_shift_04:before, .index-captain h3.case_shift_04, .index-shift.spec ul li a, .index-shift ul li a.case_shift_04, .right-panel .captain h3.case_shift_04, .dright-panel .captain h3.case_shift_04 { width: 158px; height: 56px; background-position: -158px -56px; }

.clips.case_shift_05, .calendar .case_shift_05.calendar-inner:after, .calendar .right-panel .captain h3.calendar-inner:after, .right-panel .captain .calendar h3.calendar-inner:after, .calendar .dright-panel .captain h3.calendar-inner:after, .dright-panel .captain .calendar h3.calendar-inner:after, .calendar .calendar-inner dl.case_shift_05:before, .index-captain h3.case_shift_05, .index-shift ul li a.case_shift_05, .right-panel .captain h3, .dright-panel .captain h3 { width: 166px; height: 46px; background-position: 0 -112px; }

.clips.case_shift_06, .calendar .case_shift_06.calendar-inner:after, .calendar .dright-panel .captain.long h3.calendar-inner:after, .dright-panel .captain.long .calendar h3.calendar-inner:after, .calendar .calendar-inner dl.case_shift_06:before, .index-captain h3.case_shift_06, .index-shift ul li a.case_shift_06, .right-panel .captain h3.case_shift_06, .dright-panel .captain.long h3, .dright-panel .captain h3.case_shift_06 { width: 296px; height: 46px; background-position: 0 -158px; }

.clips.phone-ico, .calendar .phone-ico.calendar-inner:after, .calendar .calendar-inner dl.phone-ico:before, .index-captain h3.phone-ico, .index-shift ul li a.phone-ico, .right-panel .captain h3.phone-ico, .dright-panel .captain h3.phone-ico { width: 35px; height: 35px; background-position: -356px 0; }

.clips.location-ico, .calendar .location-ico.calendar-inner:after, .calendar .calendar-inner dl.location-ico:before, .index-captain h3.location-ico, .index-shift ul li a.location-ico, .right-panel .captain h3.location-ico, .dright-panel .captain h3.location-ico { width: 14px; height: 18px; background-position: -356px -35px; }

.clips.clock-ico, .calendar .clock-ico.calendar-inner:after, .calendar .calendar-inner dl:before, .index-captain h3.clock-ico, .index-shift ul li a.clock-ico, .right-panel .captain h3.clock-ico, .dright-panel .captain h3.clock-ico { width: 32px; height: 32px; background-position: -316px -56px; }

.clips.over-ico, .calendar .calendar-inner:after, .calendar .calendar-inner dl.over-ico:before, .index-captain h3.over-ico, .index-shift ul li a.over-ico, .right-panel .captain h3.over-ico, .dright-panel .captain h3.over-ico { width: 32px; height: 32px; background-position: -348px -56px; }

.clips.arrow-right-ico, .calendar .arrow-right-ico.calendar-inner:after, .calendar .calendar-inner dl.arrow-right-ico:before, .index-captain h3.arrow-right-ico, .index-shift ul li a.arrow-right-ico, .right-panel .captain h3.arrow-right-ico, .dright-panel .captain h3.arrow-right-ico { width: 21px; height: 18px; background-position: -316px -88px; }

.page-prev-ico { display: inline-block; width: 15px; height: 15px; border-top: 1px solid white; border-left: 1px solid white; transform: rotate(-45deg); }

.page-next-ico { display: inline-block; width: 15px; height: 15px; border-top: 1px solid white; border-right: 1px solid white; transform: rotate(45deg); }

/*public class end*/
@media (max-width: 1700px) { .head .nav { float: right; }
  .head .telphone { display: none; } }

/*# sourceMappingURL=style.css.map */

.label.label-yellow { background-color: #F5F0E1; color: #B59128; }
.label.label-blue { background-color: #E2EFFE; color: #2383FB; }
.label.label-green { background-color: #DAEFE7; color: #24AA87; }
.label.label-red { background-color: #fde9e6; color: #e4604c; }
.label.label-purple { background-color: #e5e1fe; color: #7262d3; }
.label.label-wathet { background-color: #d2effc; color: #35a8dd; }
.tuanjian-list dl dd .label {
    font-size: 12px;
}