@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: 0.5rem; }

.height-5 { height: 0.5rem; }

.padding-10 { padding: 1rem; }

.height-10 { height: 1rem; }

.padding-15 { padding: 1.5rem; }

.height-15 { height: 1.5rem; }

.padding-20 { padding: 2rem; }

.height-20 { height: 2rem; }

.padding-25 { padding: 2.5rem; }

.height-25 { height: 2.5rem; }

.padding-30 { padding: 3rem; }

.height-30 { height: 3rem; }

.padding-40 { padding: 4rem; }

.height-40 { height: 4rem; }

.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: #00ABE7; text-decoration: none; }

html { font-size: 10px; }

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

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

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

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

.text-blue, .play-shift ul li a:hover, .play-shift ul li a.now { color: #00ABE7; }

.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: #E1AF40; }

.text-yellow { color: #E1A10A; }

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

.text-pink { color: #fff8f0; }

.text { color: #666; }

.text-white { color: white; }

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

.bg-blue, .head .head-2 .nav li a.now:after, .head .head-2 .nav li a:hover:after, .index-panel.goods-category .panel-body .category-list a.now, .index-panel.goods-category .panel-body .category-list a:hover, .play-shift ul li a:after, .page ul li a.now, .page ul li span.now, .page ul li a:hover { background-color: #00ABE7; color: white; }

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

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

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

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

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

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

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

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

.bg-white, .head .head-2, .index-desc { 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-blue { background-color: #00ABE7; 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: #E1AF40; color: white; }

.button.button-yellow { background-color: #E1A10A; 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: #E1AF40; }

.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, .index-panel.product-advantage .panel-body .advantage dl:before, .index-panel.product-advantage .panel-body .advantage dl:after, .index-panel.api-flow .panel-body dl:after { display: inline-block; /*text-indent:-999em;*/ background-image: url(../images/clips_bg.png); vertical-align: middle; }

.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-blue { border-color: #00ABE7; }

.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: #E1AF40; }

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

.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 .head-1 { background-color: #F5F5F5; text-align: right; }
.head .head-1 .float-left { margin-top: 8px; }
.head .head-2 { padding: 1.5em 0; }
.head .head-2 .logo h1 a { display: block; width: 185px; height: 65px; background: url(../images/logo.jpg); text-indent: -999em; }
.head .head-2 .nav { float: right; margin-top: 1.8em; }
.head .head-2 .nav li { display: inline-block; margin-left: 3em; }
.head .head-2 .nav li a { font-size: 18px; }
.head .head-2 .nav li a.now, .head .head-2 .nav li a:hover { color: #00ABE7; }
.head .head-2 .nav li a.now:after, .head .head-2 .nav li a:hover:after { content: ""; display: block; width: 100%; height: 3px; margin-top: 2em; border-radius: 1em; }

.index-slider { position: relative; }
.index-slider ul { height: 100%; }
.index-slider ul li { height: 100%; }
.index-slider ul li img { width: 100%; height: 100%; display: block; line-height: 0; }
.index-slider ol { position: absolute; bottom: 1em; left: 0; width: 100%; text-align: center; }
.index-slider ol li { display: inline-block; margin: 0 0.5em; }
.index-slider ol li a { display: block; width: 8em; height: 3px; background-color: rgba(255, 255, 255, 0.8); text-indent: -999em; }
.index-slider ol li a.now { background-color: rgba(0, 171, 231, 0.5); }

.index-desc { padding: 4em 0; }
.index-desc .body div { width: 582px; height: 210px; background-size: 100% 100%; float: left; border-radius: 10px; overflow: hidden; box-sizing: border-box; margin: 1.5em 0; margin-right: 36px; }
.index-desc .body div.desc-1 { background: url(../images/index_desc_01.jpg); }
.index-desc .body div.desc-2 { background: url(../images/index_desc_02.jpg); margin-right: 0; }
.index-desc .body div.desc-3 { background: url(../images/index_desc_03.jpg); }
.index-desc .body div.desc-4 { background: url(../images/index_desc_04.jpg); margin-right: 0; }
.index-desc .body div.desc-5 { background: url(../images/index_desc_05.jpg); }
.index-desc .body div.desc-6 { background: url(../images/index_desc_06.jpg); margin-right: 0; }
.index-desc .body div dl { padding: 4em 2em 0 19em; }
.index-desc .body div dl dt { font-size: 24px; font-weight: normal; color: black; margin-bottom: .8em; }
.index-desc .body div dl dd { font-size: 16px; line-height: 1.5em; }

.site-tools { position: fixed; top: 40%; right: 2em; border-radius: 5px; background-color: white; box-shadow: 0 0 10px #DDD; }
.site-tools ul li { position: relative; }
.site-tools ul li a { display: block; width: 100px; padding: 1em 0; text-align: center; }
.site-tools ul li a:hover { opacity: .9; }
.site-tools ul li .tools-body { display: none; background-color: white; padding: 1em 1.5em; position: absolute; right: 115px; text-align: center; white-space: nowrap; border-radius: 4px; top: 18px; transition: transform 200ms,opacity 100ms; box-shadow: 0 0 10px #DDD; font-size: 16px; }
.site-tools ul li .tools-body.fade { transform: translate(-20px, 0); opacity: 0; }
.site-tools ul li .tools-body.spec { top: -52px; padding: 1em 1em .5em 1em; }
.site-tools ul li .tools-body.spec:before { top: 68px; }
.site-tools ul li .tools-body:before { content: ""; display: block; /*
width:14px;
height:14px;
background-color:white;
//background-color:rgba(black,.3);
transform:rotate(45deg);
*/ border-left: 10px solid white; border-right: 10px solid transparent; border-top: 10px solid transparent; border-bottom: 10px solid transparent; position: absolute; right: -20px; top: 13px; }
.site-tools ul li .tools-body img { width: 110px; height: 110px; }

.index-panel.goods-category .panel-body .category-list { display: flex; margin-bottom: 20px; }
.index-panel.goods-category .panel-body .category-list a { display: block; background-color: white; flex-grow: 1; font-size: 18px; margin-left: 10px; text-align: center; padding: .8em 0; border-radius: 5px; }
.index-panel.goods-category .panel-body .category-list a.first { margin-left: 0; }
.index-panel.goods-category .panel-body .brand-list { background-color: white; border-radius: 5px; padding: 1em .5em; margin-bottom: 20px; }
.index-panel.goods-category .panel-body .brand-list a { display: block; float: left; width: 25%; text-align: center; font-size: 16px; border-right: 1px solid #EEE; box-sizing: border-box; }
.index-panel.goods-category .panel-body .brand-list a:hover { opacity: .9; color: #666; }
.index-panel.goods-category .panel-body .brand-list a:hover img { transform: scale(1.05); }
.index-panel.goods-category .panel-body .brand-list a.spec { border-right: none; }
.index-panel.goods-category .panel-body .brand-list a img { vertical-align: middle; height: 40px; transition: transform 300ms; }
.index-panel.goods-category .panel-body .goods-list a { float: left; background-color: white; border-radius: 5px; width: 285px; margin-right: 20px; margin-bottom: 20px; text-align: center; font-size: 18px; padding: 1em 0; line-height: 2em; box-shadow: 0 0 10px #EEE; }
.index-panel.goods-category .panel-body .goods-list a img { height: 140px; transition: transform 300ms; }
.index-panel.goods-category .panel-body .goods-list a:hover { color: #666; opacity: .9; box-shadow: 0 0 10px #CCC; }
.index-panel.goods-category .panel-body .goods-list a:hover img { transform: scale(1.05); }
.index-panel.goods-category .panel-body .goods-list a.spec { margin-right: 0; }

.index-panel.howto-play .panel-body dl { float: left; width: 582.5px; margin-right: 35px; margin-bottom: 35px; box-sizing: border-box; padding: 1.5em; background-color: white; border-radius: 5px; box-shadow: 0 0 10px #EEE; }
.index-panel.howto-play .panel-body dl.spec { margin-right: 0; }
.index-panel.howto-play .panel-body dl dt { font-size: 20px; margin-bottom: 12px; font-weight: normal; }
.index-panel.howto-play .panel-body dl dd a img { width: 538px; height: 160px; margin-bottom: 12px; }
.index-panel.howto-play .panel-body dl dd a:hover img { opacity: .8; }
.index-panel.howto-play .panel-body dl dd.play-desc { font-size: 16px; line-height: 1.5em; height: 3.2em; overflow: hidden; margin-bottom: 12px; }
.index-panel.howto-play .panel-body dl dd.play-foot .float-right { margin-top: 4px; }
.index-panel.howto-play .panel-body dl dd.play-foot .label { margin-right: .5em; }

.index-panel.index-partner .panel-body .body { overflow: hidden; }
.index-panel.index-partner .panel-body .body ul li { float: left; }
.index-panel.index-partner .panel-body .body ul li img { width: 1200px; }

.index-panel.advantage .panel-body dl { float: left; width: 570px; height: 210px; box-sizing: border-box; margin-right: 60px; margin-bottom: 60px; background: linear-gradient(to right, #E8EFFA, #FFFFFF); padding: 3.5em 2.5em 4em 2.5em; border-radius: 8px; box-shadow: 0px 0px 10px 0px rgba(1, 40, 56, 0.08); }
.index-panel.advantage .panel-body dl.spec { margin-right: 0; }
.index-panel.advantage .panel-body dl:hover { box-shadow: 0px 0px 20px 0px rgba(1, 40, 56, 0.08); }
.index-panel.advantage .panel-body dl:hover dd.float-right .clips, .index-panel.advantage .index-panel.product-advantage .panel-body dl:hover dd.float-right .advantage dl:before, .index-panel.product-advantage .index-panel.advantage .panel-body dl:hover dd.float-right .advantage dl:before, .index-panel.advantage .index-panel.product-advantage .panel-body .advantage dl:hover dd.float-right dl:before, .index-panel.product-advantage .index-panel.advantage .panel-body .advantage dl:hover dd.float-right dl:before, .index-panel.advantage .index-panel.product-advantage .panel-body dl:hover dd.float-right .advantage dl:after, .index-panel.product-advantage .index-panel.advantage .panel-body dl:hover dd.float-right .advantage dl:after, .index-panel.advantage .index-panel.product-advantage .panel-body .advantage dl:hover dd.float-right dl:after, .index-panel.product-advantage .index-panel.advantage .panel-body .advantage dl:hover dd.float-right dl:after, .index-panel.advantage .index-panel.api-flow .panel-body dl:hover dd.float-right dl:after, .index-panel.api-flow .index-panel.advantage .panel-body dl:hover dd.float-right dl:after { transform: scale(1.05); }
.index-panel.advantage .panel-body dl dt { font-size: 24px; margin-bottom: 1em; }
.index-panel.advantage .panel-body dl dd.desc { font-size: 16px; width: 70%; line-height: 1.8em; }
.index-panel.advantage .panel-body dl dd.float-right { margin-top: 1em; }
.index-panel.advantage .panel-body dl dd.float-right .clips, .index-panel.advantage .index-panel.product-advantage .panel-body dl dd.float-right .advantage dl:before, .index-panel.product-advantage .index-panel.advantage .panel-body dl dd.float-right .advantage dl:before, .index-panel.advantage .index-panel.product-advantage .panel-body .advantage dl dd.float-right dl:before, .index-panel.product-advantage .index-panel.advantage .panel-body .advantage dl dd.float-right dl:before, .index-panel.advantage .index-panel.product-advantage .panel-body dl dd.float-right .advantage dl:after, .index-panel.product-advantage .index-panel.advantage .panel-body dl dd.float-right .advantage dl:after, .index-panel.advantage .index-panel.product-advantage .panel-body .advantage dl dd.float-right dl:after, .index-panel.product-advantage .index-panel.advantage .panel-body .advantage dl dd.float-right dl:after, .index-panel.advantage .index-panel.api-flow .panel-body dl dd.float-right dl:after, .index-panel.api-flow .index-panel.advantage .panel-body dl dd.float-right dl:after { transition: transform 300ms; }

.index-panel.play-cases .panel-body { text-align: center; }
.index-panel.play-cases .panel-body img { width: 80%; }

.index-panel.app-scene .panel-body dl { width: 380px; height: 215px; float: left; margin-right: 30px; text-align: center; box-sizing: border-box; position: relative; overflow: hidden; }
.index-panel.app-scene .panel-body dl:hover dd.background img { transform: scale(1.1); transform-origin: center center; }
.index-panel.app-scene .panel-body dl.app-1 { background-color: #286DA8; /*
background-image:url(../images/scene_01.png);
background-size:100% 100%;
*/ }
.index-panel.app-scene .panel-body dl.app-2 { background-color: #25AA83; /*
background-image:url(../images/scene_02.png);
background-size:100% 100%;
*/ }
.index-panel.app-scene .panel-body dl.app-3 { background-color: #3C98D2; /*
background-image:url(../images/scene_03.png);
background-size:100% 100%;
*/ margin-right: 0; }
.index-panel.app-scene .panel-body dl dd { margin-bottom: 1.5em; }
.index-panel.app-scene .panel-body dl dd.background img { width: 380px; height: 215px; transition: transform 300ms; }
.index-panel.app-scene .panel-body dl dt { font-size: 22px; color: white; position: absolute; top: 40px; left: 0; width: 100%; line-height: 2.5em; }

.index-panel.product-advantage .panel-body .advantage .body { position: relative; padding: 2em 0; width: 1100px; }
.index-panel.product-advantage .panel-body .advantage.advantage-left .background { float: right; }
.index-panel.product-advantage .panel-body .advantage.advantage-left dl { left: 0; top: 12em; }
.index-panel.product-advantage .panel-body .advantage.advantage-right .background { float: left; }
.index-panel.product-advantage .panel-body .advantage.advantage-right dl { right: 5em; top: 12em; }
.index-panel.product-advantage .panel-body .advantage.bg-pink { background-color: #ECF7FA; }
.index-panel.product-advantage .panel-body .advantage dl { position: absolute; }
.index-panel.product-advantage .panel-body .advantage dl:before { content: ""; display: block; width: 28px; height: 27px; background-position: -201px 0; position: absolute; top: -10px; left: -3em; }
.index-panel.product-advantage .panel-body .advantage dl:after { content: ""; display: block; width: 28px; height: 27px; background-position: -229px 0; position: absolute; bottom: 0; right: -3em; }
.index-panel.product-advantage .panel-body .advantage dl dt { font-size: 28px; margin-bottom: 1em; }
.index-panel.product-advantage .panel-body .advantage dl dd { font-size: 20px; width: 20em; line-height: 1.8em; }

.index-panel.api-flow .panel-body dl { width: 230px; height: 313px; background-color: #B3D4E3; position: relative; float: left; margin-right: 93.3333333333px; }
.index-panel.api-flow .panel-body dl:after { content: ""; display: block; width: 41px; height: 50px; background-position: -257px 0; position: absolute; right: -65px; top: 125px; }
.index-panel.api-flow .panel-body dl:hover dd.background img { transform: scale(1.1); transform-origin: center center; }
.index-panel.api-flow .panel-body dl.flow-4 { margin-right: 0; }
.index-panel.api-flow .panel-body dl.flow-4:after { display: none; }
.index-panel.api-flow .panel-body dl dd.background { width: 230px; height: 313px; overflow: hidden; }
.index-panel.api-flow .panel-body dl dd.background img { width: 100%; height: 100%; transition: transform 300ms; }
.index-panel.api-flow .panel-body dl dt { position: absolute; top: 5em; width: 100%; text-align: center; }
.index-panel.api-flow .panel-body dl dt .label { display: inline-block; background-color: white; padding: .5em 1em; border-radius: 2em; margin-top: .5em; }

.index-panel.aboutus-panel { padding: 6em 0 1px 0; }
.index-panel.aboutus-panel .panel-body p { font-size: 20px; line-height: 2em; margin: 1em 0; }

.index-panel.history-panel .panel-body p { font-size: 20px; line-height: 2em; margin: 1em 0; }

.history { width: 100%; height: 428px; background: url(../images/history_bg.jpg); background-size: 100% 100%; box-sizing: border-box; padding-top: 150px; }
.history .history-inner { border-top: 1px solid #2C8DA8; position: relative; }
.history .history-inner .body { width: 90%; margin-top: -150px; padding-top: 150px; }
.history .history-inner .body dl { width: 16.6%; float: left; color: white; text-align: center; box-sizing: border-box; padding: 3em 2em; position: relative; }
.history .history-inner .body dl dt { font-size: 18px; margin-bottom: .5em; }
.history .history-inner .body dl dd { font-size: 15px; line-height: 1.8em; }
.history .history-inner .body dl dd.spot { width: 30px; height: 30px; border-radius: 40px; background-color: rgba(255, 255, 255, 0.2); position: absolute; top: -15px; left: 50%; margin-left: -15px; }
.history .history-inner .body dl dd.spot:before { content: ""; display: block; top: 0; left: 0; width: 18px; height: 18px; border-radius: 28px; background-color: rgba(255, 255, 255, 0.4); position: absolute; left: 50%; top: 50%; margin-left: -9px; margin-top: -9px; }
.history .history-inner .body dl dd.spot:after { content: ""; display: block; top: 0; left: 0; width: 7px; height: 7px; border-radius: 28px; background-color: white; position: absolute; left: 50%; top: 50%; margin-left: -3.5px; margin-top: -3.5px; }
.history .history-inner .body dl dd.year { background-color: #25AAE4; color: white; font-size: 18px; width: 6em; padding: .2em 0; border-radius: 3em; position: absolute; top: -80px; left: 50%; margin-left: -3em; }
.history .history-inner .body dl dd.year:after { content: ""; display: inline-block; border-top: 8px solid #25AAE4; border-bottom: 8px solid transparent; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; bottom: -16px; left: 50%; margin-left: -8px; }
.history .history-inner .body dl dd pre { color: white; font-size: 15px; line-height: 1.8em; word-wrap: break-word; word-break: normal; white-space: pre-wrap; }
.history .history-inner .controller .prev, .history .history-inner .controller .next { position: absolute; top: 2em; }
.history .history-inner .controller .prev a, .history .history-inner .controller .next a { display: block; font-size: 30px; color: white; background-color: rgba(0, 0, 0, 0.2); padding: .5em .4em; }
.history .history-inner .controller .prev { left: 1em; }
.history .history-inner .controller .next { right: 1em; }

.index-panel.manage-ideas { padding: 4em 0 0 0; }
.index-panel.manage-ideas .captain { margin-bottom: 0; }
.index-panel.manage-ideas .panel-body { position: relative; }
.index-panel.manage-ideas .panel-body .background { text-align: center; display: block; line-height: 0; }
.index-panel.manage-ideas .panel-body .font { position: absolute; top: 8em; left: 0; width: 100%; text-align: center; }

.map img { width: 100%; display: block; line-height: 0; }

.index-panel.charge-advantage .panel-body dl { width: 570px; height: 200px; overflow: hidden; margin-right: 60px; margin-bottom: 60px; position: relative; float: left; }
.index-panel.charge-advantage .panel-body dl:hover dd.background img { transform: scale(1.05); transform-origin: center center; }
.index-panel.charge-advantage .panel-body dl.advantage-1 { background-color: #DBFFF9; }
.index-panel.charge-advantage .panel-body dl.advantage-2 { background-color: #EEF8FF; margin-right: 0; }
.index-panel.charge-advantage .panel-body dl.advantage-3 { background-color: #F0E5FF; }
.index-panel.charge-advantage .panel-body dl.advantage-4 { background-color: #FFEBEF; margin-right: 0; }
.index-panel.charge-advantage .panel-body dl dt { position: absolute; top: 40px; width: 100%; text-align: center; line-height: 2.5em; font-size: 24px; font-weight: normal; }
.index-panel.charge-advantage .panel-body dl dd.background img { width: 570px; height: 200px; transition: transform 300ms; }

.index-panel.appeal-panel .panel-body dl { width: 570px; height: 265px; overflow: hidden; box-sizing: border-box; float: left; margin-right: 60px; margin-bottom: 60px; background: linear-gradient(45deg, #FFFFFF, #E8EFFA); border-radius: 8px; box-shadow: 0px 0px 10px 0px rgba(1, 40, 56, 0.08); }
.index-panel.appeal-panel .panel-body dl:hover { box-shadow: 0px 0px 20px 0px rgba(1, 40, 56, 0.08); }
.index-panel.appeal-panel .panel-body dl:hover dd.background img { transform: scale(1.05); }
.index-panel.appeal-panel .panel-body dl.appeal-2 { margin-right: 0; }
.index-panel.appeal-panel .panel-body dl.appeal-2 dd.background { margin-top: 2.5em; }
.index-panel.appeal-panel .panel-body dl.appeal-3 dd.background { margin-top: .5em; }
.index-panel.appeal-panel .panel-body dl.appeal-4 { margin-right: 0; }
.index-panel.appeal-panel .panel-body dl dt { margin: 8em 0 0 3em; }
.index-panel.appeal-panel .panel-body dl dt .label { display: inline-block; padding: .5em 1.2em; font-size: 24px; color: white; background-color: #25AAE4; border-radius: 3em; font-weight: normal; }
.index-panel.appeal-panel .panel-body dl dd.background { float: right; margin: 2em 0 0 0; text-align: right; width: 60%; }
.index-panel.appeal-panel .panel-body dl dd.background img { width: 100%; transition: transform 300ms; }

.index-panel.power-goods .panel-body .row { margin-bottom: 30px; }
.index-panel.power-goods .panel-body .row.gutter-1 { margin-left: -15px; margin-right: -15px; width: auto; }
.index-panel.power-goods .panel-body .row.gutter-1 .col-6 { margin: 0 15px; }
.index-panel.power-goods .panel-body .row.gutter-2 { margin-left: -5px; margin-right: -5px; width: auto; }
.index-panel.power-goods .panel-body .row.gutter-2 .col-4 { margin: 0 10px; }
.index-panel.power-goods .panel-body .row a { display: block; width: 100%; position: relative; }
.index-panel.power-goods .panel-body .row a:hover span { background-color: rgba(0, 0, 0, 0.3); }
.index-panel.power-goods .panel-body .row a img { width: 100%; display: block; line-height: 0; }
.index-panel.power-goods .panel-body .row a span { position: absolute; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); width: 100%; color: white; box-sizing: border-box; font-size: 16px; padding: 1em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.index-panel.power-goods .panel-body .row a span strong { font-size: 22px; margin-right: .7em; }

.ask-list dl { float: left; width: 376.6666666667px; margin-right: 35px; margin-bottom: 35px; box-sizing: border-box; padding: 1.5em; background-color: white; border-radius: 5px; box-shadow: 0 0 10px #EEE; }
.ask-list dl:hover { box-shadow: 0 0 20px #DDD; }
.ask-list dl.spec { margin-right: 0; }
.ask-list dl dt { font-size: 20px; margin-bottom: 12px; font-weight: normal; }
.ask-list dl dd.desc { font-size: 16px; line-height: 1.5em; height: 3.2em; overflow: hidden; }
.ask-list dl dd.foot .label { margin-right: .5em; border-radius: 2px; }
.ask-list dl dd img { width: 335px; height: 186px; display: block; line-height: 0; margin-bottom: 12px; }

.foot .foot-1 { background: url(../images/foot_bg.jpg); background-size: 100% 100%; color: white; padding: 6em 0; }
.foot .foot-1 .float-right { margin-top: 2em; background-color: rgba(0, 172, 230, 0.2); padding: .8em .8em .6em .8em; text-align: center; font-size: 16px; line-height: 1.4em; }
.foot .foot-1 .foot-logo { font-size: 0; margin-bottom: 16px; }
.foot .foot-1 .foot-logo img { width: 214px; height: 90px; }
.foot .foot-1 .foot-logo span { display: inline-block; width: 200px; height: 90px; box-sizing: border-box; background-color: rgba(0, 172, 230, 0.2); vertical-align: top; font-size: 24px; line-height: 1.2em; padding: 15px 30px; }
.foot .foot-1 .foot-logo span i { font-size: 20px; font-style: normal; }
.foot .foot-1 .foot-desc { width: 43em; font-size: 16px; line-height: 2em; }
.foot .foot-1 .foot-desc p { margin: 0; }
.foot .foot-2 { background-color: #040404; color: #666; font-size: 16px; padding: .5em 0; text-align: center; }
.foot .foot-2 a { color: #666; }
.foot .foot-2 a:hover { color: #DDD; }
.foot .foot-2 p { margin: .5em 0; }

.play-search .body { width: 763px; text-align: center; position: relative; }
.play-search .body .input-text { border: 1px solid #DDDDDD; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.12); width: 763px; height: 60px; border-radius: 3em; font-size: 18px; background: #FFFFFF; box-sizing: border-box; padding: 0 4em 0 1.5em; }
.play-search .body .input-text::-webkit-input-placeholder { color: #CCC; }
.play-search .body .search-button { position: absolute; right: 1.8em; top: 16px; border: none; padding: 0; }

.play-left { width: 78%; float: left; }

.play-right { width: 22%; float: left; box-sizing: border-box; padding-left: 2em; }
.play-right .label-panel .captain { margin-bottom: 1em; }
.play-right .label-panel .captain h3 { font-size: 24px; }
.play-right .label-panel .panel-body .label { margin-right: 5px; margin-bottom: 8px; }

.play-shift { font-size: 24px; border-bottom: 3px solid #EEE; padding-bottom: .7em; }
.play-shift ul li { display: inline-block; padding: 0 1em; border-right: 1px solid #DDD; position: relative; }
.play-shift ul li:last-child { border-right: none; }
.play-shift ul li a { display: block; }
.play-shift ul li a:hover:after, .play-shift ul li a.now:after { display: block; }
.play-shift ul li a:after { content: ""; display: none; width: 2em; height: 3px; position: absolute; top: 1.5em; left: 50%; margin-left: -1em; }

.play-list dl { padding: 2em 0; border-bottom: 1px solid #EEE; }
.play-list dl dt { font-size: 24px; font-weight: normal; padding: .5em 0 1em 0; }
.play-list dl dd.float-left { margin-right: 1em; box-shadow: 0 0 10px #EEE; padding: 1em; line-height: 0; }
.play-list dl dd.float-left a:hover img { opacity: .8; }
.play-list dl dd.float-left a img { width: 260px; height: 147px; }
.play-list dl dd.desc { color: #999; height: 4.2em; overflow: hidden; }
.play-list dl dd.foot { margin-top: 3em; color: #838383; }

.ur-here { background-color: #F5F5F5; padding: 1em 0; }
.ur-here span, .ur-here a { margin-right: 5px; }
.ur-here span.clips, .ur-here a.clips { vertical-align: bottom; }

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

.detail-right { width: 290px; float: left; padding-top: 100px; }
.detail-right .right-panel .captain { border-bottom: 1px solid #EEE; }
.detail-right .right-panel .captain h3 { font-size: 22px; padding: .5em 0; }
.detail-right .right-panel .captain .float-right { font-size: 16px; margin-top: 1em; }
.detail-right .right-panel .captain .float-right a { color: #999; }
.detail-right .right-panel .panel-body dl { padding: 1em 0 1em 2.5em; border-bottom: 1px solid #EEE; position: relative; }
.detail-right .right-panel .panel-body dl.rank-1 dd.rank { background-color: #F44747; }
.detail-right .right-panel .panel-body dl.rank-1 dd.rank-count { color: #F44747; }
.detail-right .right-panel .panel-body dl.rank-2 dd.rank { background-color: #E36817; }
.detail-right .right-panel .panel-body dl.rank-2 dd.rank-count { color: #E36817; }
.detail-right .right-panel .panel-body dl.rank-3 dd.rank { background-color: #9E6ED4; }
.detail-right .right-panel .panel-body dl.rank-3 dd.rank-count { color: #9E6ED4; }
.detail-right .right-panel .panel-body dl dt { font-size: 16px; font-weight: normal; margin-bottom: .5em; max-height: 2.5em; overflow: hidden; }
.detail-right .right-panel .panel-body dl dd { font-size: 16px; }
.detail-right .right-panel .panel-body dl dd.rank { position: absolute; left: 0; top: 12px; width: 25px; height: 25px; border-radius: 25px; line-height: 25px; text-align: center; background-color: #25AAE4; color: white; }
.detail-right .right-panel .panel-body dl dd.rank-count { color: #999; float: right; margin-left: 1em; }

.article-head { text-align: center; padding: 3em 0 2em 0; border-bottom: 1px solid #EEE; }
.article-head h1 { font-size: 36px; margin-bottom: .5em; }
.article-head .article-desc { color: #888; }

.article-body { font-size: 18px; line-height: 1.8em; padding: .5em 0; }
.article-body p { margin: 1em 0; }

.article-foot { border-top: 1px solid #EEE; padding: 1em 0; }
.article-foot .article-label { margin-bottom: 1em; }
.article-foot .prev-next { background-color: #F5F5F5; padding: 1.5em 3em; border-radius: 10px; }
.article-foot .prev-next .prev, .article-foot .prev-next .next { line-height: 2em; }
.article-foot .prev-next .prev span, .article-foot .prev-next .next span { color: #999; font-size: 16px; }
.article-foot .prev-next .prev a, .article-foot .prev-next .next a { font-size: 18px; }
.article-foot .prev-next .next { float: right; }

.more-panel .captain { border-bottom: 1px solid #EEE; margin-bottom: 30px; }
.more-panel .captain h3 { font-size: 22px; padding: .5em 0; }
.more-panel .captain .float-right { font-size: 16px; margin-top: 1em; }
.more-panel .captain .float-right a { color: #999; }
.more-panel .panel-body dl { width: 380px; box-sizing: border-box; box-shadow: 0 0 10px #EEE; background-color: white; padding: 1.5em; border-radius: 5px; float: left; margin-right: 30px; margin-bottom: 30px; }
.more-panel .panel-body dl:hover { box-shadow: 0 0 10px #DDD; }
.more-panel .panel-body dl.spec { margin-right: 0px; }
.more-panel .panel-body dl dd a:hover img { opacity: .8; }
.more-panel .panel-body dl dd a img { width: 100%; height: 189px; display: block; line-height: 0; margin-bottom: 1em; }
.more-panel .panel-body dl dt { font-size: 18px; margin-bottom: 1em; font-weight: normal; }

/*public style end*/
/*public class start*/
.banner img { width: 100%; display: block; line-height: 0; }

.page { text-align: center; }
.page ul li { display: inline-block; margin: 0 1px; }
.page ul li a, .page ul li span { display: block; padding: 6px 14px; background-color: #FFF; border: 1px solid #E6E6E6; border-radius: 2px; }

.index-panel { padding: 4em 0; background-color: white; }
.index-panel.gray-panel { background-color: #F5F5F5; }
.index-panel .captain { margin-bottom: 3em; text-align: center; }
.index-panel .captain h3 { font-size: 30px; color: black; font-weight: bold; }
.index-panel .captain h4 { width: 32em; margin: 1em auto 0 auto; color: #3F3F3F; line-height: 2em; }

.label { display: inline-block; padding: .5em; }
.label.label-new { border-radius: 5px; }
.label.label-new.label-blue { background-color: #2AA9E4; color: white; }
.label.label-new.label-green { background-color: #2CBC6D; color: white; }
.label.label-new.label-grass { background-color: #4EC39E; color: white; }
.label.label-new.label-pink { background-color: #F2A0D4; color: white; }
.label.label-blue { background-color: #B1E6F7; color: #23607d; }
.label.label-orange { background-color: #FDE5C6; color: #886C38; }
.label.label-sky { background-color: #CAF3EA; color: #25715A; }

.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.head-kefu-ico, .index-panel.product-advantage .panel-body .advantage dl.head-kefu-ico:before, .index-panel.product-advantage .panel-body .advantage dl.head-kefu-ico:after, .index-panel.api-flow .panel-body dl.head-kefu-ico:after { width: 25px; height: 26px; background-position: 0px -50px; }

.clips.tools-ico-1, .index-panel.product-advantage .panel-body .advantage dl.tools-ico-1:before, .index-panel.product-advantage .panel-body .advantage dl.tools-ico-1:after, .index-panel.api-flow .panel-body dl.tools-ico-1:after { width: 51px; height: 50px; background-position: 0px 0px; }

.clips.tools-ico-2, .index-panel.product-advantage .panel-body .advantage dl.tools-ico-2:before, .index-panel.product-advantage .panel-body .advantage dl.tools-ico-2:after, .index-panel.api-flow .panel-body dl.tools-ico-2:after { width: 50px; height: 50px; background-position: -51px 0px; }

.clips.tools-ico-3, .index-panel.product-advantage .panel-body .advantage dl.tools-ico-3:before, .index-panel.product-advantage .panel-body .advantage dl.tools-ico-3:after, .index-panel.api-flow .panel-body dl.tools-ico-3:after { width: 50px; height: 50px; background-position: -101px 0px; }

.clips.tools-ico-4, .index-panel.product-advantage .panel-body .advantage dl.tools-ico-4:before, .index-panel.product-advantage .panel-body .advantage dl.tools-ico-4:after, .index-panel.api-flow .panel-body dl.tools-ico-4:after { width: 50px; height: 50px; background-position: -151px 0px; }

.clips.favorite-ico, .index-panel.product-advantage .panel-body .advantage dl.favorite-ico:before, .index-panel.product-advantage .panel-body .advantage dl.favorite-ico:after, .index-panel.api-flow .panel-body dl.favorite-ico:after { width: 31px; height: 26px; background-position: -25px -50px; }

.clips.advantage-ico-1, .index-panel.product-advantage .panel-body .advantage dl.advantage-ico-1:before, .index-panel.product-advantage .panel-body .advantage dl.advantage-ico-1:after, .index-panel.api-flow .panel-body dl.advantage-ico-1:after { width: 66px; height: 74px; background-position: 0 -76px; }

.clips.advantage-ico-2, .index-panel.product-advantage .panel-body .advantage dl.advantage-ico-2:before, .index-panel.product-advantage .panel-body .advantage dl.advantage-ico-2:after, .index-panel.api-flow .panel-body dl.advantage-ico-2:after { width: 69px; height: 70px; background-position: -66px -76px; }

.clips.advantage-ico-3, .index-panel.product-advantage .panel-body .advantage dl.advantage-ico-3:before, .index-panel.product-advantage .panel-body .advantage dl.advantage-ico-3:after, .index-panel.api-flow .panel-body dl.advantage-ico-3:after { width: 67px; height: 74px; background-position: -135px -76px; }

.clips.advantage-ico-4, .index-panel.product-advantage .panel-body .advantage dl.advantage-ico-4:before, .index-panel.product-advantage .panel-body .advantage dl.advantage-ico-4:after, .index-panel.api-flow .panel-body dl.advantage-ico-4:after { width: 68px; height: 74px; background-position: -202px -76px; }

.clips.advantage-ico-5, .index-panel.product-advantage .panel-body .advantage dl.advantage-ico-5:before, .index-panel.product-advantage .panel-body .advantage dl.advantage-ico-5:after, .index-panel.api-flow .panel-body dl.advantage-ico-5:after { width: 66px; height: 73px; background-position: -270px -76px; }

.clips.advantage-ico-6, .index-panel.product-advantage .panel-body .advantage dl.advantage-ico-6:before, .index-panel.product-advantage .panel-body .advantage dl.advantage-ico-6:after, .index-panel.api-flow .panel-body dl.advantage-ico-6:after { width: 74px; height: 80px; background-position: -336px -76px; }

.clips.scene-ico-1, .index-panel.product-advantage .panel-body .advantage dl.scene-ico-1:before, .index-panel.product-advantage .panel-body .advantage dl.scene-ico-1:after, .index-panel.api-flow .panel-body dl.scene-ico-1:after { width: 89px; height: 89px; background-position: -0px -156px; }

.clips.scene-ico-2, .index-panel.product-advantage .panel-body .advantage dl.scene-ico-2:before, .index-panel.product-advantage .panel-body .advantage dl.scene-ico-2:after, .index-panel.api-flow .panel-body dl.scene-ico-2:after { width: 89px; height: 89px; background-position: -89px -156px; }

.clips.scene-ico-3, .index-panel.product-advantage .panel-body .advantage dl.scene-ico-3:before, .index-panel.product-advantage .panel-body .advantage dl.scene-ico-3:after, .index-panel.api-flow .panel-body dl.scene-ico-3:after { width: 89px; height: 89px; background-position: -178px -156px; }

.clips.flow-ico-1, .index-panel.product-advantage .panel-body .advantage dl.flow-ico-1:before, .index-panel.product-advantage .panel-body .advantage dl.flow-ico-1:after, .index-panel.api-flow .panel-body dl.flow-ico-1:after { width: 112px; height: 112px; background-position: 0 -245px; }

.clips.flow-ico-2, .index-panel.product-advantage .panel-body .advantage dl.flow-ico-2:before, .index-panel.product-advantage .panel-body .advantage dl.flow-ico-2:after, .index-panel.api-flow .panel-body dl.flow-ico-2:after { width: 112px; height: 112px; background-position: -112px -245px; }

.clips.flow-ico-3, .index-panel.product-advantage .panel-body .advantage dl.flow-ico-3:before, .index-panel.product-advantage .panel-body .advantage dl.flow-ico-3:after, .index-panel.api-flow .panel-body dl.flow-ico-3:after { width: 112px; height: 112px; background-position: -224px -245px; }

.clips.flow-ico-4, .index-panel.product-advantage .panel-body .advantage dl.flow-ico-4:before, .index-panel.product-advantage .panel-body .advantage dl.flow-ico-4:after, .index-panel.api-flow .panel-body dl.flow-ico-4:after { width: 112px; height: 112px; background-position: -336px -245px; }

.clips.charge-advantage-ico-1, .index-panel.product-advantage .panel-body .advantage dl.charge-advantage-ico-1:before, .index-panel.product-advantage .panel-body .advantage dl.charge-advantage-ico-1:after, .index-panel.api-flow .panel-body dl.charge-advantage-ico-1:after { width: 60px; height: 60px; background-position: -267px -156px; }

.clips.charge-advantage-ico-2, .index-panel.product-advantage .panel-body .advantage dl.charge-advantage-ico-2:before, .index-panel.product-advantage .panel-body .advantage dl.charge-advantage-ico-2:after, .index-panel.api-flow .panel-body dl.charge-advantage-ico-2:after { width: 60px; height: 60px; background-position: -327px -156px; }

.clips.charge-advantage-ico-3, .index-panel.product-advantage .panel-body .advantage dl.charge-advantage-ico-3:before, .index-panel.product-advantage .panel-body .advantage dl.charge-advantage-ico-3:after, .index-panel.api-flow .panel-body dl.charge-advantage-ico-3:after { width: 60px; height: 60px; background-position: -387px -156px; }

.clips.charge-advantage-ico-4, .index-panel.product-advantage .panel-body .advantage dl.charge-advantage-ico-4:before, .index-panel.product-advantage .panel-body .advantage dl.charge-advantage-ico-4:after, .index-panel.api-flow .panel-body dl.charge-advantage-ico-4:after { width: 60px; height: 60px; background-position: -410px -76px; }

.clips.search-ico, .index-panel.product-advantage .panel-body .advantage dl.search-ico:before, .index-panel.product-advantage .panel-body .advantage dl.search-ico:after, .index-panel.api-flow .panel-body dl.search-ico:after { width: 26px; height: 26px; background-position: -56px -50px; }

.clips.read-ico, .index-panel.product-advantage .panel-body .advantage dl.read-ico:before, .index-panel.product-advantage .panel-body .advantage dl.read-ico:after, .index-panel.api-flow .panel-body dl.read-ico:after { width: 18px; height: 13px; background-position: -82px -50px; }

.clips.like-ico, .index-panel.product-advantage .panel-body .advantage dl.like-ico:before, .index-panel.product-advantage .panel-body .advantage dl.like-ico:after, .index-panel.api-flow .panel-body dl.like-ico:after { width: 18px; height: 16px; background-position: -100px -50px; }

.clips.home-ico, .index-panel.product-advantage .panel-body .advantage dl.home-ico:before, .index-panel.product-advantage .panel-body .advantage dl.home-ico:after, .index-panel.api-flow .panel-body dl.home-ico:after { width: 18px; height: 19px; background-position: -118px -50px; }

.clips.calendar-ico, .index-panel.product-advantage .panel-body .advantage dl.calendar-ico:before, .index-panel.product-advantage .panel-body .advantage dl.calendar-ico:after, .index-panel.api-flow .panel-body dl.calendar-ico:after { width: 18px; height: 18px; background-position: -136px -50px; }

/*public class end*/

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