@charset "UTF-8";
/*reset*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
em{font-style:normal;}
ul{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
input,select,button{vertical-align:middle;}

/*global*/
body,textarea,input{ font-size: 12px; font-family:Lucida Sans Unicode, Myriad Pro, Hiragino Sans GB, Heiti SC, Microsoft YaHei, Verdana, SimHei;}
body{color: #666;}

a{text-decoration: none; color: #007ccb;}
a:hover{text-decoration: underline;}
img{vertical-align: top;}

/*common*/
.nav li a,.title span,.runcode strong,.tab a,.joinups strong{ font-family: Microsoft YaHei,Hiragino Sans GB,Verdana;}
.hot,.new,.btngreen,.btnblue,.contact-join li,.contact-tech li,.partners li,.joinups li s{background-image: url(/images/sprite.png?20130415); background-repeat: no-repeat;}
.btngreen,.btnblue{display: inline-block; border: 0; width: 82px; height: 27px; text-align: center; background-position: 0 -210px; line-height: 27px; color: #fff; text-shadow: 0 -1px 0 #1a9b1a;}
.btngreen:hover{background-position: 0 -240px; text-decoration: none;}
.btnblue{background-position: 0 -270px; text-shadow: 0 -1px 0 #0962d5;}
.btnblue.zeroclipboard-is-hover{background-position: 0 -300px;}
.btnblue:hover{ text-decoration: none;}

.mainwrap{position: relative; width: 960px; margin:0 auto; padding-bottom: 20px; overflow: hidden; _zoom:1; background-color: #fff; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-left-radius: 10px; -moz-border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.p-index .mainwrap{margin-top: 352px;}
.mainbody{margin: 0 24px;}
.title{border-bottom: 1px solid #d1d1d1; height: 22px; margin-bottom: 2px;}
.title span{position: relative; display: inline-block; line-height: 22px; font-size: 20px; font-weight: bold; color: #004466; background-color: #fff; padding-right: 15px; bottom: -2px;}
.indent{text-indent: 2em;}
.content p{margin: 14px 0; line-height: 1.2;}
.content table{margin: auto; border-collapse: separate; border: solid #ccc; border-width: 0 1px 1px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 14px; overflow: hidden;}
.content th{padding: 14px 25px; border: solid #ccc; border-width: 1px 0 0 1px; background-color: #fafafa;}
.content th:first-child{-webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px;}
.content th:last-child{-webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px;}
.content td{padding: 10px 25px; border: solid #ccc; border-width: 1px 0 0 1px; text-align: center; vertical-align: middle;}

/*header*/
.headwrap{background: darkmagenta;}
.header{position: relative; width: 960px; margin:auto; height: 50px;}
.logo{position: absolute; left: 0; top:10px;}
.nav{margin-left: 5px;}
.nav li{float: left; margin-right: 6px;}
.nav li a{float: left; height: 50px; line-height: 50px; padding: 0 16px; color: #fff; font-size: 16px;}
.nav li a:hover{background: #0f0f0f; text-decoration: none;}
.nav li.cur a{background: #000; color: #fff;}

/*footer*/
.footer{width: 960px; margin: auto; color: #999999; height: 58px; text-align: center; line-height: 58px;}

/*index*/
.products{float: left; width: 632px; display: inline; margin-left: 23px;}
.products li{border-bottom: 1px dashed #666666; padding:26px 0; overflow: hidden; _zoom:1;}
.products li:last-child{border: none;}
.products .pic{position: relative; float: left; width: 234px; border: 1px solid #cfcfcf;}
.products .pic img{width: 234px; height: 168px; cursor: pointer;}
.hot,.new{width: 41px; height: 41px; position: absolute; right: -1px; top: -1px; background-position: 100% -210px;}
.new{background-position: 100% -270px;}
.products .con{float: right; width: 372px;}
.products .con strong{display: block; font-size: 14px; line-height: 16px; margin-bottom: 10px;}
.products .con p{line-height: 20px;}
.demo{position: relative; margin-top: 10px; line-height: 18px; background-color: #f7f7f7; padding: 10px 20px; _zoom:1;}
.demo b{position: absolute; left: 20px; top: 11px;}
.demo p{margin: 0 0 10px 62px;}
.contacts{float: right; width: 252px; display: inline; margin-right: 23px;}
.contacts ul{margin: 12px 0 18px 22px;}
.contacts li{line-height: 32px; font-size: 16px; padding-left: 32px;}
.qq{background-position: 0 -35px;}
.mail{background-position: 0 -70px;}
.contact-tech .tel{background-position: 0 -105px;}
.contact-tech .qq{background-position: 0 -140px;}
.contact-tech .mail{background-position: 0 -175px;}
.contacts .noico{padding-left: 0; background: none; font-size:10px}
.assomedia{overflow: hidden; _zoom:1;}
.assomedia li{float: left; padding: 0; line-height: 28px; margin-right: 22px; font-size: 14px;}
.assomedia li a{color: #004466;}

/*sidebar*/
.sidebar{float: left; margin-right: -193px; width: 193px; min-height: 1px;}
.tab{margin: 10px 0 0 39px; line-height: 42px;}
.tab a{display: block; padding: 0 0 0 19px; margin: 7px 0; color: #666; font-size: 18px;}
.tab a.cur{-webkit-border-top-left-radius: 3px; -moz-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;}
.tree{padding: 10px 0 0 9px; line-height: 24px;}
.tab li,.tree li{_zoom:1;}
.tree a{display: block; padding: 0 12px; margin:4px 0 0; color: #666;}
.tree a:hover,.tab a:hover{color: #199de5; text-decoration: none;}
.tree a.cur,.tab a.cur{background-color: #199de5; color: #fff;}
.tree ul{margin-left: 13px;}

/*main*/
.main{margin-left: 193px; width:745px; padding: 10px 0 10px 15px; border-left: 1px solid #199de5; -webkit-box-shadow:inset 3px 0 4px -3px rgba(0,0,0,.2); -moz-box-shadow:inset 3px 0 4px -3px rgba(0,0,0,.2); box-shadow:inset 3px 0 4px -3px rgba(0,0,0,.2);}
.main h1,.main h2{font-size: 16px; margin:0 0 6px; font-weight: bold;}
.main h2{margin: 20px 0 6px;}
.main h3{font-size: 12px; font-weight: bold;line-height: 22px; margin: 16px 0 0;}
.main h4{font-size: 12px; font-weight: normal;line-height: 22px; margin: 10px 0 0;}
.main p{line-height: 22px;}
.main b{font-weight: bold; color: #333;}
.indent{text-indent: 2em;}
code{display: block; background-color:#F9F9F9; padding:10px; border:1px solid #dadada; margin-bottom:8px; line-height:19px;}
.main table{border-collapse:collapse; border:1px solid #dadada; margin-bottom:5px; line-height: 22px;}
.main table td{ border:#dadada solid 1px; padding:2px 8px;}
.main table th{ background-color:#EFEFEF;border:1px solid #dadada; text-align:left;padding:2px 8px;}

/*runcode*/
.runcode{padding: 0 0 22px; border-bottom: 1px dashed #cccccc;}
.runcode strong{display: block; font-size: 16px; font-weight: normal;}
.txtwrap{padding: 5px; font-size: 0; margin: 10px 0 0;}
.txtwrap textarea{width: 100%; padding: 5px; border: 1px solid #dadada; margin: -6px;}
.btnbar{padding: 15px 0;}
.btnbar .btngreen,.btnbar .btnblue{margin-right: 8px;}

/*steps*/
.steps{padding: 30px 0 0;}
.steps h2{color: #ff0000; font-size: 12px; font-weight: normal; margin: 18px 0 10px;}
.steps p{margin: 0; padding: 9px 0; line-height: 18px;}
.comments{text-align: right; padding: 15px 0; line-height: 27px; margin-top: -57px; color: #999999;}

/*faq*/
.faqbox{margin-top: 37px; border: 1px solid #cccccc; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;}
.faqcat{margin: 0 20px;}
.cattit{height: 43px; padding-left: 8px;}
.cattit span{line-height: 43px; vertical-align: middle; font-size: 16px; font-weight: bold;}
.cattit a{vertical-align: middle; margin-left: 5px;}
.catcon{line-height: 25px; border-top: 1px dashed #cccccc; padding: 6px 0 30px 15px; font-size: 14px;}
.catcon a{color: #333;}
.faqbox h3{padding: 10px 28px; line-height: 20px; border: solid #ccc;border-width: 1px 0; background-color: #fafafa; font-size: 16px;}
.faqcon{padding: 10px 28px 20px; line-height: 27px;}
.faqcon p{padding: 0 0 10px;}

/*partners*/
.partners{margin: 20px 0 0 16px; overflow: hidden; _zoom:1;}
.partners li{float: left; display: inline; width: 145px; height: 65px; margin: 14px 14px 0; background-position: 0 -330px;}
.partners li div{width: 143px; height: 58px; margin: 1px; background-image: url(/images/partner.png); background-repeat: no-repeat;}
.part-taobao{background-position: 0 0;}
.part-baidu{background-position: 0 -58px;}
.part-qzone{background-position: 0 -116px;}
.part-weibo{background-position: 0 -174px;}
.part-163{background-position: 0 -232px;}
.part-renren{background-position: 0 -290px;}
.part-kaixin{background-position: 0 -348px;}

/*joinups*/
.joinups{margin-top: 40px;}
.joinups strong{font-size: 16px; font-weight: normal; color: #00aaff; display: block; height: 18px; line-height: 18px; margin: 0 0 -18px 44px;}
.joinups ul{margin-left: 185px; border-left: 2px solid #00aaff; padding: 8px 39px 1px 34px; zoom:1;}
.joinups li{position: relative; margin: 0 0 18px; height: 40px; border: 1px solid #dddddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.joinups li div{float: left; height: 21px; margin-top: 10px; line-height: 21px; border-left: 1px solid #cccccc; text-indent: 20px;}
.joinups li div.name{border: none; width: 25%;}
.joinups li div.type{width: 40%;}
.joinups li div.time{width: 34%;}
.joinups li s{position: absolute; display: block; left: -40px; top: 0; width: 40px; height: 40px; background-position: 0 -404px;}

/*cases*/
.cases{float: left; display: inline; width: 202px; margin: 10px -202px 0 -5px;}
.cases h3{border-left: 9px solid #009fff; padding-left: 7px; margin: 21px 0 0; height: 14px; font-size: 14px; font-weight: normal;}
.cases h3 span{line-height: 16px; margin: -1px 0;}
.cases ul{overflow: hidden; _zoom:1; margin-top: 5px; padding-left: 10px;}
.cases li{float: left; display: inline; margin: 9px 5px 0; height: 25px; width: 68px;}
.cases li a{background-color: #f2f2f2; color: #666666; display: block; line-height: 25px; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.cases li a:hover{color: #009fff; text-decoration: none;}
.cases li a.cur{background-color: #009fff; color: #fff;}
.caseplayer{margin: 34px 0 0 198px;  width: 710px; height: 480px; overflow: hidden;}

/*popup*/
.masker{position: absolute; z-index: 998; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; opacity: .5; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); }
.popwin{position: absolute; z-index: 999; top: 0; left: 0;}
.popwin iframe{background-color: #fff;}

/*prettify*/
.com{color: #93a1a1;}
.lit{color: #195f91;}
.pun,.opn,.clo{color: #93a1a1;}
.fun{color: #dc322f;}
.str{color: #D14;}
.typ,.atn,.dec,.var,.kwd,.prettyprint .tag ,.atv,.pln{color: #48484c;}
.prettyprint { padding: 8px; background-color: #f7f7f9; border: 1px solid #e1e1e8; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: auto; width: 689px; }
.prettyprint.linenums { -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;}
ol.linenums { margin: 0 0 0 33px; /* IE indents via margin-left */}
ol.linenums li { padding-left: 12px; color: #bebec5; line-height: 20px; text-shadow: 0 1px 0 #fff;}


.w200{width: 200px}.w170{width: 170px}.w130{width: 130px}.w100{width: 100px}.w90{width: 90px}
.emphasize{color:#d83131;font-weight:bold}

.text-ff {
    text-align: left;
    color: #1890ff;
}
caption {text-align: left;color: #1890ff;}