/* 未能缩小。正在返回未缩小的内容。
(103,1): run-time error CSS1019: Unexpected token, found ','
(300,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(300,30): run-time error CSS1035: Expected colon, found '{'
(303,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(303,27): run-time error CSS1035: Expected colon, found '{'
(306,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(306,26): run-time error CSS1035: Expected colon, found '{'
(312,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(312,29): run-time error CSS1035: Expected colon, found '{'
(315,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(315,26): run-time error CSS1035: Expected colon, found '{'
(318,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(318,25): run-time error CSS1035: Expected colon, found '{'
(361,21): run-time error CSS1036: Expected expression, found '#'
(362,27): run-time error CSS1036: Expected expression, found '#'
(397,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(397,29): run-time error CSS1035: Expected colon, found '{'
(400,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(400,26): run-time error CSS1035: Expected colon, found '{'
(403,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(403,25): run-time error CSS1035: Expected colon, found '{'
(409,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(409,21): run-time error CSS1035: Expected colon, found '{'
(425,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(425,35): run-time error CSS1035: Expected colon, found '{'
(429,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(429,32): run-time error CSS1035: Expected colon, found '{'
(433,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(433,31): run-time error CSS1035: Expected colon, found '{'
(442,17): run-time error CSS1031: Expected selector, found '50%'
(442,17): run-time error CSS1025: Expected comma or open brace, found '50%'
(516,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(609,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(610,8): run-time error CSS1035: Expected colon, found '{'
(619,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(620,8): run-time error CSS1035: Expected colon, found '{'
(629,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(630,8): run-time error CSS1035: Expected colon, found '{'
(4993,1): run-time error CSS1019: Unexpected token, found '@charset'
(4993,10): run-time error CSS1019: Unexpected token, found '"utf-8"'
(4993,17): run-time error CSS1019: Unexpected token, found ';'
(5002,154): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
 */
/*!
 * 快切——开源中文css框架 v1.0
 *
 * Copyright 2012 kuai.qietu.com, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
html>body>table>tr [id=total]>td>ul>li{color:red}
img{max-width:100%;height:auto;width:auto9}
.video embed,.video iframe,.video object{width:100%;height:auto}
body{-webkit-text-size-adjust:none;line-height:2em}
body,input,select,textarea{color:#323232;color:#333;font-family:Arial,"黑体",'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI',Tahoma,Helvetica,Sans-Serif;font-size:14px;background:#fff}
a{outline:0;text-decoration:none;color:#1570A6}
a:hover{text-decoration:underline;color:#24459a}
html{zoom:1}
html *{outline:0;zoom:1}
html button::-moz-focus-inner{border-color:transparent!important}
body{overflow-x:hidden}
blockquote,body,code,dd,div,dl,dt,form,input,li,ol,pre,td,textarea,th,ul{margin:0;padding:0}
p{margin:0 0 10px 0}
a img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
li{list-style-type:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:400}
q:after,q:before{content:''}
hr{border:none;clear:both;height:0;background:0 0;margin:0;padding:0;border-bottom:#eee solid 1px;margin:10px 0}
img{border:0 none;height:auto;max-width:100%;vertical-align:middle}
blockquote{border-left:5px solid #EEE;margin:10px;padding:10px}
ul{margin-left:20px}
ol.unstyled,ul.unstyled{list-style:none}
ul.circle{list-style-type:circle}
ul.square{list-style-type:square}
ul.cjk{list-style-type:cjk-ideographic}
.firstletter:first-letter{font-size:200%}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:block}
.clear{clear:both}
.colwrapper{overflow:hidden;zoom:1;margin:5px auto}
.strong{font-weight:700}
.left{float:left}
.right{float:right!important}
.center{margin:0 auto;text-align:center}
.show{display:block;visibility:visible}
.hide{display:none!important}
.block{display:block}
.inline{display:inline}
.transparent{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
.break{word-wrap:break-word;overflow:hidden}
.canvas{position:relative}
.relative{position:relative}
code,pre{color:#333;font-family:Menlo,Monaco,"Courier New",monospace;font-size:12px;padding:0 3px 2px}
abbr{background:none repeat scroll 0 0 #eee;border-bottom:medium none;border-left:.25em solid #639c8f;display:inline-block;margin-right:.5em;padding:0 .25em}
abbr:hover{border-left:#da6a88 solid 3px}
pre{font-family:consolas,"Courier New",courier,monospace;background-color:#FAFAFA;border:1px solid #eee;display:block;font-size:12.03px;line-height:18px;margin:0 0 9px;padding:8.5px;white-space:pre-wrap;word-break:break-all;word-wrap:break-word}
code{background-color:#F7F7F9;border:1px solid #E1E1E8;color:#08C;padding:2px 4px}
pre ol{margin:0 0 0 14px}
pre.unstyled{background:0 0;color:#333;border:none}
object{background:gray;display:block}
.pink{color:#f0f}
.blue{color:#00f}
.deepblue{color:#009}
.gray{color:#999}
.red{color:red}
.black{color:#000}
.white{color:#fff}
.green{color:green}
.underline{text-decoration:underline}
.dashedline{border-bottom:dashed 1px #666}
ol.dashedline{border:none}
ol.dashedline li{border-bottom:dashed 1px #666;padding:5px}
.fixedly{position:fixed;clip:rect(0 100% 100% 0);bottom:0;left:0}
.fixedly.livechat,.fixedly.scrolltotop{bottom:0;right:20px;left:auto;width:50px;height:50px;text-align:center;line-height:50px;font-size:40px;color:#ccc;display:block;background:#fff;border-radius:2px 2px 2px 2px;border:#ccc solid 1px}
.fixedly.scrolltotop{bottom:100px}
a:hover.fixedly.livechat,a:hover.fixedly.scrolltotop{text-decoration:none}
.fixedly.livechat{bottom:20px}
.fixedly.livechat.blue,.fixedly.scrolltotop.blue{background:#85c2f2;text-shadow:#2d96e9 1px 1px}
a:hover.fixedly.livechat.blue,a:hover.fixedly.scrolltotop.blue{background:#2d96e9;text-decoration:none}
*html{background-image:url(about:blank);background-attachment:fixed}
.pngfix{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/x.png')}
.gradient{filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#dedede);background:-moz-linear-gradient(top,#fff,#dedede);background:-webkit-gradient(linear,0 0,0 bottom,from(#fff),to(#dedede))}
.radius{-webkit-border-radius:4px;border-radius:4px;-moz-border-radius:4px;border:#ddd solid 1px;padding:4px}
.highlighted{background:none repeat scroll 0 0 #00ADEE;color:#FFF;padding:0 5px}
.ellipsis{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:80px;overflow:hidden}
.blink{text-decoration:blink}
a strong{cursor:pointer}
em{font-style:italic!important}
strike{text-decoration:line-through!important}
strong{font-weight:700!important}
u{text-decoration:underline!important}
input{border:1px #ccc solid}
.text,input[type=text],textarea{background:#fff;border:1px solid #ccc;font-size:16px;line-height:100%;display:inline-block;margin:0;outline:medium none;padding:.5em}
.uneditable,input[class*=span],select[class*=span],textarea[class*=span]{float:none;margin-left:0}
input:focus,textarea:focus{border-color:rgba(82,168,236,.8);box-shadow:0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(82,168,236,.6);outline:0 none}
fieldset{padding:20px;border:#ccc solid 1px}
label{display:block;font-size:14px;margin:10px 0 0 0}
.ff8600,.ff86aa a{color:#ff8600}
.font14px{font-size:14px}
.font9pt{font-size:9pt}
a[rel=external]{background:url(../imgs/external.png) no-repeat right center;padding:0 12px 0 0}
.row{height:auto;overflow:hidden;clear:both;margin-left:-20px}
,.aside,.col1,.col10,.col11,.col12,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9{display:inline;float:left;margin-left:20px;min-height:1px}
.alpha{margin-left:0}
.omega{margin-right:0}
.wrapper{width:1000px;margin:0 auto;clear:both;height:auto;overflow:hidden;margin-top:20px;position:relative}
.col1{width:65px}
.aside,.col2{width:150px}
.col3{width:235px}
.col4{width:320px}
.col5{width:405px}
.col6{width:490px}
.col7{width:575px}
.col8{width:660px}
.col9{width:745px}
.col10,.col11{width:915px}
.col12{width:1000px}
@media (min-width:1250px) and (max-width:1440px){.wrapper{width:1180px}
.col1{width:80px}
.aside,.col2{width:180px}
.col3{width:280px}
.col4{width:380px}
.col5{width:480px}
.col6{width:580px}
.col7{width:680px}
.col8{width:780px}
.col9{width:880px}
.col10,.col11{width:1080px}
.col12{width:1180px}
}
.w1200 .wrapper{width:1180px}
.w1200 .col1{width:80px}
.w1200 .aside,.w1200 .col2{width:180px}
.w1200 .col3{width:280px}
.w1200 .col4{width:380px}
.w1200 .col5{width:480px}
.w1200 .col6{width:580px}
.w1200 .col7{width:680px}
.w1200 .col8{width:780px}
.w1200 .col9{width:880px}
.w1200 .col10,.w1200 .col11{width:1080px}
.w1200 .col12{width:1180px}
@media (min-width:768px) and (max-width:1000px){.wrapper{width:748px}
.col1{width:44px}
.aside,.col2{width:108px}
.col3{width:172px}
.col4{width:236px}
.col5{width:300px}
.col6{width:364px}
.col7{width:428px}
.col8{width:492px}
.col9{width:556px}
.col10,.col11{width:684px}
.col12{width:748px}
}
@media (min-width:980px) and (max-width:1300px){.wrapper{width:940px}
.col1{width:60px}
.aside,.col2{width:140px}
.col3{width:220px}
.col4{width:300px}
.col5{width:380px}
.col6{width:460px}
.col7{width:540px}
.col8{width:620px}
.col9{width:700px}
.col10,.col11{width:860px}
.col12{width:940px}
}
.w960 .wrapper{width:940px}
.w960 .col1{width:60px}
.w960 .aside,.w960 .col2{width:140px}
.w960 .col3{width:220px}
.w960 .col4{width:300px}
.w960 .col5{width:380px}
.w960 .col6{width:460px}
.w960 .col7{width:540px}
.w960 .col8{width:620px}
.w960 .col9{width:700px}
.w960 .col10,.w960 .col11{width:860px}
.w960 .col12{width:940px}
@media (min-width:0px) and (max-width:768px){.wrapper{width:auto;padding:0 20px;position:static;margin:0 20px}
.row{margin:0}
.aside,.col1,.col10,.col11,.col12,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9{width:100%;margin:0}
}
.w768 .wrapper{width:auto;padding:0 20px;position:static;margin:0 20px}
.w768 .row{margin:0}
.w768 .aside,.w768 .col1,.w768 .col10,.w768 .col11,.w768 .col12,.w768 .col2,.w768 .col3,.w768 .col4,.w768 .col5,.w768 .col6,.w768 .col7,.w768 .col8,.w768 .col9{width:100%;margin:0}
.percent{margin:0}
.wrapper.percent{margin:0 auto}
.percent .row{margin-left:-1%;width:105%}
.percent .aside,.percent .col1,.percent .col10,.percent .col11,.percent .col12,.percent .col2,.percent .col3,.percent .col4,.percent .col5,.percent .col6,.percent .col7,.percent .col8,.percent .col9,.percent .main{margin-left:1%!important}
.percent .col1{width:7%!important}
.percent .aside,.percent .col2{width:15%!important}
.percent .col3{width:23%!important}
.percent .col4{width:31%!important}
.percent .col5{width:39%!important}
.percent .col6{width:47%!important}
.percent .col7{width:55%!important}
.percent .col8{width:63%!important}
.percent .col9{width:71%!important}
.percent .col10,.percent .main{width:79%!important}
.percent .col11{width:87%!important}
.percent .col12{width:95%!important}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:80%}
* small{margin-left:10px}
h1{font-size:26px;line-height:1em}
h1 small{font-size:20px}
h2{font-size:20px}
.naver,.naver .droper{z-index:99}
.naver .brand a,.naver .module a,.naver .sub a{border-color:#ccc!important}
.naver,.naver .brand a,.naver .module a,.naver .sub a{height:60px;line-height:60px}
.naver .droper{top:50px}
.naver{padding:0 20px;position:relative;z-index:99;color:#fff}
.naver.unstyled{background:0 0}
.naver.unstyled a{color:#333!important;border-right:0!important}
.naver.unstyled a.selected,.naver.unstyled a:hover{background:0 0!important}
.naver.fixed{position:fixed;top:0;width:100%;z-index:999;opacity:.8}
.naver .wrapper{overflow:visible;margin-top:0}
.naver .module ul{margin-left:0}
.naver .module a,.naver .sub a{color:#333;font-size:14px;padding:0 20px;position:relative;white-space:nowrap;display:inline-block}
@media (min-width:768px) and (max-width:1250px){.naver .brand a,.naver .module a,.naver .sub a{padding:0 15px}
}
.naver .brand a:hover,.naver .module a:hover,.naver .sub a:hover,.naver li.selected a{text-decoration:none;background:#eee}
.naver .module{margin:0 10px 0 0;position:relative;margin-left:80px;float:left;display:inline}
.naver ul{display:inline-block}
.naver li{display:inline-block;position:relative}
.naver .search{float:left;display:inline;overflow:hidden;line-height:1em;margin-top:8px}
.naver .search .text{float:left;display:inline}
.naver .search .button{float:left;display:inline}
.naver .sub{position:absolute;right:0;top:0;height:50px}
.naver .brand{float:left;display:inline}
.naver .brand a{font-size:25px;padding-left:0!important;border-right:0;font-weight:700;padding-left:0;padding-right:10px;display:block!important}
.naver .brand a:hover{background:0 0}
.naver ul ul{display:none;position:absolute;left:0;width:150px;z-index:1000;margin:0;display:none;top:50px}
.naver ul li.selected ul{display:block}
.naver .sub .droper{left:auto;right:0}
.naver ul ul li{float:none;display:block}
.naver ul ul li a{display:block!important}
.naver ul ul a{background:0 0;display:block;float:none;font-size:13px;text-align:left;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;border:none;border-bottom:1px solid #eee}
.naver .selected .droper{display:block}
.naver .caret{border:#333 solid 4px;border-top:#999 solid 4px;margin:25px 0 0 5px;content:"";display:inline-block;height:0;vertical-align:top;width:0}
.naver .selected .caret{border-top-color:#222;border-bottom-color:#999;margin-top:20px}
.naver ul li ul li ul{left:150px!important;top:0!important}
.naver ul li ul li.selected ul li a{background:#333!important}
.naver ul li ul li ul li.selected a{background:#222!important}
.naver ul li ul li ul li.selected ul li a{background:#333!important}
.naver ul li ul li ul li ul li.selected a{background:#222!important}
.naver .button{position:relative;padding:0 20px;height:30px;line-height:30px;color:#fff;display:inline-block}
.naver .collapse{padding:6px 12px 10px 12px;background:#444;color:#fff;display:none;position:absolute;right:5px;top:10px}
.naver .collapse span{border-radius:1px 1px 1px 1px;display:block;height:2px;width:22px;background:#fff;margin-top:4px}
@media (min-width:10px) and (max-width:940px){.naver{position:relative;padding:0;padding-left:20px;border-bottom:#ccc solid 1px}
.naver .wrapper{padding:0;margin:0}
.naver .collapse{display:block}
.naver,.naver .brand,.naver .module,.naver .sub,.naver .sub a,.naver li,.naver ul{display:block;float:none;text-align:left}
.naver li a,.naver ul{border-right:none!important}
.naver .module,.naver .search,.naver .sub{display:none}
.naver .module{position:absolute;left:0;top:60px;right:0}
.naver .module li{border-top:#ccc solid 1px}
.naver .module a{display:block;line-height:45px;height:45px}
.naver.selected .module{display:block}
.naver .search{float:none}
.naver .module{background:#fff;margin-left:0;margin-right:0}
.naver .module .droper{display:block;float:none;position:static;background:0 0;width:auto;clear:both}
.naver .module .droper a{border-bottom-color:#333}
.naver .caret{display:none}
.naver ul ul{position:static;width:auto}
.naver ul ul a{border:none}
}
.header,header{margin:0 auto 0 auto;height:auto;overflow:hidden;clear:both}
.header h1,header h1{font-size:60px;line-height:60px;margin:0}
.header h2,header h2{font-size:20px;line-height:30px}
.header .search{margin:10px 0 0 0}
.header .search .text{padding:9px}
.header .search .button{padding:9px}
.navbar{margin:0 auto 0 auto;background-color:#2C2C2C;background-repeat:repeat-x;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(255,255,255,.1) inset,0 1px 0 rgba(255,255,255,.075)}
.navbar a{margin:0 10px 0 10px;padding:5px 5px;display:inline-block;color:#666}
.navbar a.selected{background:#EDF7FC}
.navbar a:hover{text-decoration:none;background:#F1F9FD}
.navbar .divider{margin:5px 2px;border-left:#5cadd8 solid 1px;border-right:#fff solid 1px}
.phead{border-bottom:1px solid #EEE;margin:18px 0;padding-bottom:10px;font-size:36px;line-height:1.2em;font-weight:700;padding-top:20px;clear:both;position:relative}
.phead small{font-size:12px;margin-left:10px;font-weight:400}
.phead .more{position:absolute;right:0;bottom:7px}
.footer,footer{display:block;padding:40px 0 30px 0;margin-top:20px;text-align:center}
.footer .wrapper{margin-top:0!important}
.footer.black{background:#333;color:#fff}
.footer .left,footer .left{width:60%}
.footer .right,footer .right{width:40%;text-align:right}
table{background-color:transparent;border-collapse:collapse;border-spacing:0;max-width:100%;font-size:13px;margin-bottom:20px;width:100%}
table td.selected,table th.selected{background:#F9F9F9}
table td,table th{border-top:1px solid #DDD;line-height:20px;padding:4px 5px}
table th{font-weight:700}
table thead td,table thead th{vertical-align:bottom;background:#DBEFF9}
.table-bordered{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-collapse:separate;border-color:#DDD #DDD #DDD -moz-use-text-color;border-image:none;border-style:none solid solid none;border-width:1px 1px 1px 0;padding:0!important}
.table-bordered td,.table-bordered th{border-left:1px solid #DDD;border-top:1px solid #DDD}
.table-bordered{border:1px solid #DDD;box-shadow:0 1px 3px rgba(0,0,0,.055);padding:5px;border-radius:2px}
.table-bordered:hover{border-color:#bbb}
.bordered{border:1px solid #DDD;box-shadow:0 1px 3px rgba(0,0,0,.055);padding:5px;border-radius:2px}
.bordered:hover{border-color:#bbb}
.table-zebra tr:nth-child(even){background:#F9F9F9}
@-webkit-keyframes cloud{from{background-position:600px 100%}
to{background-position:0 100%}
}
@-moz-keyframes cloud{from{background-position:600px 100%}
to{background-position:0 100%}
}
@-ms-keyframes cloud{from{background-position:600px 100%}
to{background-position:0 100%}
}
@-o-keyframes cloud{from{background-position:600px 100%}
to{background-position:0 100%}
}
@-webkit-keyframes wave{from{background-position:600px 100%}
to{background-position:0 100%}
}
@-moz-keyframes wave{from{background-position:600px 100%}
to{background-position:0 100%}
}
@-ms-keyframes wave{from{background-position:600px 100%}
to{background-position:0 100%}
}
@-o-keyframes wave{from{background-position:600px 100%}
to{background-position:0 100%}
}
.heading{padding:80px 20px 80px 20px;line-height:1;text-align:center;margin-bottom:30px;font-size:21px;padding:30px 30px 40px;background:#698;color:#fff}
.heading-wave{animation:20s linear 0s normal none infinite wave;background:url(../imgs/wave.png) repeat-x scroll 0 bottom #049EC4}
.heading-unstyled{background:0 0;color:#333;border-bottom:#eee solid 1px}
.heading .wrapper{left:auto;margin-left:auto}
.heading h1{font-size:60px;font-weight:700;margin-bottom:10px;margin-top:20px}
.heading h2{line-height:150%;font-size:24px}
.heading h4{font-size:14px;color:#dcfff7}
.heading p{font-weight:300;line-height:1.5}
.feature h1,.marketing h1,.support h1{text-align:center;font-size:40px;line-height:40px}
.feature h1 small,.marketing h1 small,.support h1 small{display:block;font-size:20px}
.sidebar{list-style:none;padding-bottom:1px;margin-left:0!important}
.sidebar li{border:1px solid #E5E5E5;display:block;margin:0 0 -1px;font-size:14px;background:#f5f5f5}
.sidebar li a{padding:8px 14px;display:block}
.sidebar li.selected{cursor:default;color:#999;background:#639c8f}
.sidebar li.selected a{color:#fff}
.sidebar li.selected a:hover{text-decoration:none}
.sidebar li ul{margin-left:0}
.sidebar li ul li{border-left:none;border-right:none;background:#fff}
.sidebar li ul li.selected{background:#eee}
.sidebar li ul li a{color:#333!important}
dl.sidebar{list-style:none;padding-bottom:1px;margin:0}
.sidebar dd{border:1px solid #E5E5E5;display:block;margin:0 0 -1px;padding:8px 14px}
.sidebar dd:hover{background:#eee}
.sidebar dd.selected{cursor:default;color:#999}
.sidebar dd.selected a:hover{text-decoration:none}
.sidebar.affixed{position:fixed;top:20px}
@media (min-width:10px) and (max-width:940px){.sidebar{display:none}
}
.pager{padding-top:5px}
.pager a{padding:4px 10px;border:1px solid #ddd;background:#fff}
.pager a:hover{background:none repeat scroll 0 0 #09F;border-color:#09F;color:#FFF}
.pager a.selected{background:0 0;border:none}
.pager.unstyled a{border:none}
.pager.unstyled a.selected,.pager.unstyled a:hover{background:0 0;color:#333}
.alert{background-color:#D9EDF7;border-color:#BCE8F1;color:#3A87AD;padding:10px}
.alert.error{background-color:#F2DEDE!important;border-color:#EED3D7;color:#B94A48}
.alert.success{background-color:#DFF0D8!important;border-color:#D6E9C6;color:#468847}
.footbar{background:#;margin:50px 0 0 0;border-top:#EAEAEA solid 1px}
.footbar .head{background:#;padding:5px;text-align:center}
.footbar .body{padding:20px 0}
.footbar dl{margin:20px 0 0 0;line-height:2em}
.usa ol,.usa ul{font-size:11px}
.hero{background:#eee;padding:30px 60px}
.hero h1{font-size:54px}
.slider{background:#44BDFD;clear:both;position:relative;height:300px;padding-top:60px;background:url(../imgs/loading.gif) #eee no-repeat center center}
.slider-wrap{margin-top:0!important}
.slider-next,.slider-prev{font-size:100px;position:absolute;left:0;top:130px;padding:30px 10px;color:#fff;cursor:pointer;font-family:sans-serif;background:none repeat scroll 0 0 #222;opacity:.2;filter:alpha(opacity=20);-moz-opacity:.2;-khtml-opacity:.2;opacity:.2}
.slider-next:hover,.slider-prev:hover{opacity:.5}
.slider-next{right:0;left:auto}
.slider-list li{text-align:center;line-height:1;display:none}
.slider h1{font-size:70px;margin-bottom:40px;font-weight:700}
.slider h2{line-height:1.5}
.slider-list li .button{padding:15px 20px}
.rotate:hover{transform:rotate(360deg);transition:all 1s ease-out 0s}
.taber .head{border-left:1px solid #E5E5E5;height:30px}
.taber .head a{border:1px solid #E5E5E5;float:left;display:inline;padding:0 20px;border-left:none;height:30px;line-height:30px}
.taber .head a.selected{border-bottom:none}
.taber .body{clear:both;padding:10px}
.tooltip{padding:4px;background:#000;position:absolute;z-index:1001;color:#fff;font-size:12px;filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}
.tooltip .arrow{width:0;height:0;border-top:0;border-bottom:5px solid #000;border-right:5px solid transparent;border-left:5px solid transparent;position:absolute;top:-4px;left:8px}
.spring{background:#f6e5e5;color:#de0000;position:relative;z-index:99;font-size:16px;line-height:1.5em}
.spring .wrapper{margin-top:0;padding:17px 0;position:relative}
.spring del{cursor:pointer;text-decoration:none;color:#de0000;font-size:18px;font-weight:700;border:#de0000 solid 2px;border-radius:100px;width:16px;height:16px;line-height:16px;display:block;text-align:center;position:absolute;right:10px;top:50%;margin-top:-8px}
.spring-text{padding-right:30px}
.label.time{background:#666;color:#fff;padding:2px 5px;margin:0 2px 0 2px;position:relative}
.label.time:before{position:absolute;width:100%;height:1px;background:#fff;content:"";left:0;top:50%}
.dialog{width:600px;height:auto;overflow:hidden;position:fixed;left:50%;margin-left:-300px;top:50%;margin-top:-200px;border:#333 solid 1px;background:#fff;z-index:999;display:none}
.dialog del{display:block;position:absolute;right:20px;top:20px;width:20px;height:20px;font-family:Arial,Helvetica,sans-serif;text-decoration:none;font-size:30px;text-shadow:0 1px 0 #FFF;cursor:pointer;color:#ccc}
.dialog-head{border-bottom:#eee solid 1px;padding:20px;font-size:20px;position:relative}
.dialog-body{padding:20px}
.dialog-foot{background:#f5f5f5;padding:10px;border-top:1px solid #DDD;box-shadow:0 1px 0 #FFF inset;text-align:right}
.popover{PADDING-RIGHT:20px;PADDING-LEFT:20px;Z-INDEX:100;PADDING-BOTTOM:20px;WIDTH:300px;PADDING-TOP:20px;POSITION:absolute;background:#fff;border:2px solid #333;box-shadow:0 5px 10px rgba(0,0,0,.2)}
.popover:before{border-bottom:7px solid #333;border-left:7px solid transparent;border-right:7px solid transparent;content:"";display:inline-block;left:9px;position:absolute;top:-7px}
@-webkit-keyframes bar_{from{background-position:40px 0}
to{background-position:0 0}
}
@-moz-keyframes bar_{from{background-position:40px 0}
to{background-position:0 0}
}
@-ms-keyframes bar_{from{background-position:40px 0}
to{background-position:0 0}
}
@-o-keyframes bar_{from{background-position:0 0}
to{background-position:40px 0}
}
@keyframes bar_{from{background-position:40px 0}
to{background-position:0 0}
}
.progress{background-color:#F7F7F7;background-repeat:repeat-x;box-shadow:0 1px 2px rgba(0,0,0,.1) inset;height:20px;margin-bottom:20px;overflow:hidden}
.progress .bar{-moz-box-sizing:border-box;background-color:#0E90D2;background-repeat:repeat-x;box-shadow:0 -1px 0 rgba(0,0,0,.15) inset;color:#FFF;float:left;font-size:12px;height:100%;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,.25);transition:width .6s ease 0s;width:0}
.progress.striped .bar{background-color:#149BDF;background-size:40px 40px}
.progress.active .bar{animation:2s linear 0s normal none infinite bar_}
.progress.success .bar{background-color:#5EB95E;background-repeat:repeat-x}
.progress.warning .bar{background-color:#FAA732;background-repeat:repeat-x}
.progress.danger .bar{background-color:#DD514C;background-repeat:repeat-x}
.partbar{background:#244668;padding:10px 0;color:#fff;text-align:center;position:relative}
.partbar .arrow{border-top:#244668 solid 10px;border-left:#fff solid 10px;border-right:#fff solid 10px;position:absolute;bottom:-10px;width:0;height:0;left:50%}
.banner .wrapper{margin-top:0!important}
.banner img{float:left;display:inline}
.pagebody{width:100%;height:auto;overflow:hidden;border:#CCC solid 1px;clear:both}
.leftpage,.mainpage,.rightpage{float:left;margin-right:10px;background:#fff}
@-webkit-keyframes animate-qq{from{margin-top:10px}
50%{margin-top:0}
to{margin-top:10px}
}
@-moz-keyframes animate-qq{from{margin-top:10px}
50%{margin-top:0}
to{margin-top:10px}
}
@-ms-keyframes animate-qq{from{margin-top:10px}
50%{margin-top:0}
to{margin-top:10px}
}
@-o-keyframes animate-qq{from{margin-top:10px}
50%{margin-top:0}
to{margin-top:10px}
}
.animate-qq-key from{margin-top:10px}
.animate-qq-key 50%{margin-top:0}
.animate-qq-key to{margin-top:10px}
.qq{background:url(../imgs/qq.png) no-repeat;width:144px;height:153px;position:absolute;display:block;right:5%;top:150px;-webkit-animation:animate-qq 3s ease-in-out infinite;-moz-animation:animate-qq 3s ease-in-out infinite;-ms-animation:animate-qq 3s ease-in-out infinite;-o-animation:animate-qq 3s ease-in-out infinite;animation:animate-qq 3s ease-in-out infinite}
.cartoon{background:url(../imgs/cartoon.png) no-repeat;width:302px;height:172px;position:absolute;top:350px;left:5%}
.shutter{margin:0 auto;max-width:1600px;overflow:hidden;position:relative;background:#f2f2f2}
.shutter .item{background:url(../imgs/shutter.jpg) no-repeat}
.shutter .text{background:none repeat scroll 0 0 #E23300;color:#FFF;font-size:.8em;padding:1.4em 25px;width:23.4375em;top:5%;pointer-events:none;position:absolute;width:26em}
.shutter .text h3{font-size:1.9em}
.shutter .media{padding-bottom:30%}
.shutter .status{text-align:right;font-size:30px;text-shadow:0 0 4px rgba(0,0,0,.15);position:absolute;bottom:30px;left:0;width:100%}
.sharebar{color:#fff;font-size:16px}
.sharebar h2{font-size:38px}
.sharebar .highlight a{padding:1.75em;border:1px solid transparent;background:#10537B;display:block;color:#fff}
.sharebar .highlight a:hover{background:#10537B}
.sharebar .highlight h3{font-size:24px}
.sharebar .highlight img{float:left;margin-right:24px}
.current{border:1px solid #E5E5E5;padding:5px 10px;clear:both;height:auto;overflow:hidden;text-align:right;position:relative}
.current dt{position:absolute;left:10px;top:5px}
.current dd{display:inline}
.current.unstyled{border:none;padding:0}
.label{background-color:#999;color:#FFF;font-size:12px;font-weight:700;line-height:22px;padding:3px 4px;text-shadow:0 -1px 0 rgba(0,0,0,.25);vertical-align:middle;white-space:nowrap}
.label.success{background-color:#468847}
.label.warning{background-color:#F89406}
.label.error{background-color:#B94A48}
.well{background-color:#F5F5F5;border:1px solid rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05) inset;margin-bottom:20px;min-height:20px;padding:19px}
.well .wrapper{margin-top:0!important}
.page.gray{background:#EDEDEB}
.page.black{background:#454D50}
.page.red{background:#EE3728;color:#8C2018}
.page.red a{color:#fff}
.purchase{box-shadow:0 0 4px #EEE inset;padding:30px 0 20px;background:#FEFEFE}
.purchase .wrapper{margin-top:0!important}
.timeline{list-style-type:none;padding:30px 0 50px;position:relative;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJUlEQVQIW2NkQAP/gYARWQwkAOLDBeECjEAAkkEWAKtEFwAJAgAZEBP+oM1IkwAAAABJRU5ErkJggg==) repeat-y scroll 165px 0 #eee}
.timeline ul{list-style-type:none;margin-left:0}
.timeline .event{margin-bottom:80px;padding-right:40px;position:relative}
.timeline .thumb{background-repeat:no-repeat;border-radius:50% 50% 50% 50%;border:solid 4px #ddd;box-shadow:0 1px 1px rgba(200,200,200,.5);height:100px;position:absolute;transform:scale(.8) translateX(24px);width:100px;left:0;top:0}
.timeline .thumb span{bottom:-40px;color:#999;font-size:15px;font-weight:700;position:absolute;text-align:center;text-transform:uppercase;width:100%;left:0}
.timeline .inner{margin-left:230px;perspective:600px;position:relative;border-color:#F26328;background:#fff;padding:20px;text-align:left}
.timeline .inner:before{border-bottom:20px solid transparent;border-top:20px solid transparent;border-right:20px solid #fff;content:"";display:inline-block;top:37px;position:absolute;left:-20px}
.timeline label{display:block;height:24px;left:152px;position:absolute;top:36px;width:24px;background:none repeat scroll 0 0 #fff;border-radius:50% 50% 50% 50%;color:#41838E;font-size:26px;border:#ddd solid 4px}
.timeline .event:hover label{border:#ccc solid 4px}
.singlerolling{height:22px;overflow:hidden;line-height:22px}
.masthead{position:relative;margin-bottom:20px;padding:30px 15px;text-align:center}
.masthead h1{font-size:100px;line-height:1}
.masthead p{font-size:30px;margin-left:10%;margin-right:10%;font-size:21px;font-weight:200;line-height:1.4;margin-bottom:20px}
.masthead .social{margin-top:80px;color:#999}
.lead{font-size:21px;font-weight:200;line-height:1.4;margin-bottom:20px}
.rounder{border-radius:50% 50% 50% 50%;border:solid 4px #ddd;box-shadow:0 1px 1px rgba(200,200,200,.5)}
.postfix.button{line-height:2.125em;padding:0;text-align:center}
.postfix,.prefix{border-style:solid;border-width:1px;display:block;font-size:.875em;height:2.3125em;line-height:2.3125em;overflow:hidden;padding-bottom:0;padding-top:0;position:relative;text-align:center;width:100%;z-index:2}
.well.callout{background:none repeat scroll 0 0 #2BA6CB;border-color:#2284A1;border-style:solid;border-width:1px;box-shadow:0 1px 0 rgba(255,255,255,.5) inset;margin-bottom:1.25em;padding:1.25em}
.absbar{position:fixed;bottom:20px;right:20px;z-index:99;width:50px}
.absbar ul{padding:0;margin:0;list-style:none}
.absbar li{position:relative;margin:3px 0 0 0;height:50px;line-height:50px;text-align:center;padding:0}
.absbar li a{display:block;color:#fff;background:#79c4b3;position:relative;z-index:9}
.absbar li .toggle{width:50px;height:50px;background:#eee;display:block;cursor:pointer;line-height:50px;text-align:center}
.absbar .droper{position:absolute;right:60px;top:0;background:#eee;padding:20px}
.absbar ul ul{position:absolute;bottom:50px;left:0;width:100%;z-index:3;display:none}
.absbar ul ul li{margin-top:0;border-bottom:#67a093 solid 1px}
.absbar ul ul li a{background:#70b0a1}
.absbar ul ul li .qrcode{width:110px;padding:10px;position:absolute;right:60px;top:50%;margin-top:-50px;background:#8dddcb;font-size:12px;line-height:22px;display:none}
.absbar ul li.selected ul{display:block}
.absbar ul ul li.selected .qrcode{display:block}
.button{display:inline-block;zoom:1;vertical-align:baseline;margin:0 2px;outline:0;cursor:pointer;text-align:center;text-decoration:none;font-size:16px;line-height:100%;border:none;color:#999;background:#E6E6E6;border-radius:4px;padding:.5em 1.5em}
.button:hover{text-decoration:none}
.button:active{position:relative;top:1px;color:#999}
.button-inverse{background:0 0;color:#fff;border:#fff solid 1px}
.button-inverse:hover{background:#fff!important;color:#666}
.button-little{font-size:9px;padding:.2em 1em .275em}
.button-small{font-size:11px;padding:.2em 1em .275em}
.button-medium{font-size:12px;padding:.4em 1.5em .42em}
.button-large{font-size:150%}
.button-xlarge{font-size:200%}
.button.unstyled{background:0 0;border:1px solid rgba(255,255,255,.5)}
a:hover.button.unstyled{background:border: 1px solid rgba(255,255,255,.1)}
.button.expand,button.expand{padding-left:0;padding-right:0;width:100%}
.button-outline{background-color:transparent;border:#666 solid 1px;color:#666}
.button-outline:hover{background:#666;color:#fff}
.text-red{color:#e33}
.text-yellow{color:#f60}
.text-blue{color:#0ae}
.text-green{color:#2c7}
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.text-justify{text-align:justify}
.bg-red{background:#e33}
.bg-yellow{background:#f60}
.bg-blue{background:#0ae}
.bg-green{background:#2c7}
.bg-red-light{background:#fee}
.bg-yellow-light{background:#ffd}
.bg-blue-light{background:#eff}
.bg-green-light{background:#efd}
.bg-inverse{color:#fff}
.padding-small{padding:10px}
.padding-large{padding:20px}
.padding-xlarge{padding:40px}
.border{border:#ddd solid 1px}
.border-red{border-color:#e33}
.border-yellow{border-color:#f60}
.border-blue{border-color:#0ae}
.border-green{border-color:#2c7}
.border-small{border-width:1px}
.border-large{border-width:2px}
.border-xlarge{border-width:4px}
.pricing-tables{margin:0 auto;width:95%;height:auto;overflow:hidden;padding-top:20px;padding-bottom:20px}
.pricing-tables h3{font-size:24px}
.pricing-box{background:none repeat scroll 0 0 #fff;border:1px solid #ccc;float:left;margin-right:-1px;padding:0 0 20px;text-align:center;width:30%}
.pricing-head{border-bottom:3px solid #da6a88;color:#000;font-family:Verdana,Geneva,sans-serif;font-size:18px;height:48px;width:100%;padding-top:20px}
.pricing-body ul{list-style:none outside none;margin:0 0 15px!important;text-align:left}
.pricing-body ul li{line-height:4em;list-style-type:none!important;margin-left:0;border-bottom:#ccc solid 1px;text-align:center}
.pricing-box.large{margin-top:-20px;padding:0 0 40px;position:relative;z-index:9}
.pricing-box.large .pricing-head{background:#da6a88;color:#fff;font-size:24px;height:55px;padding-top:30px}
.counter{font-size:36px}
.counter-btns{position:relative}
.counter-btns i{width:36px;height:60px;line-height:60px;text-align:center;font-size:36px;background:#333;color:#fff;display:inline-block;margin:0 1px}
.counter-btns-lt{position:absolute;left:0;top:50%;margin-top:-1px;right:0;height:1px;background:#fff}
.img-scale{transform:scale(1);transition:all .5s cubic-bezier(.25,.1,.25,1.5) 0s}
a:hover .img-scale{transform:scale(1.2)}
.hide{display:none}
.show{display:block}

/*@font-face {
  font-family: FZLTXHK;
  src: url(/Content/new/assets/font/FZLTXHK1.eot);
    src: url(/Content/new/assets/font/FZLTXHK1.eot?#iefix) format('embedded-opentype'),url(/Content/new/assets/font/FZLTXHK1.woff) format('woff'),url(/Content/new/assets/font/FZLTXHK1.ttf) format('truetype'),url(/Content/new/assets/font/FZLTXHK1.svg#webfont) format('svg')
}
@font-face {
    font-family: webfont;
    src: url(/Content/new/assets/font/webfont.eot?111);
    src: url(/Content/new/assets/font/webfont.eot?#iefix) format('embedded-opentype'),url(/Content/new/assets/font/webfont.woff?111) format('woff'),url(/Content/new/assets/font/webfont.ttf?111) format('truetype'),url(/Content/new/assets/font/webfont.svg#webfont) format('svg')
}

.FZLTXHK {
  font-family: FZLTXHK;
}*/

body {
  /*font-family: FZLTXHK, Arial, 'Microsoft YaHei UI', 'Microsoft YaHei', SimSun, 'Segoe UI', Tahoma, Helvetica, Sans-Serif;*/
  font-family: SourceHanSansCN-Normal !important;
  min-width: 1200px;
  /*width: 1120px;*/
  font-size: 14px;
}

.wrapper {
  height: 100%;
  min-width: 1200px;
  width: 1200px;
  margin-top: 0px;
}

a {
  color: #000000;
}

a:hover {
  color: #666666;
  text-decoration: inherit;
}

.button.button-blue {
  background-color: #6c94de;
  color: #fff;
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg);
  }

  to {
    -moz-transform: rotate(360deg);
  }
}

@-ms-keyframes rotate {
  from {
    -ms-transform: rotate(0deg);
  }

  to {
    -ms-transform: rotate(360deg);
  }
}

@-o-keyframes rotate {
  from {
    -o-transform: rotate(0deg);
  }

  to {
    -o-transform: rotate(360deg);
  }
}
/*common start    */
.unslider {
  position: relative;
}

.unslider li {
  background-color: #ffffff;
}

.new-banner .content {
  position: relative;
  height: 660px !important;
  max-width: 1120px;
  width: 1120px;
  margin: 0 auto;
}

.unslider-nav {
  position: absolute;
  width: 100%;
  bottom: 0;
}

.unslider-nav ol li {
  width: 10px;
  height: 10px;
  border: 1px #6c94de solid;
}

.unslider-nav ol li.unslider-active {
  background: #6c94de;
}

.unslider:hover .unslider-arrow {
  visibility: visible;
}

.unslider-arrow {
  font-size: 100px;
  font-family: sans-serif;
  visibility: hidden;
  opacity: 1;
  background: transparent;
  color: #666666;
  padding: 0;
  top: 50%;
  margin-top: -50px;
}

.slider {
  height: 660px;
  min-width: 1024px;
  padding-top: 0;
}

.slider:hover .slider-prev,
.slider:hover .slider-next {
  visibility: visible;
}

.slider-arrow {
  visibility: hidden;
  opacity: 1;
  background: transparent;
  color: #666666;
  padding: 0;
  top: 50%;
  margin-top: -50px;
}

.slider-next {
  border-width: 38.5px 0 38.5px 34px;
  border-color: transparent transparent transparent rgba(0, 0, 0, 0.7);
  right: 5%;
}

.slider-prev {
  border-width: 38.5px 34px 38.5px 0;
  border-color: transparent rgba(0, 0, 0, 0.7) transparent transparent;
  left: 5%;
}

.slider .banner {
  opacity: 0;
  position: relative;
  width: 100%;
  visibility: hidden;
  display: none;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

.slider .banner.active {
  opacity: 1;
  visibility: visible;
  display: block;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

.slider .sliders-wrap {
  position: relative;
}

.slider .sliders-wrap .content {
  position: relative;
  height: 660px;
  width: 1120px;
  margin: 0 auto;
}

.slider-nav {
  position: absolute;
  height: 61px;
  width: 61px;
  display: inline-block;
  top: 50%;
  cursor: pointer;
}

.slider-nav.prev {
  background-image: url(/Content/new/assets/imgs/pos/7/next.png);
  background-image: -webkit-image-set(
    url(/Content/new/assets/imgs/pos/7/next.png) 1x,
    url(/Content/new/assets/imgs/pos/7/next@2x.png) 2x
  );
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 4%;
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}

.slider-nav.next {
  background-image: url(/Content/new/assets/imgs/pos/7/next.png);
  background-image: -webkit-image-set(
    url(/Content/new/assets/imgs/pos/7/next.png) 1x,
    url(/Content/new/assets/imgs/pos/7/next@2x.png) 2x
  );
  background-repeat: no-repeat;
  background-size: 100% 100%;
  right: 4%;
}

.slider-nav.next:hover {
  background-image: url(/Content/new/assets/imgs/pos/7/prev.png);
  background-image: -webkit-image-set(
    url(/Content/new/assets/imgs/pos/7/prev.png) 1x,
    url(/Content/new/assets/imgs/pos/7/prev.png) 2x
  );
  background-repeat: no-repeat;
  background-size: 100% 100%;
  right: 4%;
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}

.slider-nav.prev:hover {
  background-image: url(/Content/new/assets/imgs/pos/7/prev.png);
  background-image: -webkit-image-set(
    url(/Content/new/assets/imgs/pos/7/prev.png) 1x,
    url(/Content/new/assets/imgs/pos/7/prev.png) 2x
  );
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 4%;
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(360deg);
}

.proc-title {
  position: relative;
  width: 330px;
  margin: 35px auto 0 auto;
  padding: 0 0 0 225px;
}

.proc-title:before {
  content: "";
  position: absolute;
  top: -15px;
  left: 0px;
  width: 199px;
  height: 145px;
  background-image: url(/Content/new/assets/imgs/restaurant/1/logo.png);
  background-image: -webkit-image-set(
    url(/Content/new/assets/imgs/restaurant/1/logo.png) 1x,
    url(/Content/new/assets/imgs/restaurant/1/logo@2x.png) 2x
  );
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.proc-title h1 {
  font-size: 68px !important;
  margin: 0;
  text-indent: 0.1em;
}

.proc-title p {
  margin: 10px 0;
  font-size: 29px;
}
/*common end*/
.loading {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  z-index: 99999;
}

.loading .logo.leave {
  visibility: hidden;
  -webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -ms-transition: all 2s ease;
  -o-transition: all 2s ease;
  transition: all 2s ease;
}

.loading .logo {
  display: block;
  width: 70px;
  height: 70px;
  position: absolute;
  z-index: 999999;
  left: 50%;
  margin-left: -35px;
  top: 50%;
  animation: 1.5s linear 0s normal none infinite rotate;
  -webkit-animation: 1.5s linear 0s normal none infinite rotate;
}

/*new css*/
.header {
  position: relative;
  z-index: 100;
  min-width: 1200px;
}

.navigation-up {
  /*background:#2A2928 none repeat scroll 0% 0%;*/
  /*background:#e61b15 none repeat scroll 0% 0%;*/
  height: 44px;
}

.navigation-down {
  position: absolute;
  left: 0px;
  width: 100%;
}

.header h1 {
  font-size: 26px;
  line-height: 1em;
}

.header *,
.sub-header * {
  color: #ffffff;
}

.header .demo > a,
.header .demo > span {
  border: none;
  float: left;
  height: 44px;
  line-height: 44px;
}

.header .demo .sub {
  position: absolute;
}

.header .demo:hover .sub {
  position: absolute;
  visibility: visible !important;
  background: #000;
  height: 77px;
  width: 50px;
  margin: 0;
  border-radius: 5px;
  border-top-left-radius: initial;
  border: 1px solid #000;
  border-top-width: 0px;
  border-top-right-radius: initial;
  top: 36px;
  left: -1px;
  z-index: 999;
}

.header .nav-sub > ul > li > .demo > .sub > a {
  visibility: hidden;
  width: 46px;
  top: 36px;
  left: 10px;
  z-index: 999;
}

.header .nav-sub > ul > li > .demo:hover > .sub > a {
  visibility: visible;
  padding: 4px 2px;
  display: inline-block;
  text-align: center;
}

.header .nav-sub > ul > li > .demo:hover:after {
  content: "";
  position: absolute;
  left: -1px;
  top: 33px;
  border: 1px #6b95ea solid;
  width: 50px;
  z-index: 999;
}

.header .nav-sub > ul > li > .demo:hover + .sub {
  visibility: visible !important;
}
/*new css*/
.button {
  padding: 6px 14px;
}

.button:hover {
  background: #ffffff;
}

.fixed_style {
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 9999;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
}

.sub-header {
  background: #e7e8ea;
  height: 30px;
  border-top: 1px #bdbdbd solid;
  border-bottom: 1px #bdbdbd solid;
}

.scroll-head {
  position: fixed;
  height: 44px;
  line-height: 44px;
  display: none;
}

.scroll-head.active {
  display: block;
  width: 100%;
  position: fixed;
  z-index: 99;
}

.scroll-head.dark {
  background: rgba(247, 247, 247, 0.05);
  box-shadow: rgba(0, 0, 0, 0.02) 0 0 6px;
  color: #fff;
}

.scroll-head.light {
  background: rgba(247, 247, 249, 0.8);
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 6px;
  color: #000;
}

.scroll-head li {
  float: left;
  display: inline-block;
  padding: 0 10px;
}

.scroll-head li .button {
  height: 26px;
  line-height: 26px;
  background: #6c94de;
}

.scroll-head li .button:hover {
  background: #cfcfcf;
  color: #000;
}

.scroll-head .nav-sub {
  float: right;
}
/*new css*/
.header {
  overflow: visible;
}

.header .wrapper {
  overflow: visible;
}

.header .logo {
  float: left;
  padding: 8px 0;
  width: 136px;
  margin-left: 20px;
}

.header .logo a {
  display: block;
  position: relative;
  width: 136px;
  height: 28px;
}

.header .logo2 {
  width: 110px;
  margin: 15px 0 0 10px;
}

.header .nav {
  float: right;
}

.header .nav ul {
  margin-left: 5px;
}

.header .nav li {
  position: relative;
  float: left;
  height: 44px;
}

.header .nav ul li.menu:hover:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 46px;
  border: 1px #6b95ea solid;
  width: 60px;
}

.header .nav li ul.sub {
  position: absolute;
  height: 114px;
  width: 68px;
  visibility: hidden;
  z-index: 999;
}

.header .nav li.menu:hover ul.sub {
  visibility: visible;
  background: #000;
  height: 105px;
  width: 60px;
  margin: 0;
  border-radius: 5px;
  border-top-left-radius: initial;
  border: 1px solid #000;
  border-top-width: 0px;
  border-top-right-radius: initial;
  top: 48px;
  left: 5px;
}

.header .nav li ul.sub li {
  margin: 0px;
  padding: 5px 16px;
  height: 24px;
}

.header .nav li ul.sub li:first-child:before {
  visibility: hidden;
}

.header .nav li ul.sub li a {
  color: #fff;
  opacity: 0.7;
}

.header .nav li ul.sub li a:hover {
  opacity: 1;
}

.header .nav-main > ul > li {
  margin-left: 3px;
}

.header .nav-main > ul > li > a {
  font-size: 16px;
  letter-spacing: 1px;
  padding: 0 15px;
  opacity: 1;
}

.header .nav-sub > ul > li > a {
  font-size: 15px;
  letter-spacing: 1px;
  padding: 0 10px;
  opacity: 11;
}

.header .nav-sub > ul .demo a {
  opacity: 1;
}

.header .nav li a:hover {
  color: #6c94de;
}

#n-login,
#reg {
  padding: 0px 20px;
  /*color: inherit;*/
  border-radius: 0px;
  opacity: 1;
}

.header .nav .nav-sub li a.active {
  /*background: #6c94de;*/
  /*background: #fe9913;*/
  /*background: #2D92EE;*/
  border-radius: 0px;
}
.header .nav .nav-sub li a:hover .sub-span {
  color: #6c95de;
}
.header .nav .nav-sub .demo:hover .nav-sub-wrapper {
  display: block;
}
.header .nav .nav-sub .nav-sub-wrapper {
  display: none;
  position: absolute;
  width: 130px;
  top: 44px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 4px;
  background: #ffffff;
  border: 1px solid #e9e9e9;
}
.header .nav .nav-sub .nav-sub-ul {
  display: flex;
  flex-direction: column;
}
.header .nav .nav-sub .nav-sub-ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #e9e9e9;
  font-size: 16px;
  height: 48px;
}
.header .nav .nav-sub .nav-sub-ul li:last-child() {
  border-bottom: none;
}
.header .nav .nav-sub .nav-sub-ul li:hover span {
  color: #6c95de;
  cursor: pointer;
}
.header .nav .nav-sub .nav-sub-ul li span {
  padding: 0 8px;
  color: #000;
}
.nav-sub-wrapper .arrow {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 12px solid #ffffff;
}

.header .search {
  margin: 0 15px 0 10px;
  width: 40px;
  height: 29px;
  text-align: center;
}

.header .search .text-input {
  width: 350px;
  height: 35px;
  position: absolute;
  right: 15px;
  background: gray;
  top: 64px;
  visibility: hidden;
  border-radius: 5px;
  border-top-right-radius: 0;
}

.header .search a {
  padding: 0 !important;
}

.header .nav-main,
.header .nav-sub {
  position: relative;
  float: left;
}

.sub-header {
  background: #e7e8ea;
  height: 35px;
  border-top: 1px #bdbdbd solid;
  border-bottom: 1px #bdbdbd solid;
}

.sub-header .account-wrapper {
  float: right;
}

.sub-header .login {
  height: 36px;
  line-height: 36px;
}

.sub-header .login a {
  position: relative;
  color: #000;
  float: left;
  display: block;
  padding: 0 20px;
}

.sub-header .login a:hover {
  color: #000;
}

.sub-header .login a + a:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0 auto -20px;
  height: 15px;
  width: 1px;
  background: #8e9192;
}

.sub-header .login .cart b {
  float: right;
  display: block;
  min-width: 15px;
  height: 20px;
  line-height: 20px;
  padding: 0px 5px;
  margin-top: 10px;
  margin-left: 12px;
  color: #eee;
  background-color: rgb(108, 148, 222);
  text-align: center;
  border-radius: 10px;
}

.sub-header li {
  float: left;
}

.header.newyear {
  height: 44px;
  /*background: url(/Content/new/assets/imgs/newyear/newbg.jpg);
	background-image: -webkit-image-set(url(/Content/new/assets/imgs/newyear/newbg.jpg) 1x, url(/Content/new/assets/imgs/newbg/newbg@2x.jpg) 2x);*/
  background: url(/Content/new/assets/imgs/newyear/n2.jpg);
  background-image: -webkit-image-set(
    url(/Content/new/assets/imgs/newyear/n2.jpg) 1x,
    url(/Content/new/assets/imgs/newyear/n2@2x.jpg) 2x
  );
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
/*新年顶部样式start*/
.header.newyear > .wrapper {
  position: relative;
}
/*.header.newyear > .wrapper:before {
	content: '';
	position: absolute;
	background-image: -webkit-image-set(url(/Content/new/assets/imgs/newyear/1.png) 1x, url(/Content/new/assets/imgs/newyear/1@2x.png) 2x);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 66px;
	height: 76px;
	left: -85px;
	top: 0;
	z-index: 999;
}

.header.newyear > .wrapper:after {
	content: '';
	position: absolute;
	background-image: -webkit-image-set(url(/Content/new/assets/imgs/newyear/3.png) 1x, url(/Content/new/assets/imgs/newyear/3@2x.png) 2x);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 106px;
	height: 46px;
	top: 0;
	right: -110px;
}*/

.header.newyear .nav {
  position: relative;
}

/*.header.newyear .nav:before {
	content: '';
	position: absolute;
	background: url(/Content/new/assets/imgs/newyear/2.png);
	background-image: -webkit-image-set(url(/Content/new/assets/imgs/newyear/2.png) 1x, url(/Content/new/assets/imgs/newyear/2@2x.png) 2x);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 50px;
	height: 42px;
	top: 0;
	left: -41px;
}*/

.header.newyear .nav li a.button {
  background: #fed99e;
  color: #8c5f1a;
}

.header.newyear .nav-sub:before {
  background-color: #000;
}
/*new css*/
/*新年顶部样式start*/
.header.newyear > .wrapper {
  position: relative;
}

/*.header.newyear > .wrapper:before {
	content: '';
	position: absolute;
	background-image: -webkit-image-set(url(/Content/new/assets/imgs/newyear/1.png) 1x, url(/Content/new/assets/imgs/newyear/1@2x.png) 2x);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 66px;
	height: 76px;
	left: -85px;
	top: 0;
	z-index: 999;
}

.header.newyear > .wrapper:after {
	content: '';
	position: absolute;
	background-image: -webkit-image-set(url(/Content/new/assets/imgs/newyear/3.png) 1x, url(/Content/new/assets/imgs/newyear/3@2x.png) 2x);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 106px;
	height: 46px;
	top: 0;
	right: -110px;
}*/

.header.newyear .nav {
  position: relative;
}

/*.header.newyear .nav:before {
	content: '';
	position: absolute;
    background: url(/Content/new/assets/imgs/newyear/2.png);
	background-image: -webkit-image-set(url(/Content/new/assets/imgs/newyear/2.png) 1x, url(/Content/new/assets/imgs/newyear/2@2x.png) 2x);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 50px;
	height: 42px;
	top: 0;
	left: -41px;
}*/

.header.newyear .nav li a.button {
  background: #fed99e;
  color: #8c5f1a;
}

.header.newyear .nav-sub:before {
  background-color: #000;
}
/*新年顶部样式end*/
.banner {
  /*background: #f6f6f6;
    min-height: 600px;*/
  overflow: hidden;
  margin: 0;
}

.banner .banner-bg {
  padding-top: 0px;
}

.banner .slider-nav {
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -64px;
}

.banner .slider-nav ul {
  margin: 0;
}

.slider-nav > ul > li {
  float: left;
}

.slider-nav > ul > li > a {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px #6c94de solid;
  margin: 0 10px;
}

.slider-nav > ul > li > a:hover,
.slider-nav > ul > li > a.current {
  background: #6c94de;
  padding: 0;
}

.product {
  margin: 65px 0 0 -35px;
}

.product .item {
  float: left;
  width: 330px;
  height: 207px;
  margin: 0 0px 0 35px;
  padding: 15px 0 0 20px;
  -webkit-background-size: contain;
  background-size: contain;
}

.product .item .desc {
  position: absolute;
  width: 120px;
  margin: 15px 25px;
}

.product .item p {
  line-height: 1.5em;
  margin: 0;
  opacity: 0.6;
}

.product .item p.title {
  display: block;
  font-size: 24px;
  width: 120px;
  opacity: 0.7;
  margin: 10px 0;
}

.product .item.ry h1 {
  margin-top: 10px;
}

.product .item img {
  width: 100%;
  height: 100%;
}

.news {
  margin: 20px auto 0 auto;
}

.news .topical {
  position: relative;
  float: left;
  width: 320px;
  margin: 0 0 0 110px;
}

.news .topical ul {
  margin-left: 0px;
}

.news .topical ul li {
  border-bottom: 1px dashed #ccc;
  padding: 0px 25px;
  font-size: 16px;
  line-height: 40px;
}

.news .topical ul li a {
  display: flex;
}

.news .topical ul li a span:first-child {
  width: 330px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.news .topical.hot {
  margin: 0;
  width: 460px;
}

.news .topical.example {
  /*width: 460px;
	margin: 0px 0px 0px 205px;*/
  float: right;
  width: 510px;
}

.news .topical.example .mdl .img-box {
  display: table-cell;
  vertical-align: middle;
  /*text-align: center;*/
  width: 150px;
  height: 90px;
  padding-right: 10px;
}

.news .topical.notice {
  width: 340px;
  margin: 0px 0px 0px 65px;
}

.news p.title {
  font-size: 18px;
  line-height: 22px;
  padding-left: 5px;
  /*margin-left: 25px;*/
  margin: 30px 0px;
  display: block;
}

.news a.news-more {
  display: block;
  width: 47px;
  height: 47px;
  position: absolute;
  top: 85%;
  left: 485px;
  margin-top: -30px;
  text-indent: -9999em;
  z-index: 1;
  background-image: url("/Content/new/assets/imgs/home/1/dot.png");
  background-repeat: no-repeat;
}

.news a.news-more:hover {
  background-image: url("/Content/new/assets/imgs/home/1/dothover.png");
}

.news .row {
  margin: 0;
}

.news .hot > p {
  /*background: url("/Content/new/assets/imgs/home/1/notice-info.png") no-repeat left;*/
  /*color: #6c95de;*/
  color: #2c92ee;
}

.news .example > p {
  /*background: url("/Content/new/assets/imgs/home/1/case-info.png") no-repeat left;*/
  /*color: #6c95de;*/
  color: #2c92ee;
}

.news .notice > p {
  background: url("/Content/new/assets/imgs/tools.png") no-repeat left;
}

.news .item {
  clear: both;
  padding: 24px 0 0 0;
}

.news .item img {
  float: left;
  width: 78px;
  overflow: hidden;
}

.news .item .info {
  float: right;
  width: 202px;
  height: 78px;
  margin: -78px 0 0 20px;
  cursor: pointer;
}

.news .item p.title {
  float: left;
  font-size: 16px;
  margin: 0;
  opacity: 0.8;
}

.news .item .more {
  float: right;
  color: #171614;
  opacity: 0.5;
}

.news .item p {
  clear: both;
  font-size: 12px;
  color: #171614;
  opacity: 0.5;
  line-height: 22px;
  margin: 0;
  padding: 5px 0 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.news li:hover .img-box {
  display: table-cell !important;
}

.article {
  padding: 30px 100px;
  width: 900px !important;
  min-width: initial;
  margin: 0 auto;
}

.article > h1 {
  text-align: left;
  line-height: 1em;
  font-size: 36px;
  margin: 0;
}

.article > h2 {
  position: relative;
  text-align: left;
  margin: 0;
  opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  font-size: 14px;
  line-height: 3em;
}

.article > h2 > span:first-child {
  margin: 0;
}

.article > h2 > span {
  margin: 0 0 0 10px;
}

.article > h2:after,
.article .recommend h2:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #e5e5e5;
  left: 0;
  bottom: 0;
}

.article .vote {
  width: 290px;
  margin: 0 auto;
}

.article .vote > a {
  display: inline-block;
  text-align: center;
}

.article .vote > a > p {
  color: #aaaaaa;
  font-size: 30px;
  line-height: 2em;
}

.article .vote > a.unlike {
  float: right;
}

.article .recommend ul {
  margin: 0;
}

.article .recommend ul > h2 {
  position: relative;
  padding: 0 0 0 15px;
}

.article .recommend ul > h2:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 7px;
  left: 0;
  background: #6b95ea;
}

.footer {
  height: 780px;
  background-color: #050813;
  background-repeat: no-repeat;
  background-position: 50% 0%;
  position: relative;
  width: 100%;
  color: #fff;
  text-align: left;
}

footer,
.footer {
  padding: 15px 0px 0px 0px;
  margin-top: 0;
}

.footer .nav-wrapper {
  margin: 0 auto 0 auto;
}

.footer .nav {
  float: left;
  text-align: left;
  width: 230px;
  margin: 0;
}

.footer .nav.special {
  width: 255px;
}

.footer .nav.special li span {
  color: #fff;
  opacity: 1;
  font-size: 22px;
  line-height: 45px;
  font-weight: bold;
}

.footer .nav li.title {
  color: #fff;
  font-size: 14px;
  line-height: 70px;
  margin-left: 60px;
}

.footer .nav li {
  margin-left: 60px;
}

.footer .nav li.pic {
  margin-left: 60px;
}

.footer.section {
  margin-top: 0px;
}

.footer .contact {
  float: right;
}

.footer ul h1 {
  color: #5d5d5c;
}

.footer ul li.title a {
  padding-left: 0px;
  opacity: 1;
}

.footer ul a {
  font-size: 14px;
  line-height: 45px;
  color: #fff;
  opacity: 0.8;
  cursor: pointer;
}
/*TianDian\Views\Help\Detail.cshtml页面关于span的样式影响到了底部的span样式*/
/*在这单独写增加权重*/
.footer ul a span {
  color: #fff;
}
.footer .copyright .footer-nav ul li a {
  font-size: 14px;
  line-height: 45px;
  color: #fff;
  opacity: 0.8;
  cursor: pointer;
  padding-left: 0px;
  cursor: pointer;
}

.footer ul span {
  padding-right: 10px;
}

.footer ul a:hover {
  color: #6c94de;
}

.footer .contact span {
  float: right;
  font-size: 18px;
  text-align: right;
  color: #ffffff;
  margin: 0 0 10px 0;
}

.footer .contact a.button:active {
  position: inherit;
}

.footer .contact img {
  position: absolute;
  top: 8px;
  right: 100px;
}

.footer .contact p {
  clear: both;
}

.footer .links {
  height: 50px;
  margin: 30px 0 0 0px;
}

.footer .links ul {
  margin-left: -17px;
}

.footer .link {
  min-width: 1120px;
  width: 1120px;
}

.footer .link a {
  line-height: unset;
}

.footer .link li {
  float: left;
  margin-right: 16px;
  line-height: 22px;
}

.footer .links ul li {
  position: relative;
  float: left;
  list-style-type: none;
  height: 65px;
  width: 140px;
  margin-left: 20px;
  margin-bottom: 20px;
  -webkit-box-shadow: 3px 3px 10px #eaeaea;
  -moz-box-shadow: 3px 3px 10px #eaeaea;
  box-shadow: 3px 3px 10px #eaeaea;
}

.footer .links ul li img {
  display: inline-block;
  margin: 13px auto 0 auto;
}

.footer .links ul li a {
  display: inline-block;
  visibility: hidden;
  line-height: 65px;
}

.footer .links ul li:hover a {
  visibility: visible;
  position: absolute;
  background-color: #4b4b4b;
  color: #ffffff;
  text-align: center;
  opacity: 0.7;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}

.footer-tip {
  position: relative;
  height: 200px;
  margin-top: -15px;
  padding: 0;
  /* background-image: url("/Content/new/assets/imgs/home/footer/footer-bg.jpg");
  background-size: 100%;
  background-repeat: no-repeat; */
}

.footer-wrapper1 {
  display: flex;
  align-items: center;
}

.footer-tip .bg {
  position: relative;
  min-height: 200px;
}

.footer-tip ul {
  position: absolute;
  display: flex;
  align-items: center;
  z-index: 1;
}

.footer-tip ul li h1 {
  color: #fff;
  font-size: 42px;
}

.footer-menu {
  clear: both;
  position: relative;
  bottom: 0;
  left: 0;
  /*width: 100%;*/
  font-size: 12px;
  padding: 120px 0 0 0;
}

.footer .copyright {
  clear: both;
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: left;
  font-size: 12px;
  padding: 110px 0 0 0;
  color: #9fa0a0;
}

.footer-nav ul {
  margin-left: 60px;
}

.footer .copyright p.website-info {
  line-height: 25px;
  opacity: 0.8;
  padding-left: 60px;
}

.footer .copyright p.website-info a,
.footer .copyright p.website-info span {
  color: #9fa0a0;
}

.footer .copyright p {
  margin: 0;
  padding: 0;
  line-height: 45px;
}

.footer .copyright .footer-nav ul li:first-child {
  margin-left: 0px;
}

.footer .copyright .footer-nav ul li span {
  padding: 0px 20px;
}

.footer .copyright .footer-nav ul li {
  float: left;
  font-size: 14px;
}

.footer .copyright .footer-nav ul li:last-child {
  margin-left: 50px;
}

.clear:after {
  content: "";
  clear: both;
  display: table;
}

ul.flink {
  margin: 0;
  width: 100% !important;
  margin-left: -15px !important;
}

ul.flink p {
  margin-left: 15px !important;
}

ul.flink > li {
  float: left;
  display: inline-block;
  padding: 5px 10px;
  border: 1px #f0f0f0 solid;
  margin: 0 5px;
  border-radius: 5px;
  font-size: 12px;
}

ul.flink > li:first-child {
  padding: 5px 10px 5px 0;
  margin: 0;
}

/*full page*/
.fullpage-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.fullpage-bg img {
  width: 100%;
  height: 100%;
}

.section h1 {
  font-size: 26px;
  line-height: 1em;
}
/*tianbao*/
.tianbao-page + .footer {
  margin-top: 0;
}

.tianbao-page .section {
  position: relative;
  height: 800px;
  background-color: #ffffff;
}

.tianbao-page .section7 {
  color: #ffffff;
}

.tianbao-page .section1 {
  text-align: center;
  height: 700px;
}

.tianbao-page .section1 h1 {
  font-size: 52px;
  margin: 85px 0 35px 0;
}

.tianbao-page .section1 p {
  font-size: 22px;
  margin: 0 0 15px 0;
  line-height: 1em;
  opacity: 0.7;
}

.tianbao-page .section1 .btn-group {
  width: 360px;
  margin: 20px auto;
  overflow: auto;
}

.tianbao-page .section1 .btn-group a {
  display: block;
  width: 125px;
  height: 29px;
  padding: 5px 15px;
  font-size: 16px;
  background-image: url(/Content/new/assets/imgs/tianbao/p1/btn.png);
  background-image: -webkit-image-set(
    url(/Content/new/assets/imgs/tianbao/p1/btn.png) 1x,
    url(/Content/new/assets/imgs/tianbao/p1/btn@2x.png) 2x
  );
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}

.tianbao-page .section1 .tianbao {
  position: absolute;
  width: 1075px;
  height: 370px;
  left: 50%;
  bottom: -100px;
  margin-left: -537px;
  opacity: 1;
  background-image: url(/Content/new/assets/imgs/tianbao/p1/tianbao.png);
  background-image: -webkit-image-set(
    url(/Content/new/assets/imgs/tianbao/p1/tianbao.png) 1x,
    url(/Content/new/assets/imgs/tianbao/p1/tianbao@2x.png) 2x
  );
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}

.tianbao-page .section7 .tianbao {
  height: 650px;
  margin-top: -25px;
}

.tianbao-page .section7 .desc {
  position: absolute;
  left: 75%;
  margin-top: -413px;
  width: 280px;
}

.iconlist {
  background: transparent url("/Content/new/assets/imgs/pos/10/icon.png")
    no-repeat scroll 0% 0%;
  width: 65px;
  height: 58px;
  overflow: hidden;
  margin-bottom: 7px;
}

.icon1 {
  background-position: 0px 0px;
}

.icon2 {
  background-position: -121px 0px;
}

.icon3 {
  background-position: -245px 0px;
}

.icon4 {
  background-position: -368px 0px;
}

.mobilePos-more {
  color: rgb(108, 148, 222);
  border-radius: 5px;
  padding: 10px 32px;
  border: 2px solid rgb(108, 148, 222);
  font-size: 24px;
}

.mobilePos-more:hover {
  color: rgb(108, 148, 222);
}
/*list-grid*/
.list-grid {
  margin: 17px auto 0 auto;
}

.list-grid .row {
  margin: 0;
}

.list-grid section {
  float: left;
  margin: 0 7px 22px 7px;
}

.list-grid section:first-child {
  margin-left: 0;
}

.list-grid section:last-child {
  margin-right: 0;
}

.list-grid section > h2 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/*params-table */
.param-tables .param-table th,
.param-tables .param-table td {
  padding: 1em;
  text-align: center;
  opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}

.param-tables .param-table th {
  background-color: #fff;
  border-left: none;
  border-right: none;
  text-align: center;
  font-size: 20px;
}

.param-tables .param-table th:first-child {
  text-align: left;
  padding-left: 20px;
}

.param-tables .param-table td:first-child {
  text-align: left;
  font-size: 16px;
  padding-left: 20px;
}

.param-tables .important {
  color: #5fa6f6;
}

@media (max-width: 1120px) {
  .footer .wrapper {
    min-width: 1100px;
    width: 1100px;
  }

  .footer ul.nav:first-child {
    margin-left: 10px;
  }

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

@media screen and (min-device-pixel-ratio: 2),
  screen and (-webkit-device-pixel-ratio: 2) {
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  background-color: rgba(12, 12, 12, 0.75);
}

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}

.modal-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: #000;
}

.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}

.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.42857143;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
/*首页主体 start*/

.type-menu {
  position: absolute;
  width: 100%;
  height: auto;
  overflow: hidden;
  background-color: #fff;
  text-align: center;
  z-index: 10;
  border-bottom: 1px solid #ccc;
}

@media \0screen\, screen\9 {
  /* 只支持IE6、7、8 */
  .type-menu {
    background-color: #000000;
    /*filter: Alpha(opacity=90);*/
    position: static;
    /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom: 1;
    /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
}

.type-menu .model:first-child {
  padding-right: 100px;
}

.type-menu .model {
  width: 430px;
  display: inline-block;
  vertical-align: top;
  padding-bottom: 30px;
}

.type-menu .new-mdl:first-child {
  padding-left: 85px;
  padding-right: 0px;
}

.type-menu .new-mdl {
  width: 360px;
}

.type-menu .model.line::before {
  position: absolute;
  width: 1px;
  height: 180px;
  content: "";
  background-color: #e0e0e0;
  margin: 65px 0 0 -220px;
}

.type-pos,
.type-rest {
  font-size: 18px;
  text-align: left;
  margin: 30px 0 7px 40px;
  color: #000 !important;
}

.type-posn,
.type-restn {
  margin: 30px 0 7px 75px;
}

.pro-info ul,
.pro-info ul {
  padding-left: 75px;
}

.type-menu .model ul li {
  float: left;
}

.type-menu .model ul li a {
  display: block;
  width: 170px;
  height: 55px;
  line-height: 55px;
  font-size: 16px;
  text-align: left;
  padding: 0px 0 0 35px;
  color: #000;
  background-repeat: no-repeat;
}

.type-menu .model ul li a img {
  padding-right: 20px;
}

.pro-info {
  width: 310px;
  display: inline-block;
  vertical-align: top;
  padding: 15px 0px;
  text-align: left;
}

.soft ul li a {
  color: #000;
  font-size: 18px;
  line-height: 45px;
}

.soft ul li a:hover {
  color: #2d92ee;
}

.home .section {
  /*height: 700px;*/
  min-width: 1200px;
  background-size: 100%;
}

.home .section1 {
  height: 690px;
}

.home .section1 h1,
.home .section2 h1,
.home .section3 h1 {
  text-align: center;
  font-size: 40px;
  padding-top: 40px;
}

.home .section1 .content .pre,
.home .section1 .next {
  width: 20px;
  height: 40px;
  color: #fff;
  line-height: 35px;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  background: #2d92ee;
}

.home .section1 .content .pre:hover,
.home .section1 .next:hover {
  cursor: pointer;
}

.home .section1 .desc,
.home .section2 .desc,
.home .section3 .desc,
.home .section7 .desc {
  width: 100%;
  text-align: center;
  font-size: 28px;
  color: #a0a0a0b3;
}

.home .section1 .nav {
  width: 800px;
  height: 50px;
  margin: 30px auto;
}

.home .section1 .content {
  height: 410px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.home .section1 .nav-item {
  float: left;
  width: 20%;
  height: 100%;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  position: relative;
}

.home .section1 .nav-item:hover {
  cursor: pointer;
}

.home .section1 .nav-item text {
  display: block;
  box-sizing: border-box;
  margin: 0;
  color: #6d6d6d;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: color, border-bottom-color 0.5s ease-in-out;
}

.home .section1 .bottom-line {
  width: 0;
  height: 4px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: width, background 0.5s ease-in-out;
}

.home .section1 .nav .active text {
  color: #2b92ee;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.home .section1 .nav .active .cy-txt {
  color: #ff9500;
}

.home .section1 .nav .active .bottom-line {
  width: 110%;
  background: #2b92ee;
}
.home .section1 .nav .active .bottom-line-cy {
  background: #ff9500;
}

.home .section1 .slide-content1 {
  display: block;
  transition: display 0.5s ease-in-out;
}

.home .section1 .slide-content2,
.home .section1 .slide-content3,
.home .section1 .slide-content4 {
  display: none;
  transition: display 0.5s ease-in-out;
}

.home .section1 .slide-content .slide-item {
  width: 345px;
  height: 384px;
  float: left;
  position: relative;
  box-shadow: 0px 0px 10px #9a9a9a7d;
  margin: 12px;
  border-radius: 6px;
}

.home .section1 .slide-content2 .slide-item {
  width: 340px;
}
.home .section1 .slide-content3 .slide-item {
  width: 262px;
}

.home .section1 .slide-content1 .slide-item,
.home .section1 .slide-content4 .slide-item {
  width: 262px;
}

.home .section1 .slide-content .item-status1,
.home .section1 .slide-content .item-status2 {
  position: absolute;
  width: 100%;
  height: 100%;
}

.home .section1 .slide-content .item-status1 {
  opacity: 1;
  z-index: 1;
}

.home .section1 .slide-content .active .item-status1 {
  opacity: 0;
}

.home .section1 .slide-content .item-status2 {
  border-radius: 6px;
  box-shadow: 0px 0px 10px #9a9a9a7d;
  transition: opacity 0.3s ease-in-out;
  background: url(/Content/new/assets/imgs/home/1/sec2_bg1_blue.jpg);
  opacity: 0;
  z-index: 2;
}

.home .section1 .slide-content3 .item-status2 {
  background: url(/Content/new/assets/imgs/home/1/sec2_bg2_blue.jpg);
}

.home .section1 .slide-content4 .item-status2 {
  background: url(/Content/new/assets/imgs/home/1/sec2_bg1_orange.png);
}

.home .section1 .slide-content .active .item-status2 {
  opacity: 1;
}

.home .section1 .slide-content .item-status2 .status2-content {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.home .section1 .slide-content .status1-img {
  width: 304px;
  /* height: 270px; */
  height: 238.5px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 20px;
}

/* .home .section1 .slide-content1 .status1-img {
  width: 304px;
} */

.home .section1 .slide-content1 .status1-img,
.home .section1 .slide-content3 .status1-img,
.home .section1 .slide-content4 .status1-img {
  width: 217px;
  height: 238px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 20px;
}

.home .section1 .slide-content .item-img {
  width: 50px;
  height: 50px;
  display: block;
  margin: 0 auto 20px;
}

.home .section1 .slide-content .item-img img {
  display: block;
  margin: auto;
  height: 100%;
}

.home .section1 .item-title1 {
  margin-top: 20px;
  font-size: 28px;
  color: #7a7a7a;
  text-align: center;
  transition: color 0.2s ease-in-out;
}

.home .section1 .item-title1 .tdTxt {
  color: #2c92ed;
}

.home .section1 .item-title1 .cyTxt {
  color: #ff9500;
}

.home .section1 .item-title2 {
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  transition: color 0.2s ease-in-out;
}

.home .section1 .item-content1 {
  color: #393939;
  text-align: center;
  line-height: 28px;
  margin-top: 15px;
  font-size: 18px;
  transition: color 0.2s ease-in-out;
}

.home .section1 .item-content2 {
  color: #ffffff;
  text-align: center;
  line-height: 28px;
  margin-top: 10px;
  font-size: 15px;
  transition: color 0.2s ease-in-out;
}

.home .section1 .item-go {
  height: 40px;
  padding-top: 30px;
}

.home .section1 .item-go text {
  display: block;
  text-align: center;
  line-height: 30px;
  color: #2d92ee;
  width: 90px;
  height: 30px;
  border-radius: 15px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: all ease-in-out 0.5s;
  background-color: #fff;
}
.home .section1 .item-go-cy text {
  color: #ff9500;
}

#footer-reg1 {
  min-width: 110px;
  font-weight: bold;
  color: #057ce0;
  background-image: linear-gradient(to bottom, #e5f3ff, #86cdff);
  margin-top: 3px;
}

#footer-reg2 {
  min-width: 110px;
  font-weight: bold;
  color: #fff;
  background-image: linear-gradient(to bottom, #fbc15c, #ef8e17);
}

.home .section3 .home-button {
  margin-top: 45px;
  color: #2c92ee;
  border: 1px solid #2c92ee;
  position: relative;
  margin-left: 50%;
  transform: translateX(-50%);
}

.home .section1 .desc .home-button:hover,
#home-dp:hover {
  background-color: #2c92ee;
  color: #fff;
}

.home .section3 .home-button:hover {
  background-color: #2c92ee;
  color: #ffffff;
}

.shopsType {
  padding-top: 25px;
}

.pos-shops,
.rest-shops {
  width: 100%;
  padding: 50px 50px 0px;
}

.home .section1 .pos-shops ul,
.home .section1 .rest-shops ul {
  margin: 0px 135px;
}

.home .section1 .pos-shops ul li:first-child,
.home .section1 .rest-shops ul li:first-child {
  margin-left: 0px;
}

.home .section1 .pos-shops ul li,
.home .section1 .rest-shops ul li {
  float: left;
  margin-left: 50px;
  width: 100px;
  text-align: center;
}

.home .section1 .pos-shops ul li p,
.home .section1 .rest-shops ul li p {
  font-size: 18px;
  line-height: 52px;
}

.home .section2 .content {
  width: 100%;
  display: flex;
  margin-top: 70px;
}

.home .section2 .part1 {
  position: relative;
  width: 40%;
  overflow: hidden;
}

.home .section2 .part2,
.home .section2 .part3 {
  width: 30%;
}

.home .section2 .part2 .item,
.home .section2 .part3 .item {
  position: relative;
  width: 100%;
  height: 50%;
}

.home .section2 .bottom-tips {
  position: absolute;
  left: 40px;
  color: #ffffff;
  font-size: 26px;
  line-height: 52px;
}

.home .section2 .bottom-tips:hover {
  cursor: pointer;
}

.home .section2 .bottom-tips .arrow {
  float: right;
  width: 60px;
  height: 24px;
  margin-top: 16px;
  background: url(/Content/new/assets/imgs/home/icon_sprites.png);
  background-position: -158px -448px;
}

.home .section2 .tips1 {
  bottom: 40px;
  transition: all ease-in-out 0.5s;
}

.home .section2 .tips1 text {
  margin-left: 10px;
}

.home .section2 .tips1 .icon {
  float: left;
  width: 50px;
  height: 50px;
  background: url(/Content/new/assets/imgs/home/icon_sprites.png);
}

.home .section2 .tips1 .icon1 {
  width: 58px;
  height: 58px;
  background-position: -24px -165px;
}

.home .section2 .tips1 .icon2 {
  background-position: -117px -175px;
}

.home .section2 .tips1 .icon3 {
  width: 58px;
  height: 52px;
  background-position: -296px -170px;
}

.home .section2 .tips1 .icon4 {
  background-position: -209px -176px;
}

.home .section2 .tips1 .icon5 {
  width: 58px;
  height: 52px;
  background-position: -390px -172px;
}

.home .section2 .part1:hover .tips1,
.home .section2 .item:hover .tips1 {
  bottom: 70px;
}

.home .section2 .tips2 {
  bottom: -40px;
  opacity: 0;
  font-size: 22px;
  transition: all ease-in-out 0.5s;
  width: 80%;
  min-width: 340px;
}

.home .section2 .tips2 text {
  float: left;
}

.home .section2 .tips2 span {
  float: right;
}

.home .section2 .part1:hover .tips2,
.home .section2 .item:hover .tips2 {
  opacity: 1;
  bottom: 15px;
}

.home .section3 {
  background-image: url(/Content/new/assets/imgs/home/3/hxgn-bg.jpg);
  background-size: 100%;
  height: 930px;
}

.home .section3 .items {
  width: 98%;
  margin: 50px auto;
  height: 557px;
  background: url(/Content/new/assets/imgs/home/3/hxgn.jpg) no-repeat;
  background-size: 100%;
  box-shadow: 0px 0px 10px #9a9a9a7d;
}

.home .section3 .item {
  width: 33.3%;
  height: 100%;
  float: left;
  position: relative;
}

.home .section3 .item-content {
  height: 50%;
  width: 100%;
  position: absolute;
}

.home .section3 .item-content2 {
  bottom: 0;
}

.home .section3 .text-title {
  font-size: 26px;
  text-align: center;
  color: #2c92ee;
  margin-top: 65px;
}

.home .section3 .text-detail {
  width: 260px;
  height: 135px;
  margin: auto;
}

.home .section3 .text-detail ul {
  width: 100%;
  padding: 0px 18px;
}

.home .section3 .item .text-detail ul li {
  width: 120px;
  float: left;
  /*border: 1px solid #ccc;*/
  font-size: 18px;
  line-height: 35px;
  margin-top: 10px;
  position: relative;
  text-align: center;
}

.home .section3 .item .text-detail .dot {
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #ffb755;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.home .section4 {
  background-image: url(/Content/new/assets/imgs/home/4/product-bg.jpg);
  background-size: 100% 100%;
  height: 860px;
  display: flex;
}

.home .section4 h1 {
  padding-top: 40px;
  font-size: 40px;
  text-align: center;
}

.home .section4 .cloud-product-left {
  float: left;
  width: 33%;
}

.home .section4 .cloud-product-left div {
  margin-left: 150px;
  color: #ffffff;
}

.home .section4 .cloud-product-left .txt1 {
  font-size: 35px;
  margin-top: 120px;
}

.home .section4 .cloud-product-left span {
  width: 70px;
  height: 4px;
  background-color: #2c92ee;
  display: block;
  margin-top: 15px;
}

.home .section4 .cloud-product-left .txt2 {
  margin-top: 20px;
  font-size: 20px;
}

.home .section4 .cloud-product-right {
  float: left;
  width: 60%;
  height: 100%;
}

.home .section4 .cloud-product-right .product-content {
  height: 80%;
  top: 10%;
  position: relative;
}

.home .section4 .cloud-product-right .product-wrap {
  width: 80%;
  height: 100%;
  margin-top: 2%;
  margin-left: 50%;
  transform: translateX(-50%);
}

.home .section4 .cloud-product-right .product-item {
  width: 50%;
  height: 50%;
  float: left;
  position: relative;
}

.home .section4 .cloud-product-right .product-item .item {
  transform: translateY(20%);
}

.home .section4 .cloud-product-right .item-name-img {
  width: 110px;
  height: 90px;
  background: url(/Content/new/assets/imgs/home/icon_sprites.png);
  margin-left: 50%;
  transform: translateX(-50%);
}

.home .section4 .cloud-product-right .img1 {
  background-position: -22px -301px;
}

.home .section4 .cloud-product-right .img2 {
  background-position: -174px -301px;
}

.home .section4 .cloud-product-right .img3 {
  background-position: -324px -301px;
}

.home .section4 .cloud-product-right .img4 {
  background-position: -463px -301px;
}

.home .section4 .cloud-product-right .item-txt1 {
  text-align: center;
  font-size: 30px;
  line-height: 60px;
}

.home .section4 .cloud-product-right .item-txt2 {
  text-align: left;
  font-size: 18px;
  color: #bababa;
  width: 70%;
  margin-left: 50%;
  transform: translateX(-50%);
}

.home .section5 {
  height: 2754px;
  background-image: url(/Content/new/assets/imgs/home/5/process/process-bg.jpg);
  background-size: contain;
  background-repeat: no-repeat;
}

.home .section5 .wrapper .content {
  margin-top: 100px;
  position: relative;
}

.home .section5 .wrapper .content .bg-icon {
  height: 2289px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.home .section5 .wrapper .content .bg-icon img {
  height: 100%;
}

.home .section5 .wrapper .process-item {
  width: 100%;
  height: 400px;
  position: relative;
}

.home .section5 .wrapper .process-item-imgL .item1 {
  position: absolute;
  left: 0;
}

.home .section5 .wrapper .process-item-imgL .item2 {
  width: 460px;
  position: absolute;
  right: 17px;
}

.home .section5 .wrapper .process-item-imgR .item1 {
  width: 380px;
  top: 50%;
  position: absolute;
  left: 96px;
  transform: translateY(-50%);
}

.home .section5 .wrapper .process-item-imgR .item2 {
  position: absolute;
  right: 0;
}

.home .section5 .wrapper .process-item-imgL .item2 .item-title,
.home .section5 .wrapper .process-item-imgR .item1 .item-title {
  font-size: 30px;
  color: #2b91ec;
}

.home .section5 .wrapper .process-item-imgR .item1 .item-title {
  text-align: right;
}

.home .section5 .wrapper .process-item-imgL .item2 .item-content,
.home .section5 .wrapper .process-item-imgR .item1 .item-content {
  font-size: 18px;
  color: #878889;
  margin-top: 20px;
  line-height: 30px;
}

.home .section5 h1 {
  text-align: center;
  font-size: 40px;
  padding-top: 40px;
}

.home .section5 .desc {
  width: 100%;
  text-align: center;
  font-size: 28px;
  color: #a0a0a0b3;
}

.home .section6 h1 {
  text-align: center;
  font-size: 40px;
  padding: 40px 0;
  color: #ffffff;
}

.home .section6 .digit-content {
  width: 100%;
  height: 250px;
  background-color: #ffffff;
  border-radius: 15px;
  float: left;
}

.home .section6 .digit-content .digit-items {
  width: 20%;
  height: 100%;
  float: left;
  text-align: center;
  position: relative;
}

.home .section6 .digit-content .digit-item {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 5px;
}

.home .section6 .digit-content .digit-item .num {
  font-size: 52px;
  font-weight: bold;
  color: #2c92ee;
  position: relative;
}

.home .section6 .digit-content .digit-item .mark {
  position: absolute;
  top: 0;
  right: -25px;
  color: #2c92ee;
  font-weight: bold;
  font-size: 40px;
}

.home .section6 .digit-content .digit-item .txt1,
.home .section6 .digit-content .digit-item .txt2 {
  color: #2c92ee;
  position: relative;
}

.home .section6 .digit-content .digit-item .txt1 {
  font-size: 40px;
  font-weight: 500;
}

.home .section6 .digit-content .digit-item .txt2 {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: -15px;
}

.home .section6 .digit-content .digit-item .txt3 {
  color: #666666;
  font-size: 25px;
  padding-top: 10px;
  font-weight: 500;
}

.home .section6 .home-button {
  color: #ffffff;
  border-color: #ffffff;
  margin-left: 50%;
  transform: translateX(-50%);
  margin-top: 70px;
}

.home .section6 .home-button:hover {
  border-color: #2c92ee;
  background-color: #2c92ee;
}

.home .section7 {
  height: 1000px;
}

.home .section7 h1 {
  text-align: center;
  font-size: 40px;
  padding-top: 40px;
  color: #2c92ee;
}

.home .section7 .caseList {
  height: 336px;
  margin: 0px auto;
  position: relative;
  padding-top: 95px;
}

.home .section7 .caseList ul {
  margin: 0px;
  padding: 0px;
  /*height: 502px;*/
  overflow: hidden;
  position: relative;
  display: flex;
}

.home .section7 .caseList ul li {
  width: 185px;
  height: 105px;
  float: left;
  margin-left: 20px;
  border-radius: 6px;
  box-shadow: 0px 4px 7px #9a9a9a7d;
  margin-bottom: 40px;
  transform: rotate(0deg);
  overflow: hidden;
}

.home .section7 .caseList ul li img {
  width: 100%;
  height: 100%;
}

.home .section7 .caseList ul li img:hover {
  transform: scale(1.2);
  transition: all 0.2s linear;
  cursor: pointer;
}

.home .section7 .caseList ul li.case-big {
  height: 336px;
  top: 0px;
  width: 472px;
  margin-left: 0px;
}

.home .section6 {
  height: 622px;
  background-image: url("/Content/new/assets/imgs/home/6/digit_bg.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.home .section8 {
  background-color: #f7faff;
  height: 530px;
  overflow: hidden;
}

.home .section8 .sprites-topical-hot {
  width: 20px;
  height: 24px;
  background: url(/Content/new/assets/imgs/home/icon_sprites.png) -30px -444px;
}

.home .section8 .sprites-topical-example {
  width: 20px;
  height: 24px;
  background: url(/Content/new/assets/imgs/home/icon_sprites.png) -75px -444px;
}

#home-dp {
  position: absolute;
  top: 850px;
  left: 495px;
}

.home .home-button,
.footer .home-button {
  display: inline-block;
  zoom: 1;
  opacity: 1;
  vertical-align: baseline;
  margin: 0 2px;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  line-height: 100%;
  /*border: 1px solid #6c95de;*/
  border: 1px solid #2c92ee;
  color: #2c92ee;
  padding: 1.2em 2.5em;
  margin-top: 16px;
  margin-left: 120px;
}

.home .home-button {
  padding: 1.2em 4.5em;
  border-radius: 30px;
}

.footer .home-button {
  border-radius: 10px;
  padding: 0.8em 1.5em;
  font-size: 26px;
  box-shadow: 0px 0px 10px #9a9a9a7d;
}

.shopsType ul li,
.proType ul li {
  width: 130px;
  height: 45px;
  display: inline-block;
  line-height: 45px;
  color: #4c4c4c;
  margin: 0px 10px;
  font-size: 18px;
  border-radius: 5px;
  cursor: pointer;
}

.shopsType ul li.state-hover {
  background-color: #ff9813;
  color: #fff;
}

.shopsType ul li#pos-shops.state-hover a {
  background-color: #6c95de;
  color: #fff;
  display: block;
  border-radius: 5px;
}

.shopsType ul li#rest-shops.state-hover a {
  background-color: #fe9913;
  color: #fff;
  display: block;
  border-radius: 5px;
}

.shopsType ul li#pos-shops,
.shopsType ul li#rest-shops {
  background-color: #eee;
  color: #5d5d5c;
}

.shopsType ul li#pos-shops.state-hover {
  background-color: #6c95de;
  color: #fff;
}

.shopsType ul li#rest-shops.state-hover {
  background-color: #fe9913;
  color: #fff;
}

.proType ul li.state-hover {
  background-color: #ff9813;
  color: #fff;
}

.proType ul li#pos-case,
.proType ul li#rest-case {
  background-color: #eee;
  color: #5d5d5c;
}

.proType ul li a {
  color: #5d5d5c;
}

.proType ul li#pos-case.state-hover a {
  background-color: #6c95de;
  color: #fff;
  display: block;
  border-radius: 5px;
}

.proType ul li#rest-case.state-hover a {
  background-color: #fe9913;
  color: #fff;
  display: block;
  border-radius: 5px;
}

ul {
  margin-left: 0px;
}

.nav-up-selected {
  color: #6c95de;
}

.nav-up-selected-inpage {
  color: #6c95de;
}

.nav-up-selected.h-icon:after {
  content: "";
  position: absolute;
  left: 20px;
  top: 33px;
  z-index: 999;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 11px solid #fff;
  opacity: 1;
}

.navigation-up.snow-icon:after {
  content: "";
  position: absolute;
  z-index: 0;
  opacity: 1;
  height: 47px;
  background-image: url("/Content/new/assets/imgs/home/header/snow.png");
  background-repeat: no-repeat;
  background-position: 50% 0%;
  width: 100%;
}

.soft .pro-info {
  padding: 0px 0px 15px;
}

.soft .pro-info ul li a {
  font-size: 16px;
  line-height: 55px;
}

.soft .pro-info ul li a img {
  padding-right: 20px;
}

/**{margin:0;padding:0;list-style-type:none;}
a,img{border:0;text-decoration:none;}
p{margin:0px;padding:0px;line-height:20px;}
i{margin:0px;padding:0px;font-style:normal;}
ul{margin:0px;padding:0px;list-style:none;}
ul li{margin:0px;padding:0px;list-style:none;}*/
.clear {
  clear: both;
  font-size: 0px;
  line-height: 0;
  height: 0;
}

#ichatButton {
  display: none;
}

/*#newBridge {
    display: none;
}*/

.demo-icon {
  font-family: "icomoon";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  font-size: 24px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 24px;
}

/*new right*/
.cndns-right {
  position: fixed;
  right: 0px;
  top: 50%;
  margin-top: -100px;
  border: 1px solid #dcdddd;
  z-index: 100;
}

.cndns-right-meau {
  position: relative;
}

.cndns-right-btn {
  width: 48px;
  height: 48px;
  border-bottom: 1px solid #dcdddd;
  text-align: center;
  display: block;
  position: relative;
  background-color: #fff;
}

.cndns-right-btn:last-child {
  border-bottom: none;
}

.cndns-right-btn span {
  font-size: 18px;
  line-height: 48px;
}

.cndns-right-btn sup {
  display: block;
  min-width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  color: #fff;
  border-radius: 50%;
  background-color: #ff6800;
  position: absolute;
  left: -12px;
  top: -12px;
}

.cndns-right-btn p {
  color: #ff6800;
  font-size: 14px;
  line-height: 18px;
  padding-top: 5px;
  display: none;
}

.cndns-right-meau:hover .cndns-right-btn span {
  display: none;
}

.cndns-right-meau:hover .cndns-right-btn p {
  display: block;
}

.meau-car .cndns-right-btn {
  border-color: #ff6800;
  margin-bottom: 20px;
}

.meau-car.cndns-right-meau:hover .cndns-right-btn {
  background-color: #ff6800;
}

.meau-car.cndns-right-meau:hover .cndns-right-btn span {
  color: #fff;
  display: block;
}

.meau-car .cndns-right-btn span {
  color: #ff6800;
}

.meau-sev .cndns-right-btn p {
  color: #fff;
}

.meau-top .cndns-right-btn span {
  font-size: 12px;
  line-height: 12px;
  padding-top: 10px;
  display: block;
}

.meau-top .cndns-right-btn i {
  display: block;
  color: #999;
}

.meau-top.cndns-right-meau:hover .cndns-right-btn {
  background-color: #ff6800;
}

.meau-top.cndns-right-meau:hover .cndns-right-btn span {
  display: block;
  color: #fff;
}

.meau-top.cndns-right-meau:hover .cndns-right-btn i {
  color: #fff;
}

.cndns-right-box {
  position: absolute;
  top: -15px;
  right: 35px;
  padding-right: 25px;
  display: none;
}

.cndns-right-box .box-border {
  border: 1px solid #dcdddd;
  padding: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}

.cndns-right-box .box-border .arrow-right {
  display: block;
  width: 13px;
  height: 16px;
  background: url(/Content/win/arr.png) no-repeat;
  position: absolute;
  right: -13px;
  top: 26px;
}

.cndns-right-box .box-border .sev-t span,
.cndns-right-box .box-border .sev-b span,
.cndns-right-box .box-border .sev-zx span {
  font-size: 12px;
  float: left;
  display: block;
  margin-right: 20px;
  color: #d3d3d3;
}

.cndns-right-box .box-border .sev-t p {
  float: left;
  font-size: 18px;
  line-height: 28px;
}

.cndns-right-box .box-border .sev-t p a.tip1 {
  font-size: 16px;
  color: #6c8bd3;
  padding-left: 5px;
  line-height: 32px;
}

.cndns-right-box .box-border .sev-t p i {
  display: block;
  font-size: 14px;
  color: #9fa0a0;
}

.cndns-right-box .box-border .sev-t p i.i {
  display: inline-block;
  font-size: 14px;
  color: #9fa0a0;
  padding-left: 20px;
}

.cndns-right-box .box-border .sev-t p.p1 {
  padding: 18px 0px 16px 45px;
  font-size: 16px;
}

.cndns-right-box .box-border .sev-t p.p2 {
  padding-left: 50px;
  font-size: 15px;
  color: #9fa0a0;
}

.cndns-right-box .box-border .sev-t p.p3 {
  padding-left: 50px;
  font-size: 12px;
  color: #9fa0a0;
  line-height: 12px;
}

.cndns-right-box .box-border .sev-b p.p4 {
  padding-left: 50px;
  font-size: 18px;
  line-height: 28px;
}

.cndns-right-box .box-border .sev-b p.p4 a.tip1 {
  font-size: 16px;
  color: #6c8bd3;
  padding-left: 5px;
  line-height: 32px;
}

.cndns-right-box .box-border .sev-b p.p5 {
  padding-left: 50px;
  font-size: 16px;
}

.cndns-right-box .box-border .sev-t p b,
.cndns-right-box .box-border .sev-b p b {
  color: #9fa0a0;
  margin-top: 8px;
  display: block;
}

.cndns-right-box .box-border .sev-b p.p {
  padding-left: 50px;
  font-size: 16px;
  margin-top: -10px;
  line-height: 25px;
}

.cndns-right-box .box-border .sev-b {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #dcdddd;
}

.cndns-right-box .box-border .sev-b h4 {
  color: #666;
  font-size: 14px;
  font-weight: normal;
  padding-bottom: 15px;
}

.cndns-right-box .box-border .sev-b li {
  float: left;
  width: 33.33333%;
}

.cndns-right-box .box-border .sev-b li a {
  display: inline-block;
  color: #999;
  font-size: 13px;
  padding-left: 43px;
  background: url(images/q1.gif) no-repeat left 3px;
  line-height: 36px;
}

.cndns-right-box .box-border .sev-b li a:hover {
  color: #ff6800;
}

.meau-sev .cndns-right-box .box-border {
  width: 225px;
  padding: 20px 25px 15px;
}

.meau-contact .cndns-right-box .box-border {
  width: 160px;
  padding: 20px 25px 10px;
}

.cndns-right-meau:hover .cndns-right-box {
  display: block;
}

.meau-code .cndns-right-box {
  top: inherit;
  bottom: -35px;
}

.meau-code .cndns-right-box .box-border {
  width: 156px;
  text-align: center;
  border-top: 1px solid #dcdddd;
}

.meau-code .cndns-right-box .box-border i {
  display: block;
  color: #6c8bd3;
  font-size: 16px;
  line-height: 16px;
}

.meau-code .cndns-right-box .box-border .arrow-right {
  top: inherit;
  bottom: 50px;
}

.meau-sev:hover .cndns-right-btn,
.meau-contact:hover .cndns-right-btn,
.meau-code:hover .cndns-right-btn {
  background: #6c8bd3;
}

.meau-zs .cndns-right-btn {
  background-color: #ff6800;
  color: #fff;
  margin-top: 80px;
  border-color: #ff6800;
}

.meau-zs .cndns-right-btn span {
  color: #fff;
}

.meau-zs .cndns-right-btn p {
  color: #fff;
}

/*首页主体 end*/

/* banner start */
ul {
  margin-left: 0px;
}

.banner .banner-bg .new-banner ul {
  margin-left: 0;
}

#activity11 {
  height: 600px;
  background-image: url(/Content/new/assets/imgs/banner/2017/activity11.png);
  background-image: -webkit-image-set(
    url(/Content/new/assets/imgs/banner/2017/activity11.png) 1x,
    url(/Content/new/assets/imgs/banner/2017/activity11@2x.png) 2x
  );
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
}

#activity11 .desc11 {
  position: absolute;
  bottom: 45px;
  left: 465px;
}

#ofobanner {
  height: 600px;
  background-image: url(/Content/new/assets/imgs/banner/2017/ofobanner01.jpg);
  background-image: -webkit-image-set(
    url(/Content/new/assets/imgs/banner/2017/ofobanner01.jpg) 1x,
    url(/Content/new/assets/imgs/banner/2017/ofobanner01@2x.jpg) 2x
  );
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
}

#ofobanner .descofo {
  position: absolute;
  bottom: 50px;
  left: 25px;
}

#banner1 {
  height: 600px;
  background-image: url(/Content/new/assets/imgs/banner/2017/banner1.jpg);
  background-image: -webkit-image-set(
    url(/Content/new/assets/imgs/banner/2017/banner1.jpg) 1x,
    url(/Content/new/assets/imgs/banner/2017/banner1@2x.jpg) 2x
  );
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
}

#newday {
  height: 600px;
  background-image: url(/Content/new/assets/imgs/banner/2017/tx.gif);
  background-image: -webkit-image-set(
    url(/Content/new/assets/imgs/banner/2017/tx.gif) 1x,
    url(/Content/new/assets/imgs/banner/2017/tx@2x.gif) 2x
  );
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
}

#restapp {
  height: 600px;
  background-image: url(/Content/new/assets/imgs/banner/2017/restapp.png);
  background-image: -webkit-image-set(
    url(/Content/new/assets/imgs/banner/2017/restapp.png) 1x,
    url(/Content/new/assets/imgs/banner/2017/restapp@2x.png) 2x
  );
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
}

#starpos {
  height: 600px;
  background-image: url(/Content/new/assets/imgs/banner/2017/st-banner.gif);
  background-image: -webkit-image-set(
    url(/Content/new/assets/imgs/banner/2017/st-banner.gif) 1x,
    url(/Content/new/assets/imgs/banner/2017/st-banner@2x.gif) 2x
  );
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
}

#banner1 .desc1 {
  position: absolute;
  bottom: 132px;
  left: 124px;
}

#btn-banner1 {
  display: block;
  font-size: 16px;
  width: 198px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  margin: 40px 20px;
  color: #fff;
  border: 1px solid #fff;
}

#banner2 {
  height: 600px;
  background-image: url(/Content/new/assets/imgs/banner/2017/banner2.jpg);
  background-image: -webkit-image-set(
    url(/Content/new/assets/imgs/banner/2017/banner2.jpg) 1x,
    url(/Content/new/assets/imgs/banner/2017/banner2@2x.jpg) 2x
  );
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
}

#banner2 .desc2 {
  position: absolute;
  bottom: 384px;
  left: 374px;
}

#reg-banner2 {
  clear: both;
  display: inline-block;
  vertical-align: baseline;
  margin: 84px 2px 0;
  outline: medium none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  line-height: 100%;
  border: 1px solid #6c95de;
  background-color: #6c95de;
  color: #fff;
  padding: 0.85em 3.5em;
}

#banner3 {
  height: 600px;
  background-image: url(/Content/new/assets/imgs/banner/2017/banner3.png);
  background-image: -webkit-image-set(
    url(/Content/new/assets/imgs/banner/2017/banner3.png) 1x,
    url(/Content/new/assets/imgs/banner/2017/banner3@2x.png) 2x
  );
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
}

#banner3 .desc3 {
  position: absolute;
  bottom: 163px;
  right: 91px;
}

#reg-banner3 {
  clear: both;
  display: inline-block;
  vertical-align: baseline;
  margin: 84px 2px 0;
  outline: medium none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  line-height: 100%;
  border: 1px solid #f8b24b;
  background-color: #f8b24b;
  color: #fff;
  padding: 0.85em 3.5em;
}

#more-banner3 {
  clear: both;
  display: inline-block;
  vertical-align: baseline;
  margin: 84px 28px 0;
  outline: medium none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  line-height: 100%;
  border: 1px solid #000;
  color: #000;
  padding: 0.85em 3.5em;
}

#banner4 {
  height: 600px;
  background-image: url(/Content/new/assets/imgs/banner/2017/banner4.jpg);
  background-image: -webkit-image-set(
    url(/Content/new/assets/imgs/banner/2017/banner4.jpg) 1x,
    url(/Content/new/assets/imgs/banner/2017/banner4@2x.jpg) 2x
  );
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
}

#banner4 .desc4 {
  position: absolute;
  bottom: 187px;
  right: 128px;
}

#buy-banner4 {
  clear: both;
  display: inline-block;
  vertical-align: baseline;
  margin: 84px 2px 0;
  outline: medium none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  line-height: 100%;
  border: 1px solid #6c95de;
  background-color: #6c95de;
  color: #fff;
  padding: 0.85em 3.5em;
}

#more-banner4 {
  clear: both;
  display: inline-block;
  vertical-align: baseline;
  margin: 84px 28px 0;
  outline: medium none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  line-height: 100%;
  border: 1px solid #6c94de;
  color: #6c94de;
  padding: 0.85em 3.5em;
}

#banner5 {
  height: 600px;
  background-image: url(/Content/new/assets/imgs/banner/2017/banner5.jpg);
  background-image: -webkit-image-set(
    url(/Content/new/assets/imgs/banner/2017/banner5.jpg) 1x,
    url(/Content/new/assets/imgs/banner/2017/banner5@2x.jpg) 2x
  );
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
}

#banner5 .desc5 {
  position: absolute;
  bottom: 165px;
  left: 38px;
}

#banner5 .desc5 ul li:first-child {
  margin-left: 0;
}

#buy-banner5 {
  clear: both;
  display: inline-block;
  vertical-align: baseline;
  margin: 84px 2px 0;
  outline: medium none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  line-height: 100%;
  border: 1px solid #6c95de;
  background-color: #6c95de;
  color: #fff;
  padding: 0.85em 3.5em;
}

#more-banner5 {
  clear: both;
  display: inline-block;
  vertical-align: baseline;
  margin: 84px 28px 0;
  outline: medium none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  line-height: 100%;
  border: 1px solid #fff;
  color: #fff;
  padding: 0.85em 3.5em;
}

#banner6 {
  height: 600px;
  background-image: url(/Content/new/assets/imgs/banner/2017/banner6.jpg);
  background-image: -webkit-image-set(
    url(/Content/new/assets/imgs/banner/2017/banner6.jpg) 1x,
    url(/Content/new/assets/imgs/banner/2017/banner6@2x.jpg) 2x
  );
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
}

#banner6 .desc6 {
  position: absolute;
  bottom: 192px;
  left: 40px;
}

#buy-banner6 {
  display: block;
  font-size: 16px;
  width: 150px;
  height: 50px;
  margin: 45px 0;
  line-height: 50px;
  text-align: center;
  color: #fff;
  background-color: #6c94de;
}

#more-banner6 {
  color: #6c94de;
}

#banner2 .desc2 ul li,
#banner3 .desc3 ul li,
#banner4 .desc4 ul li,
#banner5 .desc5 ul li,
#banner6 .desc6 ul li {
  background-color: transparent;
  float: left;
}

#more-banner2 {
  clear: both;
  display: inline-block;
  vertical-align: baseline;
  margin: 84px 28px 0;
  outline: medium none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  line-height: 100%;
  border: 1px solid #fff;
  color: #fff;
  padding: 0.85em 3.5em;
}

#banner7 {
  height: 600px;
  background-image: url(/Content/new/assets/imgs/banner/2017/banner7.jpg);
  background-image: -webkit-image-set(
    url(/Content/new/assets/imgs/banner/2017/banner7.jpg) 1x,
    url(/Content/new/assets/imgs/banner/2017/banner7@2x.jpg) 2x
  );
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
}
/* banner end */

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

  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }

  .modal-sm {
    width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}

@media (max-height: 1600px) {
  .pos .section7_1 {
    background-size: 1600px 100%;
    background-position-x: 40%;
  }
}

.common-question-bg-outer {
  height: 40px;
  width: 138px;
  overflow: hidden;
}
.common-question-bg {
  background: url(/Content/new/assets/imgs/sprites.png) 0 0 no-repeat;
  width: 100%;
  height: 100%;
}
.common-btn1-outer {
  height: 28px;
  width: 102px;
  overflow: hidden;
}
.common-btn1 {
  background: url(/Content/new/assets/imgs/sprites.png) -140px -2px no-repeat;
  width: 100%;
  height: 100%;
}
.common-logo-outer {
  height: 28px;
  width: 129px;
  overflow: hidden;
}
.common-logo {
  background: url(/Content/new/assets/imgs/sprites.png) -202px -2px no-repeat;
  background-size: 371px 36px;
  width: 100%;
  height: 100%;
}
.common-search-outer {
  height: 23px;
  width: 22px;
  overflow: hidden;
}
.common-search {
  background: url(/Content/new/assets/imgs/sprites.png) -405px -5px no-repeat;
  width: 100%;
  height: 100%;
}
.common-cart-outer {
  height: 19px;
  width: 19px;
  overflow: hidden;
}
.common-cart {
  background: url(/Content/new/assets/imgs/sprites.png) -432px -7px no-repeat;
  width: 100%;
  height: 100%;
}
.sprites-outer {
  display: inline-block;
}
.error {
  color: red;
  font-size: 12px;
  margin: 0;
}
label.required:before {
  color: red;
  content: "*";
  margin-right: 3px;
  position: relative;
  top: 3px;
}
.sprites-icon-top {
  display: block;
  width: 32px;
  height: 32px;
  background: url(/Content/new/assets/imgs/css_sprites.png) -710px -66px;
}
.sprites-header-icon1 {
  display: inline-block;
  vertical-align: middle;
  padding-right: 5px;
  width: 20px;
  height: 20px;
  background: url(/Content/new/assets/imgs/css_sprites.png) -414px -637px;
}
.sprites-header-icon2 {
  display: inline-block;
  vertical-align: middle;
  padding-right: 5px;
  width: 22px;
  height: 21px;
  background: url(/Content/new/assets/imgs/css_sprites.png) -372px -637px;
}
.sprites-header-12,
.sprites-header-14,
.sprites-header-15,
.sprites-header-16,
.sprites-header-19,
.sprites-header-191,
.sprites-header-20,
.sprites-header-21,
.sprites-header-22,
.sprites-header-23,
.sprites-header-24,
.sprites-header-25,
.sprites-header-A1,
.sprites-header-xy,
.sprites-header-sp,
.sprites-header-wx,
.sprites-header-28,
.sprites-header-27 {
  display: inline-block;
  width: 34px;
  height: 35px;
  vertical-align: middle;
  padding-right: 10px;
  background: url(/Content/new/assets/imgs/css_sprites.png) -575px -547px;
}
.sprites-header-babiesrus,
.sprites-header-cafes,
.sprites-header-clothing,
.sprites-header-convenient,
.sprites-header-fast,
.sprites-header-fruit,
.sprites-header-grocery,
.sprites-header-hot,
.sprites-header-midwest,
.sprites-header-milktea,
.sprites-header-snack,
.sprites-header-supermarket {
  display: inline-block;
  width: 33px;
  height: 30px;
  vertical-align: middle;
  padding-right: 20px;
  background: url(/Content/new/assets/imgs/css_sprites.png) -63px -703px;
}
.sprites-header-25 {
  background-position: -413px -547px;
}
.sprites-header-21 {
  background-position: -521px -547px;
}
.sprites-header-22 {
  background-position: -359px -547px;
}
.sprites-header-24 {
  background-position: -467px -547px;
}
.sprites-header-23 {
  background-position: -58px -637px;
}
.sprites-header-A1 {
  background-position: -222px -703px;
}
.sprites-header-clothing {
  background-position: -116px -703px;
}
.sprites-header-convenient {
  background-position: -593px -703px;
}
.sprites-header-grocery {
  background-position: -328px -703px;
}
.sprites-header-babiesrus {
  background-position: -169px -703px;
}
.sprites-header-fruit {
  background-position: -381px -703px;
}
.sprites-header-midwest {
  background-position: -487px -703px;
}
.sprites-header-hot {
  background-position: -434px -703px;
}
.sprites-header-fast {
  background-position: -275px -703px;
}
.sprites-header-cafes {
  background-position: -540px -703px;
}
.sprites-header-milktea {
  background-position: -646px -703px;
}
.sprites-header-snack {
  background-position: -10px -703px;
}
.sprites-header-12 {
  background-position: -710px -337px;
}
.sprites-header-14 {
  background-position: -710px -447px;
}
.sprites-header-15 {
  background-position: -710px -172px;
}
.sprites-header-16 {
  background-position: -710px -227px;
}
.sprites-header-19 {
  background-position: -710px -392px;
}
.sprites-header-191 {
  background-position: -710px -282px;
}
.sprites-consult-zx {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url(/Content/new/assets/imgs/zx-s.png);
}
.sev-zx {
  /* border-bottom: 1px solid #dcdddd;
  padding-bottom: 10px;
  margin-bottom: 20px; */
}
.sev-zx a {
  font-size: 18px;
}
.sev-zx a:hover {
  color: #6c8bd3;
}
.sprites-consult-dh,
.sprites-consult-icon1,
.sprites-consult-icon2,
.sprites-consult-icon3,
.sprites-consult-icon4,
.sprites-consult-jm,
.sprites-consult-js {
  display: inline-block;
  width: 35px;
  height: 33px;
  background: url(/Content/new/assets/imgs/css_sprites.png) -112px -637px;
}
.sprites-consult-icon2 {
  height: 28px;
  background-position: -275px -637px;
}
.sprites-consult-icon3 {
  width: 40px;
  height: 35px;
  background-position: -108px -635px;
}
.sprites-consult-icon4 {
  height: 29px;
  background-position: -220px -637px;
}
.sprites-consult-dh {
  width: 25px;
  height: 25px;
  background-position: -710px -546px;
}
.sprites-consult-jm {
  width: 31px;
  height: 24px;
  background-position: -710px -502px;
}
.sprites-consult-js {
  width: 20px;
  height: 28px;
  background-position: -710px -633px;
}
.sprites-footer-icon1,
.sprites-footer-icon2,
.sprites-footer-icon3,
.sprites-footer-icon4,
.sprites-footer-icon5,
.sprites-footer-icon6 {
  display: inline-block;
  height: 25px;
  margin: 0 6px -10px 0;
  width: 27px;
  background: url(/Content/new/assets/imgs/css_sprites.png) -699px -703px;
}
.sprites-footer-icon2 {
  background-position: -335px -236px;
}
.sprites-footer-icon3 {
  background-position: -335px -279px;
}
.sprites-footer-icon4 {
  background-position: -330px -637px;
}
.sprites-footer-icon5 {
  background-position: -710px -591px;
}
.sprites-footer-icon6 {
  background-position: -454px -637px;
}
.sprites-topical-checkbox {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  padding-right: 6px;
  background: url(/Content/new/assets/imgs/css_sprites.png) -491px -637px;
}
.sprites-topical-hot {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  padding-right: 16px;
  background: url(/Content/new/assets/imgs/css_sprites.png) -528px -637px;
}
.sprites-topical-example {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  padding-right: 16px;
  background: url(/Content/new/assets/imgs/css_sprites.png) -566px -637px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min--moz-device-pixel-ratio: 1.5),
  only screen and (-o-min-device-pixel-ratio: 3/2),
  only screen and (min-device-pixel-ratio: 1.5) {
  .common-question-bg-outer {
    height: 40px;
    width: 138px;
    overflow: hidden;
  }
  .common-question-bg {
    background: url(/Content/new/assets/imgs/sprites@2x.png) 0 0 no-repeat;
    width: 100%;
    height: 100%;
  }
  .common-btn1-outer {
    height: 29px;
    width: 102px;
    overflow: hidden;
  }
  .common-btn1 {
    background: url(/Content/new/assets/imgs/sprites@2x.png) -140px 1px no-repeat;
    width: 100%;
    height: 100%;
  }
  .common-logo-outer {
    height: 28px;
    width: 155px;
    overflow: hidden;
  }
  .common-logo {
    background: url(/Content/new/assets/imgs/sprites@2x.png) 0 -37.5px no-repeat;
    -webkit-background-size: 260px auto !important;
    background-size: 260px auto !important;
    width: 100%;
    height: 100%;
  }
  .common-search-outer {
    height: 23px;
    width: 22px;
    overflow: hidden;
  }
  .common-search {
    background: url(/Content/new/assets/imgs/sprites@2x.png) -245px 0 no-repeat;
    width: 100%;
    height: 100%;
  }
  .common-cart-outer {
    height: 19px;
    width: 19px;
    overflow: hidden;
  }
  .common-cart {
    background: url(/Content/new/assets/imgs/sprites@2x.png) -272px 0 no-repeat;
    width: 100%;
    height: 100%;
  }
  .sprites {
    background-size: 291px auto;
  }
  .sprites-outer {
    position: absolute;
    display: inline-block;
    top: 2px;
  }
}

.unslider{overflow:auto;margin:0;padding:0}.unslider-wrap{position:relative}.unslider-wrap.unslider-carousel>li{float:left;  overflow: hidden;}.unslider-vertical>ul{height:100%}.unslider-vertical li{float:none;width:100%}.unslider-fade{position:relative}.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}.unslider-fade .unslider-wrap li.unslider-active{z-index:10}.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}.unslider-arrow{position:absolute;left:60px;z-index:2;cursor:pointer}.unslider-arrow.next{left:auto;right:60px}
/**
 *   Here's where everything gets included. You don't need
 *   to change anything here, and doing so might break
 *   stuff. Here be dragons and all that.
 */
/**
 *   Default variables
 *
 *   While these can be set with JavaScript, it's probably
 *   better and faster to just set them here, compile to
 *   CSS and include that instead to use some of that
 *   hardware-accelerated goodness.
 */
.unslider-nav ol {
  list-style: none;
  text-align: center;
}
.unslider-nav ol li {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background: transparent;
  border-radius: 5px;
  overflow: hidden;
  text-indent: -999em;
  border: 2px solid #fff;
  cursor: pointer;
}
.unslider-nav ol li.unslider-active {
  background: #fff;
  cursor: default;
}

.ichat-body {
  font-family: "Microsoft Yahei",sans-serif,arial;
  font-size: 14px/18px;
  position: fixed;
  margin: 0;
  z-index: 100001;
  /* 兼容IE6-7定位 */
  *position: absolute;
  *top: expression(eval(document.documentElement.scrollTop));
  *overflow: hidden;
}
.ichat-button {
  padding:5px 0;
  width:22px;
  cursor:pointer;
  line-height: 1em;
  text-align:center;
  padding:7px 0 7px 2px;
  background-color: #6c94de;
  color: #ffffff;
}
.ichat-pull-left {
  left: 0;
}
.ichat-pull-right {
  right: 0;
}
.ichat-float-left{
  float: left;
}
.ichat-float-right{
  float: right;
}
.ichat-color-black {
  background: linear-gradient(to bottom, #EEEEEE, #E4E4E4) repeat scroll 0 0 rgba(0, 0, 0, 0);
  /*兼容360*/
  background-color:#EEEEEE;
  /*兼容ie8*/
  background-color:#F4F4F4 \0;
  /* 兼容IE6-7 */
  *background-color:#F4F4F4;
  border: 1px solid #D4D4D4;
  box-shadow: 0 0 10px #CCCCCC;
  text-shadow: 0 0 5px #CCCCCC;
  color: #666666;
}
.ichat-color-blue {
  background: linear-gradient(to bottom, #3399FF, #3499FF) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background-color:#3399FF;
  background-color:#3399FF \0;
  *background-color:#3399FF;
  color:#FFFFFF;
  box-shadow: 0 0 10px #3399FF;
}
.ichat-color-green {
  background: linear-gradient(to bottom, #68D882, #4BB776) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background-color:#68D882;
  background-color:#4BB776 \0;
  *background-color:#4BB776;
  color:#FFFFFF;
  box-shadow: 0 0 10px #68D882;
}
.ichat-color-red {
  background: linear-gradient(to bottom, #F33E6F, #F33E6F) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background-color:#F33E6F;
  background-color:#F33E6F \0;
  *background-color:#F33E6F;
  color:#FFFFFF;
  box-shadow: 0 0 10px #F33E6F;
}
.ichat-color-purple {
  background: linear-gradient(to bottom, #6C89D5, #6C89D5) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background-color:#6C89D5;
  background-color:#6C89D5 \0;
  *background-color:#6C89D5;
  color:#FFFFFF;
  box-shadow: 0 0 10px #6C89D5;
}
.ichat-content {
  background: none repeat scroll 0 0 #F9F9F9;
  box-shadow: 0 0 10px #DDDDDD;
  border: 1px solid #DDDDDD;
  overflow: hidden;
  text-align: left;
  display: none;
  width: 150px;
}
.ichat-title {
  color: #626262;
  font-size: 14px;
  font-weight: bold;
  height: 28px;
  line-height: 28px;
  overflow: hidden;
  padding: 0 5px;
  background: url("/Content/new/assets/imgs/color-strip.png");
  background-repeat: repeat-x;
}
.ichat-list {
  background: none repeat scroll 0 0 #FFFFFF;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 5px 0;
  margin:0;
}
.ichat-list p {
  /*width: 150px;*/
  width: 100%;
  padding: 2px;
  overflow: hidden;
  margin-left: 6px;
  font: 12px/18px '宋体';
  color: #565656;
  word-wrap: break-word;
  word-break: normal;
}
.ichat-list b {
  white-space:nowrap;
}
.ichat-list-ul {
  border: 0 none;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  width: 150px;
}
.ichat-list-ul li {
  float: left;
  position: relative;
  height: 23px;
  list-style: none outside none;
  margin-left: 6px;
  overflow: hidden;
  padding: 2px;
  width: 130px;
}
.ichat-list a {
  background-repeat: no-repeat;
  border: 1px solid #FFFFFF;
  color: #565656;
  display: block;
  font: 12px/18px '宋体';
  padding:0 0 0 28px;
  text-decoration: none;
}
.ichat-list p a {
  display: inline;
  padding: 0;
  color: #6699FF;
}

.ichat-list .ichat-tel {
    cursor: default !important;
}
.ichat-list a:hover {
  background-color: #F3F3F3;
  border: 1px solid #EEEEEE;
  border-radius: 3px;
}
.ichat-qq{
  background-image: url("/Content/new/assets/imgs/qq_online.gif");
}
.ichat-tel{
  background-position-x: 5px;
  background-image: url("/Content/new/assets/imgs/tel.png");
}
.ichat-kf{
  background-image: url("/Content/new/assets/imgs/kf_online.png");
}
.ichat-display{
  display: none;
}
.ichat-cursor{
  cursor: pointer;
}



@charset "utf-8";
/* posterTvGrid */
.posterTvGrid{position:relative;height:360px;margin-left:33px;}
.posterTvGrid img{max-width:none;max-height:none;border:0 none;background:#888;}
.posterTvGrid .contentHolder{position:relative;overflow:hidden;}
.posterTvGrid .contentHolderUnit{cursor:pointer;position:absolute;width:458px;height:360px;}
.posterTvGrid .contentHolderUnit a.elementLink{display:block;overflow:hidden;z-index:3;position:absolute;left:0;right:0;width:100%;height:100%;}
.posterTvGrid .contentHolderUnit img{width:100%;height:100%;}
.posterTvGrid .contentHolderUnit .elementTitle{}
.posterTvGrid .contentHolderUnit .elementOverlay{z-index:1;position:absolute;top:0;left:0;background:#000;width:100%;height:100%;opacity:0;filter:opacity=0;}
/*.posterTvGrid .contentHolderUnit .leftShadow{position:absolute;top:23px;left:-174px;width:174px;height:288px;background:url(img/leftShadow.png) no-repeat;}
.posterTvGrid .contentHolderUnit .rightShadow{position:absolute;top:23px;right:-174px;width:174px;height:288px;background:url(img/rightShadow.png) no-repeat;}*/
.posterTvGrid .bannerControls{}
.posterTvGrid .leftNav,.posterTvGrid .rightNav{cursor:pointer;z-index:10;position:absolute;top:50%;width:45px;height:45px;margin-top:-43px;}
.posterTvGrid .leftNav{left:7px;background:url("img/1.png") no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/slide_prev_btn.png");}
.posterTvGrid .rightNav{right:7px;background:url("img/2.png") no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/slide_next_btn.png");}
.posterTvGrid .leftNav:hover{}
.posterTvGrid .rightNav:hover{}
.posterTvGrid .bottomNav{z-index:140;position:absolute;width:100%;height:10px;margin-top:270px;padding:10px 0 0;text-align:center;}
.posterTvGrid .bottomNavButtonOFF{cursor:pointer;overflow:hidden;display:inline-block;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;vertical-align:top;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#c3c3c3;}
.posterTvGrid .bottomNavButtonOFF:hover{background:#aaa;}
.posterTvGrid .bottomNavButtonON,
.posterTvGrid .bottomNavButtonON:hover{background:#69aaec;}
.posterTvGrid .bottomNavLeft{}
.posterTvGrid .bottomNavRight{}