@charset "utf-8";

/*------------css declare------------/
 *@Flename              :global.css
 *@Description          :xxxxxxxxx
 *@Author(Version)      :choizhang(1.0), yandeng(1.1), choizhang(1.2)

 *@Page-width           :980px;(固定布局)
 *@Number of columns    :2
/------------css declare------------*/

/*------------css reset star------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,input, textarea, select,button{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
}
ol, ul {
    list-style: none;
}
a:active {
    outline: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Globe Font Control */
body {
    font-family: Microsoft YaHei, "微软雅黑", Tahoma, 'simsun';
    font-size: 14px;
    color: #757575;
    line-height: 1;
    background-color: #ebebeb;
}
header, article, section, footer, nav, aside{
    display: block;
}
/*------------css reset end---------*/

/*------------base star------------*/
.model-center{
    position: relative;
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
    background-color: #fcfcfc;
}
.hide-bgtext{
    position: relative;
    z-index: -1;
}
a{
    color: #37a6e5;
}
/*------------base end------------*/

/*------------common star---------*/

/**
* @name		:footer
* @author	:choizhang
* @version	:1.0
* @type		:公共
* @explain	:整个WSD公共的网站底部信息，需要保证footer以上是要清除浮动?
*/
.footer{
    position: relative;
    top: 30px;
    width: 100%;
    height:104px;
    font-family: "verdana", "宋体";
    line-height: 19px;
    color: #666;
    background: url(../images/css-img/bg-footer.png) repeat-x;
}
.footer p{
    text-align: center;
}
.footer .copyRightEn{
    position: absolute;
    left: 99px;
    top: 32px;
}
.footer a{
    text-decoration: none;
    color: #666;
}
.footer a:hover{
    text-decoration: underline;
}
.footer-simple .tencentNav{
    display: none;
}
.footer .bao{
    position: absolute;
    right: 0;
    width: 254px;
    height: 74px;
    background: url(../images/css-img/bg-footer-bao.png) no-repeat;
}
.footer .bao a{
    display: block;
    width: 100%;
    height: 100%;
}
/* @end **/

/*------------common end------------*/

/*------------index star------------*/
.app-info{
    overflow: hidden!important;
    width: 400px;
    min-height: 350px;
    margin: 55px 0 0 90px;
    padding-bottom: 60px;
}
.app-info header{
    height:90px;
    border-bottom: 1px solid #cccccc;
}
.app-info header img{
    float: left;
    margin-right: 10px;
}
.app-info header h1{
    padding: 20px 0 13px;
    font-size: 24px;
    font-weight: normal;
    color: #000;
}
.app-info header h2{
    color: #454545;
    font-weight: normal;
}
.app-info-text{
    margin: 20px 0;
    line-height: 20px;
}
.btn-download{
    margin: 10px 0 75px;
    position: relative;
}
.btn-download .btn-area{
    float: left;
    margin-right: 10px;
    
}
.btn-download .down2c{
    display: block;
    width: 183px;
    height: 43px;
    text-indent: -999em;
    cursor: pointer;
    background: url(../images/css-img/btn-down2c.png) no-repeat;
}
.btn-download .down2m{
    display: block;
    width: 183px;
    height: 43px;
    text-indent: -999em;
    cursor: pointer;
    background: url(../images/css-img/btn-down2m.png) no-repeat;
}
.fast-link{
    clear: both;
}
.fast-link a{
    float: left;
    width: 38px;
    height:38px;
    margin-right: 10px;
}
.fast-link .android{
    background: url(../images/css-img/app-icon.png) no-repeat;
}
.fast-link .winphone{
    background: url(../images/css-img/app-icon.png) no-repeat -47px 0;
}
.fast-link .apple{
    background: url(../images/css-img/app-icon.png) no-repeat -96px 0;
}
.menu{
    display: none;
    position: absolute;
    top: 44px;
    width: 181px;
    height: 120px;
    padding-left: 2px;
    overflow: hidden;
    background: url(../images/css-img/bg-nmenu.png) no-repeat;
}
.second-menu{
    position: absolute;
    height:120px;
    width: 100%;
}
.just-one{
    height: 35px;
}
.second-menu a{
    display: block;
    height: 34px;
    line-height: 35px;
    border-bottom: 1px solid #e3e3e3;
    padding-left: 45px;
    margin-bottom: 4px;
    font-size: 14px;
    color: #777;
    text-decoration: none;
}
.s-android{
    background: url(../images/css-img/app-icon-small.png) no-repeat 8px -28px;
}
.s-ios{
    background: url(../images/css-img/app-icon-small.png) no-repeat 8px -95px;
}
.s-wp7{
    background: url(../images/css-img/app-icon-small.png) no-repeat 8px -129px;
}
.third-menu{
    position: absolute;
    top: 120px;
    left: 5px;
    height: 120px;
    background-color: #FFF;
}
.third-menu a{
    display: block;
    width: 130px;
    height: 50px;
    padding-left: 45px;
    margin-bottom: 7px;
    border-bottom: 1px solid #e3e3e3;
    line-height: 50px;
    font-size: 14px;
    color: #777;
    text-decoration: none;
}
.t-install{
    background: url(../images/css-img/app-icon-small.png) no-repeat 8px 15px;
}
.t-dtc{
    background: url(../images/css-img/app-icon-small.png) no-repeat 8px -169px;
}
.t-code{
    background: url(../images/css-img/app-icon-small.png) no-repeat 8px -63px;
}
.t-message{
    background: url(../images/css-img/app-icon-small.png) no-repeat 8px -265px;
}
.t-weixin{
    background: url(../images/css-img/app-icon-small.png) no-repeat 8px -229px;
}
.step1, .step2, .step3{
    position: absolute;
    top: 120px;
    height: 108px;
    width: 180px;
    background-color: #FFF;
    text-align: center;
}
.step2 input{
    width: 127px;
    height: 23px;
    padding: 0 5px;
    border: 1px solid #e2e2e2;
    margin-top: 17px;
}
.step2 .send-link{
    display: block;
    width: 144px;
    height: 36px;
    margin: 10px auto;
    text-indent: -999em;
    background: url(../images/css-img/send-link.png) no-repeat;
}
.step3{
    font-size: 12px;
}

.container{
    position: absolute;
    right: 35px;
    top: 50px;
    width: 400px;
    height: 400px;
}
.container div{
    position: absolute;
}
.num1{
    left: 99px;
    height: 377px;
    width: 195px;
    top: 0;
    opacity: 1;
    z-index: 2;
    filter:alpha(opacity=100);
}
.num1 img{
    /*box-shadow: 0px 1px 30px;*/
}
.num2{
    left: 228px;
    width: 145px;
    height: 285px;
    top: 63px;
    opacity: .5;
    filter:alpha(opacity=50);
}
.num3{
    left: 143px;
    width: 110px;
    height: 248px;
    top: 80px;
    opacity: .2;
    filter:alpha(opacity=20);
}
.num4{
    left: 10px;
    width: 145px;
    height: 285px;
    top: 63px;
    opacity: .5;
    filter:alpha(opacity=50);
}
.n-dot{
    width: 65px;
    position: absolute;
    left: 167px;
    top: 393px;
    overflow: hidden;
    font-size: 24px;
    color: #cccccc;
}
.n-dot li{
    float: left;
    margin-right: 5px;
}
.n-dot .now-nav{
    color: #8a8a8a;
}
/*------------index end------------*/
