html,body,h1,h2,h3,h4,p,ul,ol,li,dl,dt,dd,form{padding:0;margin:0;list-style:none}
html,body{width:100%;height:100%}
body{font:12px/1 Arial, Helvetica, sans-serif;color:#191919;padding-top:83px;}
h1,h2{font-family:"微软雅黑",arial,sans-serif}
a{text-decoration:none;color:#148fd4}
p{line-height:180%;}
sup{font:10px/1 arial;}
img{border:none;}
input,textarea{padding:0;margin:0;border:none;outline:none;}




.tb{border-collapse:collapse;border:1px #bfcad0 solid;line-height:22px;background:#fff;color:#4b4a4a;}
.tb td{border:1px #bfcad0 solid;padding-left:5px;}
.tbt{background:#e5eef5;line-height:30px;color:#2e3136;}
.bt{height:1px;background:#edf4f9;color:#060aec;font-weight:500;}
.main p{text-indent:2em;margin:10px 0px;padding:0px;line-height:20px;}
,main .code{font:12px "Courier New", Courier, monospace;color:#666699;margin:0px 0px 0px 40px;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;border-left:2px solid #cccccc;border-top:1px solid #cccccc;background:#fafafa;padding:5px;}
.main h1{color:#cc3366;text-align:center;font:normal 24px/24px Verdana, Arial, Helvetica, sans-serif;background:#f2f2f2;padding:10px;margin:0px;border-bottom: 3px solid #cdcdcd;border-top:1px solid #cdcdcd;border-right:0px solid #cdcdcd;border-left:0px solid #cdcdcd;}
.main h4{margin:20px 0;}
.main pre{margin:0px;padding:0px;padding-top:2px;padding-bottom:2px;}



.clear{clear:both;font:0;height:0;}
::-webkit-scrollbar{height:8px;width:8px;background:rgba(222, 222, 222, 0.5);transition:all 0.3s ease-in-out;border-radius:5px;}
::-webkit-scrollbar-button{display:none;}
::-webkit-scrollbar-track{background-color:#fff;}
::-webkit-scrollbar-track-piece{background:#fff;}
::-webkit-scrollbar-thumb{width:8px;min-height:15px;background:rgba(0, 0, 0, 0.3);transition:all 0.3s ease-in-out;border-radius:5px;}
::-webkit-scrollbar-thumb:hover{background:rgba(0, 0, 0, 0.6);}
::-webkit-scrollbar-thumb:active{background:rgba(0, 0, 0, 0.8);}
.wrap{width:960px;margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
.text{width:300px;height:30px;padding:0 2px;border:1px solid;border-color:#d9d9d9;background:#fafafa;outline:none;border-radius:2px;line-height:30px;}
.text:focus{border-color:#06c;background:#fff;box-shadow:0 0 3px #06c;
    background:-webkit-gradient(linear, 0 0, 0 10%, from(#e5e5e5), to(#fff));-webkit-box-shadow:0 0 3px #06c;
    background:-moz-linear-gradient(top, #e5e5e5, #fff 10%);-moz-box-shadow:0 0 3px #06c;}
.btn {
    display: inline-block;
    padding: 5px 10px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    font-family: "Microsoft YaHei","??????","Microsoft JhengHei","???????",STHeiti,sans-serif;
    cursor: pointer;
    color: #3A3A3A;
    background: white;
    border: 1px solid #D2D2D2;
    text-shadow: 1px 1px 0 white;
    border-radius: 2px;
    box-shadow: 1px 1px 0 whiteSmoke;
    background: -webkit-linear-gradient(top, white, whiteSmoke);
    background: -moz-linear-gradient(top, white, whiteSmoke 100%);
}
.btn:hover {
    color: #2A2A2A;
    border-color: #999;
    background: #F2F2F2;
    box-shadow: 1px 1px 2px #D5D5D5;
    background: -webkit-linear-gradient(top, white, #F2F2F2);
    background: -moz-linear-gradient(top, white, #F2F2F2 100%);
}
.blue-btn:hover {
    color: white;
    background: #009AE2;
    border-color: #148FD4;
    background: -webkit-linear-gradient(top, #00A3E5, #008EDD);
    background: -moz-linear-gradient(top, #00A3E5, #008EDD 100%);
}
.blue-btn {
    color: white;
    background: #29A7E5;
    border-color: #148FD4;
    text-shadow: 1px 1px 0 #148FD4;
    background: -webkit-linear-gradient(top, #32ADE8, #249FE3);
    background: -moz-linear-gradient(top, #32ADE8, #249FE3 100%);
}
.gray-btn{background:#fff}
.gray-btn:hover{border-color:#999;background:#f2f2f2;
    box-shadow:0 0 0;
    -webkit-box-shadow:0 0 0;
    -moz-box-shadow:0 0 0;
}
.disabled-btn{background:#e2e2e2;cursor:default}
.disabled-btn:hover{
    border-color:#d9d9d9;
    box-shadow:0 0 0;
    -webkit-box-shadow:0 0 0;
    -moz-box-shadow:0 0 0;
}
/* =======  ======= */
#HD{width:100%;position:fixed;top:0;left:0;z-index:999;line-height:25px;border-bottom:1px solid #dedede;background:#f5f5f5;box-shadow:0 1px 0 rgba(0,0,0,.02);background:-webkit-linear-gradient(top, #fcfcfc, #f5f5f5);background:-moz-linear-gradient(top, #fcfcfc, #f5f5f5 100%);}
#WRP{width:960px;margin:0 auto;color:#dedede;text-shadow:0 1px 0 rgba(255,255,255,.9)}
#MLINK{float:left}
#SLINK{float:right}
#WRP a{color:#666;font-family:"宋体"}
#WRP a:hover{color:#2a2a2a}
.slit{margin:0 5px}
/*========= header =========*/
/* ------- navigation ------- */
.nav{position:relative;height:auto;font:14px "微软雅黑",arial,sans-serif;border-bottom:1px solid #009AE2;background:#f5f5f5;text-shadow:0 1px 0 #fff;
   box-shadow:0 1px 0 rgba(0, 154, 226, .1);
   background:-webkit-linear-gradient(top, #f5f5f5, #f2f2f2);
   background:-moz-linear-gradient(top, #f5f5f5, #f2f2f2 100%);
}
.nav li{float:left;}
.nav .wrap{padding-top:25px;}
.logo{float:left;margin-top:-10px;}
.siteNav{height:30px;line-height:27px;margin:0 0 0 300px;}
.siteNav li{margin:0 15px}
.siteNav a{display:inline-block;color:#3a3a3a;border-bottom:3px solid transparent;
    transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    _border-bottom-color:#f5f5f5;
}
.siteNav a:hover,.siteNav .on{color:#191919;border-bottom-color:#009AE2;}

.banner{height:325px;padding-top:35px;}
.banner .fr{width:390px;height:283px;background:url(../images/banner.png) no-repeat right 0;margin-right:50px;}
.banner-desc dt{margin:30px 0 20px;;font:bold 40px "微软雅黑","黑体",arial,sans-serif}
.banner-desc dd{line-height:24px;font-size:16px;color:#5a5a5a}
.banner-desc dd a{display:inline-block;width:200px;height:0;padding-top:57px;margin-top:22px;overflow:hidden;background:url(../images/banner.png) no-repeat;}
.banner-desc dd a:active{background-position:0 -120px;}
.banner-desc dd a:hover{background-position:0 -60px;}
/*========= main =========*/

#bd{background:#fafafa;min-height:500px;border-top:1px solid #f5f5f5;padding-bottom:45px;}
#bd h2{font:20px 微软雅黑;color:#191919;}
#show{position: relative; top:-23px; color:#cccccc;}
.mode{border-top:2px solid #dedede;padding-top:10px;margin-top:45px;}
.mode p{margin:15px 0;color:#5a5a5a;}


.index .main{width:630px;}
.index .main .guide-btn{display: inline-block; width: 111px; height: 0; padding-top: 41px;font-size:0; overflow: hidden; background: url(../images/banner.png) no-repeat -224px 0;}
.index .aside{width:300px;position:relative;}
.index .aside ul{margin:15px 0;}
.index .aside li{ width:98px;text-align:center;float:left;}
.index .aside .more{position:absolute;top:15px;right:10px;line-height:14px;}

.guide .mode{padding-right:280px;}
.guide .title-guide{font-size:26px;font-weight:normal;color:#2a2a2a;margin:50px 0 20px 0;}
.guide .download_link{display:block;margin:10px 0;width:145px;}
.guide table{width:100%;}
.guide table .tb_hd{width:165px; height:40px;color:#5a5a5a;text-align:right;}
.guide textarea{ height:80px;}
.guide .agree{vertical-align:-2px;}
.guide .needed,.guide .error{color:#f23d4f;}
.guide .file{height:auto;line-height:1em;}
.guide .rem{color:#999999;}

.sdk_left{width:50%;display: inline-block;text-align:right;vertical-align: top;}
.sdk_right{width:49%;display: inline-block;text-align:left;vertical-align: top;}
.sdk_item{margin-top: 35px;margin-right:10px;margin-bottom: 10px; vertical-align:center;}
.sdk_item .text{position: relative; top:-12px; width: 200px;}

.advice .mode{padding-right:300px;}
.advice .title-guide{font-size:26px;font-weight:normal;color:#2a2a2a;margin:50px 0 20px 0;}
.advice .download_link{display:block;margin:10px 0;}
.advice table{width:100%;}
.advice table .tb_hd{width:165px; height:40px;color:#5a5a5a;text-align:right;}
.advice textarea{ height:80px;}
.advice .agree{vertical-align:-2px;}
.advice .needed,.guide .error{color:#f23d4f;}

.case .title-guide{font-size:26px;font-weight:normal;color:#2a2a2a;margin:50px 0 20px 0;}
.case .aside{width:210px;}
.case .main{width:720px;}
.case .aside .menu{height:310px;background:url(../images/aside-bg.png) repeat-y;}
.case .aside li a{display:block;font-size:14px;line-height:35px;text-align:center;}
.case .aside li a.active{background-color:#148fd4;color:#fff;}
.case .main h2{margin-bottom:15px;}
.case .main ul li{float:left;display:block; width:340px;margin-bottom:30px;}
.case .main ul li p{margin:5px 0;}
.case .main .website_img,.case .main .case_img{padding:5px;}
.case .case_bd{margin-left:15px;padding-top:5px;}

.main table{border-collapse:collapse;border:1px #bfcad0 solid;}
.main td{border:1px #bfcad0 solid;padding-left:5px;}
.main .tb{line-height:22px;background:#fff;color:#4b4a4a;}
.main .tbt{background:#e5eef5;line-height:30px;color:#2e3136;}
.main .bt{height:1px;background:#edf4f9;color:#060aec;font-weight:500;}
.main p{text-indent:2em;margin:10px 0px;padding:0px;line-height:20px;color:#1a1a1a;}
.main .code{font:12px "Courier New", Courier, monospace;color:#666;margin:0px 0px 0px 40px;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;border-left:2px solid #cccccc;border-top:1px solid #cccccc;background:#fff;padding:5px;}
.main h1{font:normal 24px/24px Verdana, Arial, Helvetica, sans-serif;color:#cc3366;text-align:center;margin:0px;padding:10px;border-top:1px solid #cdcdcd;border-bottom:3px solid #cdcdcd;background:#f2f2f2;}
.main pre{margin:0px;padding:2px 0px;}

.api .title-guide{font-size:26px;font-weight:normal;color:#2a2a2a;margin:50px 0 20px 0;}
.api .aside{width:210px;}
.api .main{width:720px;}
.api .main .deal{padding-right:90px;}
.api .aside .menu{height:400px;background:url(../images/aside-bg.png) repeat-y;}
.api .aside li a{display:block;width:100%;font-size:14px;line-height:35px;text-align:center;}
.api .aside li a.active{background-color:#148fd4;color:#fff;}
.api .aside li a.sub{font-size:13px;}
.api .main h2{margin:15px 0;}
.api .main p{word-break:break-all;}
.api .main table .key{word-break:keep-all;white-space:nowrap;}

/*========= footer =========*/
.footer{padding:10px 0 40px;color:#999;border-top:1px solid #dedede}
.footer a{margin-right:5px;color:#999;}
.footer span{margin-right:5px}
.footerlogo{width:150px;height:0;padding-top:15px;overflow:hidden;background:url(../images/sp-8.png) no-repeat left -63px}

.returntop:hover{background-position:-225px -215px;}
.returntop {background:url(../images/sp-3.jpg) no-repeat 0 0;background-position:-150px -215px;font-size:0;position:fixed;_position:absolute;right:20px;bottom:42px;width:49px;height:46px;}