@charset "utf-8";
html{

}
* {
    margin: 0;
    padding: 0
}
body {
    margin: 0;
    padding: 0;
    font-family: 'Microsoft Yahei','SimHe','SimSun ';
    font-size: 12px;
    min-width: 1085px;
}
h1,h2,h3,h4,h5,h6
{
    font-weight: normal;
    font-family: 'Hiragino Sans GB W6','Microsoft Yahei'
}
i
{
    font-style: normal;
}
input,textarea
{
    outline: none;
    font-family: 'Microsoft Yahei','SimHe','SimSun ';
}
ol, ul {
    margin: 0;
    padding: 0;
    list-style: none
}
img {
    border: 0
}
a {
    text-decoration: none;
    color: #73879c;
    outline: 0;
}
.fl {
    float: left
}
.fr {
    float: right
}
.mar {
    margin: 0 !important
}
.disp-none {
    display: none
}
.header {
    width: 100%;
    height: 40px;
    border-bottom: 1px #e6e9ed solid;
    background: #f5f7fa
}
.header-notification {
    background: rgba(116,135,242,.2);
}

.header-notification-icon{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(https://b.bdstatic.com/searchbox/icms/searchbox/img/header-notification-icon.png) no-repeat 0 -1px;
    background-size: 18px auto;
    vertical-align: middle;
    margin-right: 6px;
}
.header-notification-content {
    width: 1000px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    color: rgba(241, 52, 0, 0.95);
    overflow: hidden;
    padding: 0 43px;
}

.header-notification-link {
    color: #5069e6;
    margin-left: 10px;
}
.header-top {
    width: 1000px;
    height: 40px;
    margin: 0 auto;
    line-height: 40px;
    color: #506a85;
    overflow: hidden;
    padding: 0 43px;
}
.header-top-mail i {
    width: 14px;
    height: 13px;
    background: url(../images/icon-wh.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px
}
.login span {
    font-weight: bold;
    margin: 0 2px;
    color: #73879c;
}
.push-homes a
{
    line-height: 22px;
}
.push-home {
    max-width: 120px;
    overflow: hidden;
    display: inline-block;
    float: left;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.push-home i {
    width: 22px;
    height: 25px;
    background: url(../images/icon-wh.png) -20px 0 no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
}
.header-bott {
    width: 100%;
    height: 96px;
    border-bottom: 1px #e6e9ed solid
}
.head-aus {
    width: 1000px;
    height: 96px;
    margin: 0 auto;
    padding: 0 43px;

}
.logos {
    margin-top: 20px
}
.nav li {
    float: left
}
.nav li a {
    display: block;
    padding: 8px 20px;
    font-size: 16px;
    margin-top: 31px;
    font-weight: bold
}
.nav li a:hover {
    color: #31c0a4
}
.active {
    background: #6585a8;
    color: #fff !important;
}
.flexslider {
    margin: 0 auto;
    position: relative;
    width: 100%;
    height: 440px;
    overflow: hidden;
    zoom: 1;
    z-index: 10;
}

.flexslider b {
    width: 60px;
    height: 60px;
    line-height: 99em;
    overflow: hidden;
    margin-left:10px;
    display: block;
    background: url(../images/ad-ctr.png)  no-repeat;
    position: absolute;
    top: 43%;
    z-index: 10;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    opacity: .5;
    filter: alpha(opacity=50);
}
.flexslider .flex-next {
    background-position: 0 -91px;
    right: 10px;
    z-index: 11
}
.flexslider .flex-prev {
    left: 0;
    z-index: 11
}
.flex-next:hover{
    background-position: 0 -197px;
}
.flex-prev:hover
{
    background-position: 0 -289px;
}
.flex-control-paging li a.flex-active {
    background-position: 0 0
}
.dot {
    width: 120px;
    position: absolute;
    bottom: 0;
    text-align: center;
    left: 50%;
    margin-left: -60px;
    background: #FFF;
    height: 24px;
    border-radius: 3px 3px 0 0;
    z-index: 9
}
.dot input {
    background: url(../images/dot.png) no-repeat 0 -16px;
    display: block;
    height: 16px;
    overflow: hidden;
    width: 16px;
    cursor: pointer;
    border: 0;
    float: left;
    margin: 8px 3px 0 15px;
    outline: 0
}
.active-st {
    width: 16px;
    height: 16px;
    background: url(../images/dot.png) 0 -0px no-repeat !important;
    display: inline-block
}
.silde-bans ul li {
    display: none
}
.sdk-site-ban {
    position: relative;
    width: 100%;
    height: 440px;
    background: #3059ec url(../images/sdk_site.png) no-repeat center;
    overflow: hidden;
}
.sdk-site-ban .sdk-site-href {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.push-ban {
    width: 100%;
    height: 440px;
    background: #4b6580  url(../images/banner1.png) no-repeat center;
    overflow: hidden;
}
.sdk-ban {
    width: 100%;
    height: 440px;
    background:#515151 url(../images/banner2.png) no-repeat center;
    overflow: hidden
}
.exper-ban {
    width: 100%;
    height: 440px;
    background: url(../images/banner3.jpg) repeat  center;
}
.plat-forms
{
    width: 460px;
    margin: 0 auto;
    padding-top:110px;
}
.plat-forms img
{
}
.plats {
    width: 1000px;
    margin: 0 auto;
    padding: 0 43px;

}
.sdk-push {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    text-align: center;
}
.plats-left
{
    padding-top:110px;
    text-align: center;
}
.plats-left p, .sdk-push p {
    font-size: 22px;
    color: #a3b1bf;
    margin-top: 33px;
}
.push-btn {
    width: 226px;
    height: 57px;
    background: #1dbb9c;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-bottom:2px #199f85 solid;
    display: inline-block;
    text-align: center;
    line-height: 57px;
    font-size: 21px;
    color: #fff;
    margin-top: 50px;
}
.push-btn:hover
{
    background: #2bcaab;
}
.mar-au {
    margin: 50px auto 0 auto
}
.plats-rig {
    position: relative;
}
.iphon {
    position: absolute;
    right: 0;
    bottom: 10px
}
.computer-s {
    width: 367px;
    height: 293px;
    background: url(../images/computer.png) no-repeat;
    display: inline-block;
    margin-right: 55px;
    margin-top: 90px;
    text-align: center;
    padding-top: 4px;
}
.posi {
    position: absolute;
    filter:alpha(opacity=60);
    -webkit-opacity:0.6;
    opacity:0.6;
}
.icon-ios {
    top: 130px;
    left: 15%;
}
.icon-java {
    top: 0;
    right: 20%;
}
.icon-php {
    right: 9%;
    bottom: 5px;
}
.icon-roid {
    top: -10px;
    left: 10%;
}
.fixed-top {
    width: 100%;
    height: 50px;
    background: #FFF;
    position: fixed;
    top: 0;
    border-bottom: 1px #e6e9ed solid;
    z-index: 30;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    left: 0;
}
.fixed-blk
{

    width: 100%;
    height: 50px;
    top: 0;
    left: 0;
    z-index: 30;
    background: #FFF;
    border-bottom: 1px #e6e9ed solid;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}
.fixed-autos {
    width: 1000px;
    margin: 0 auto;
    padding: 0 43px;
}
.logo-samll {
    margin-top: 8px;
}
.fixed-nav li {
    float: left;
}
.fixed-nav li a {
    display: block;
    padding: 14.5px 20px;
    font-size: 16px;
    font-weight: bold;
}
.fixed-nav li a:hover {
    color: #31c0a4;
}
.exper-mar
{
    padding-top:80px;
}
.j-exper {
    margin: 5px auto 0 auto;
}
.exper-bk {
    width: 591px;
    height: 118px;
    background: url(../images/seim.png) no-repeat;
    margin: 35px auto 0 auto;
    filter:alpha(opacity=60);
    -webkit-opacity:0.6;
    opacity:0.6;
}
.bodyer-top {
    width: 1000px;
    margin: 0 auto;
    padding: 80px 43px 65px 43px;
}
.bodyer-push {
    width: 800px;
    margin: 0 auto;
    text-align: center;
}
.bodyer-push h2 {
    font-size: 40px;
    color: #506a85;
    margin-bottom: 15px;
}
.bodyer-push p {
    font-size: 18px;
    color: #73879c;
    line-height: 36px;
}
.bodyer-number {
    width: 660px;
    height: 56px;
    background: url(../images/repe.jpg) repeat;
    margin: 50px auto;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 56px;
    position: relative;

}
.number-slide
{
    padding: 0 38px;
}
.number-slide:after
{
    display: block;
    content: "";
    height: 0;
    clear: both;
}
/*.number-slide ul li div*/
/*{*/
/*height: 830px;*/
/*background: url(../images/number.png) -8px 6px no-repeat;*/
/*}*/

.number-slide ul li div
{
    width: 33px;
    height: 830px;
    background: url(../images/number.png) -8px 6px no-repeat;
    display: inline-block;
}


.billion,.must,.mill
{
    font-size: 32px;
    padding: 0 3px;
}

.number-slide ul li
{
    overflow: hidden;
    height: 41px;

    display: inline-block;
    vertical-align: top;
}
.number-slide ul li.billion div
{
    width: 20px;
    background-position: -15px 7px;
}
.number-slide ul li.million div {
    background-position: -8px -12px;
}

/*.million {*/
/*width: 18px;*/
/*display: inline-block;*/
/*overflow: hidden;*/
/*margin-left:2px;*/
/*margin-top:9px;*/
/*}*/

.million {
    width: 32px;
    background: url(../images/bk.png) 2px 0px no-repeat;
    display: inline-block;
    overflow: hidden;
    margin-left: 2px;
    margin-top: 9px;
}

.bodyer-number span {
    font-size: 32px;
    margin: 0 5px;
    vertical-align: middle;
}
.bodyer-number img
{
    vertical-align: middle;
    margin-top:-10px;
    *margin: 0;
    display: inline-block;
}
.bodyer-top-bs {
    width: 1000px;
    overflow: hidden;
}
.bodyer-top-bs ul {
}
.bodyer-top-bs ul li {
    float: left;
    margin: 20px 0px;
    width:340px;
}
.safe {
    width: 70px;
    height: 65px;
    background: url(../images/icon-ic.png) no-repeat;
    display: inline-block;
    float: left;
    margin-top:-5px;
}
.safe-wh
{
    width: 356px !important;
}
.safe-whis
{
    width: 300px !important;
}
.safe-whis .safe-rs
{
    width: 210px !important;
}
.safe-s1 {
    background: url(../images/icon-ic.png) -74px 5px no-repeat;
}
.safe-s2 {
    background: url(../images/icon-ic.png) -150px 0 no-repeat;
}
.safe-s3 {
    background: url(../images/icon-ic.png) -1px -65px no-repeat;
    margin-top:-10px;
}
.safe-s4 {
    background: url(../images/icon-ic.png) -69px -65px no-repeat
}
.safe-s5 {
    background: url(../images/icon-ic.png) -149px -65px no-repeat;
    margin-top:-14px;
}
.safe-rs {
    float: left;
    width: 240px;
}
.safe-rs h3 {
    color: #506a85;
    font-size: 24px;
    margin-bottom: 15px
}
.safe-rs p {
    color: #73879c;
    font-size: 14px;
    line-height: 26px
}
.scene {
    width: 100%;
    padding: 80px 0;
    background: #f2f5f7
}
.locals {
    width: 1000px;
    overflow: hidden;
    margin: 75px auto;
    padding: 0 43px;
}
.locals-disps {
    width: 313px;
    border-bottom: 1px #e6e9ed solid;
    background: #FFF;
    float: left;
    margin-right: 30px
}
.locals-disps a {
    width: 313px;
    height: 185px;
    overflow: hidden;
    display: block
}
/*.sj-s1 {
    background: #b3c4cf
}
.sj-s2 {
    background: #b9beba
}
.sj-s3 {
    background: #bbc1c5
}*/
.locals-bott {
    padding: 20px;
    font-size: 14px;
    line-height: 24px;
    color: #73879c;
    border: 1px #e6e9ed solid;
    border-top: none
}
.locals-bott span {
    color: #1dbb9c
}
.push-new {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 43px;
}
.push-new h3 {
    font-size: 24px;
    color: #506a85;
    margin-bottom: 10px
}
.push-new h3 span {
    font-weight: normal;
    color: #bec2c4;
    font-size: 16px;
    margin: 0 10px;
    padding-left: 6px
}
.push-new h3 a {
    font-size: 14px;
    color: #73879c
}
.new-icon {
    width: 25px;
    height: 10px;
    background: url(../images/icon-wh.png) 0 -94px no-repeat;
    display: inline-block;
    vertical-align: top;
    margin-top: 6px;
    margin-left: 4px
}
.async-icon {
    width: 34px;
    height: 34px;
    background: url(../images/icon-wh.png) -2px -31px no-repeat;
    display: inline-block;
    vertical-align: middle
}
.async-icon2 {
    background: url(../images/icon-wh.png) 0 -60px no-repeat
}
.push-new ul li {
    width: 480px;
    line-height: 36px;
    overflow: hidden
}
.push-new ul li a {
    font-size: 16px;
    float: left;
    font-family: '微软雅黑';
    width: 376px;
    overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
}
.push-new ul li a:hover {
    color: #31c0a4
}
.push-new ul li span {
    text-align: right;
    font-size: 16px;
    color: #a1b1c2;
    float: right
}
.push-new ul h3 a:hover
{
    color:#31c0a4;
}
.baidu-dk {
    width: 1000px;
    margin: 80px auto;
    overflow: hidden;
    padding:  0 43px;
}
.baidu-down h2 {
    text-align: center;
    font-size: 40px;
    color: #506a85
}
.down-top {
    margin-top: 60px;
    overflow: hidden;
}
.down-top li {
    border: 1px #dae3ec solid;
    float: left;
    text-align: center;
    width: 233px;
    height: 217px;
    margin-right: 10px;
    overflow: hidden;
    -webkit-transition: All .1s linear;
    -moz-transition: All .1s linear;
    -o-transition: All .1s linear;
    transition: All .1s linear;
    cursor: pointer
}
.down-top li strong {
    display: block;
    font-size: 16px;
    color: #73879c;
    margin-top: 4px;
    margin-bottom: 12px
}
.down-top li p {
    color: #73879c
}
.down-hover li:hover {
    background: #1dbb9c
}
.down-hover li:hover strong, .down-hover li:hover p {
    color: #fff
}
.down-hover li:hover .share {
    background: url(../images/icon-ic.png) 10px -210px no-repeat
}
.down-hover li:hover .push-ios {
    background: url(../images/icon-ic.png) -65px -210px no-repeat
}
.down-hover li:hover .push-php {
    background: url(../images/icon-ic.png) -147px -216px no-repeat
}
.down-hover li:hover .push-java {
    background: url(../images/icon-ic.png) -266px -208px no-repeat
}
.share {
    width: 82px;
    height: 85px;
    background: url(../images/icon-ic.png) 10px -125px no-repeat;
    display: inline-block;
    margin-top: 34px;
    position: relative;
}
.push-ios {
    background: url(../images/icon-ic.png) -64px -128px no-repeat
}
.push-php {
    width: 112px;
    background: url(../images/icon-ic.png) -146px -130px no-repeat
}
.push-java {
    background: url(../images/icon-ic.png) -266px -118px no-repeat
}
.push-python {
    background: url(../images/python1.png) no-repeat;
    background-size: cover;
    width: 90px;
}
.down-bott {
    overflow: hidden;
    margin-top: 40px
}
.down-bott li {
    border: 1px #dae3ec solid;
    width: 233px;
    float: left;
    margin-right: 20px;
    text-align: center;
    color: #73879c;
    font-size: 14px;
    -webkit-transition: All .1s linear;
    -moz-transition: All .1s linear;
    -o-transition: All .1s linear;
    transition: All .1s linear;
}
.down-bott li a {
    display: block;
    width: 233px;
    padding: 12px 0;

}
.down-bott li a:hover
{
    background: #1dbb9c;
    color: #fff !important;
}
.down-loads {
    width: 1085px;
    margin: 0 auto 0 auto;
    overflow: hidden;
    padding-bottom: 90px;
    position: relative;
    min-width: 1085px;
}
.down-loads h2 {
    text-align: center;
    font-size: 40px;
    color: #506a85;
    margin-bottom: 70px
}
.case-icon {
    width: 995px;
    overflow: hidden;
    height: 184px;
    position: relative;
    margin-left:43px;
}
.case-icon ul
{
    width: 1000px;
    margin: 0 auto;
    position: absolute;
    min-width: 1085px;
}
.case-le
{
    width: 30px;
    height: 53px;
    background: url(../images/ad-ctr.png) -16px -50px no-repeat;
    display: inline-block;
    position: absolute;
    left: 0px;
    top:150px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    filter: alpha(opacity=70);
    -webkit-opacity: 0.7;
    opacity: 0.7;
}
.case-le:hover
{
    background-position: -17px -336px;
}
.case-rig
{
    width: 30px;
    height: 53px;
    background: url(../images/ad-ctr.png) -13px -136px  no-repeat;
    display: inline-block;
    position:absolute;
    right: 0px;
    top:150px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    filter: alpha(opacity=70);
    -webkit-opacity: 0.7;
    opacity: 0.7;
}
.case-rig:hover
{
    background-position: -14px -246px;
}
.hovers
{
    height: 120px;
}
.case-icon ul li {
    float: left;
    width: 145px;
    height: 118px;
    text-align: center;
    position: relative;
    cursor: pointer;
    -webkit-transition: All .3s linear;
    -moz-transition: All .3s linear;
    -o-transition: All .3s linear;
    transition: All .3s linear;
}
.case-icon ul li i
{
    width: 128px;
    height: 122px;
    position: absolute;
    top:0;
    left: 0;
    display: none;
    overflow: hidden;
    background: #6a7f95;
    filter: alpha(opacity=90);
    -webkit-opacity: 0.90;
    opacity: 0.90;
    -webkit-transition: All .3s linear;
    -moz-transition: All .3s linear;
    -o-transition: All .3s linear;
    transition: All .3s linear;
}
.case-icon ul li:hover i
{
    display: block;
}
.case-icon ul li span
{
    display: none;;
}
.actibk i
{
    width: 128px !important;
    height: 128px;
    display: block !important;
    position: absolute;
    top: 0;
    left: 0;
    background: #eef1f3 !important;
    opacity: .6 !important;
    filter: alpha(opacity=60) !important;
    -moz-opacity: .6 !important;
}
.case-icon ul li:hover span {
    width: 145px;
    height: 118px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left:-82px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    display: block;
    line-height: 118px;
    z-index: 2;
    -webkit-transition: All .1s linear;
    -moz-transition: All .1s linear;
    -o-transition: All .1s linear;
    transition: All .1s linear;
}
.actibk em{
    width:0;
    height:0;
    border-left:15px solid transparent;
    border-right:15px solid transparent;
    border-bottom:15px solid #eef1f3;
    position: absolute;
    top:170px;
    left: 45px;
}

.case-icon ul li img {
    margin-top: 10px;
    margin-left:-17px;
}
.case-radi {
    width: 71px;
    margin: 40px auto 0 auto;
    overflow: hidden
}
.case-radi a {
    width: 15px;
    height: 15px;
    background: #516a84;
    display: block;
    float: left;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;


    margin: 0 10px
}
.curr {
    background: #1dbb9c !important
}

.exper-auto {
    width: 1000px;
    margin: 80px auto 0 auto;
    clear: both;
}
.exper-auto h1 {
    color: #506a85;
    font-size: 48px;
    margin-top: 60px
}
.step h3 {
    color: #1dbb9c;
    font-size: 28px;
    margin-top: 70px;
    margin-bottom: 40px
}

.step-demo
{
    width: 140px;
    padding: 25px;
    border:1px #e8e8e8 solid;
    text-align: center;
}
.step-demo img
{
    width: 140px;
    height: 140px;
}
.step-demo span
{
    color: #73879c;
    margin-top: 5px;
    display: block;
    font-size: 16px;
}
.step h3 span {
    color: #73879c;
    font-size: 18px
}
.step-img {
    overflow: hidden
}
.expers
{
    width: 260px;
    height: 394px;
    background: url(../images/expers.png) no-repeat;
}
.expers-con
{
    width: 178px;
    height: 290px;
    overflow: hidden;
    margin-top: 35px;
    margin-left:11px;
    color: #fff;
    font-size: 14px;
    padding-top:30px;
    color: #73879c;

}
.expers-con h4
{
    font-size: 12px;
    margin-top:70px;

}
.exper-push
{
    background: #1dbb9c;
    border: 0;
    display: block;
    padding: 10px 36px;
    font-size: 14px;
    color: #fff;
    position: absolute;
    left: 73px;
    cursor: pointer;
    border-bottom:2px #199f85 solid;
}
.exper-push:hover
{
    background: #2bcaab;
}
.rela
{
    position: relative;
}
.siti
{
    position: absolute;
    top: 216px;
    right: 5px;
    color: #ccc;
    font-size: 12px;
}
.exper-tent
{
    width: 120px;
    height: 100%;
    margin-left:50px;
    margin-top:10px;
    line-height: 24px;
    word-wrap:break-word;
    word-break:break-all;
    white-space:pre-wrap;

}
.text-length {
    width:  7em;
    border: 1px #d3dce6 solid;
    color: #73879c;
    font-size: 18px;
    text-indent: 4px;
    outline: 0;
    padding: 12px 0;
}
.area-size {
    width:  20em;
    height: 232px;
    vertical-align: top;
    resize: none;
    outline: 0;
    font-size: 16px;
    border: 1px #d3dce6 solid;
    overflow: auto;
    word-wrap:break-word;
    word-break:break-all;
    white-space:pre-wrap;
    color: #73879c;
    padding: 4px;
}
.step-img ul li {
    margin-bottom: 30px;
    color: #73879c;
    font-size: 18px
}
.step-img ul li label {
    width: 65px;
    text-align: center;
    display: inline-block;
    margin-right: 8px
}
.mar-ls {
    margin-left: 100px
}
.down-client {
    height: 170px;
    padding-top:2px;
    padding-left:1px;
}
.down-client li {
    width: 158px;
    height: 158px;
    position: relative;
    overflow: visible;
    z-index: 10;
    border: 1px #dae3ec solid;
    -wekit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.down-client li:hover
{
    /*outline: 1px #95b0cf solid;*/
    border: 2px #95b0cf solid !important;
    -wekit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.down-client li span {
    margin-top: 5px
}

.down-client li i {
    position: absolute;
    bottom: -9px;
    left: 50%;
    margin-left: -7px;
    overflow: hidden;
    width: 14px;
    height: 14px;
}

.down-client li:hover i {
    border-bottom: 2px solid #95b0cf !important;
    border-right: 2px solid #95b0cf !important;
    background: #fff;
    border: 0\0 !important;
    display: block !important;
    margin-top:1px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: none\0 !important;
    *display: none !important;
}

.this-bor {
    /*outline: 1px #95b0cf solid !important;*/
    border: 2px #95b0cf solid !important;
}

.this-bor i {
    border-bottom: 2px solid #95b0cf !important;
    border-right: 2px solid #95b0cf !important;
    background: #fff;
    border: 0\0 !important;
    display: block !important;
    margin-top:1px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: none\0 !important;
    *display: none !important;
}

.story-whole
{
    position: relative;
    padding-bottom:110px;
}

.history-le {
    width: 2px;
    height: 100%;
    background: #dadee0;
    position: absolute;
    left: 499px;
    top: 0;
    z-index: -9
}

/*.fl.repairs-le{
    float: none !important;
}*/

.repairs {
    overflow: hidden;
    margin-top: 60px
}

.repairs-le {
    width: 70px
}



.repairs {
    width: 360px;
    overflow: hidden;
    margin: 60px auto 0 auto;
    position: relative;
}

.repairs:nth-child(odd) {
    left: 155px;
}

.repairs:nth-child(even) {
    left: -155px;
}

.repairs-le {
    width: 50px;
    overflow: hidden;
    position: relative
}

.fl.repairs-le{
    float: none !important;
}

.repairs:nth-child(odd) .repairs-le {
    float: left !important;
}

.repairs:nth-child(odd) .repairs-rig {
    margin-left: 20px;
}

.repairs:nth-child(even) .repairs-le {
    float: right !important;
}


.repairs-le span {
    margin-right: 0 !important;
}

.repairs-rig {
    width: 260px !important;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden !important;
}

.repairs-le span {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: #8ca2ba;
    border-radius: 50px;
    -ms-border-radius: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-weight: bold;
    margin-right: 30px
}

.repairs-rig h4 {
    width: 260px;
    height: 35px;
    background: #8ca2ba;
    text-align: center;
    line-height: 35px;
    color: #fff;
    font-size: 14px;
    position: relative;
    margin-top: 8px;
    margin-bottom: 12px;
    font-weight: normal
}

.repairs:nth-child(odd) .repairs-rig h4 span {
    content: "";
    position: absolute;
    right: 100%;
    top: 12px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 10px solid #8ca2ba;
    border-bottom: 5px solid transparent
}

.repairs:nth-child(even) .repairs-rig h4 span {
    content: "";
    position: absolute;
    right: 100%;
    top: 12px;
    left: 260px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 10px solid #8ca2ba;
    border-bottom: 5px solid transparent
}

.repairs:nth-child(even) .inher-rig h4 span {
    border-left: 10px solid #b0b2b3 !important;
}

.repairs:nth-child(odd) .inher-rig h4 span {
    border-right: 10px solid #b0b2b3 !important;
}

.repairs-rig li {
    color: #6b7491;
    line-height: 20px;
    word-wrap: break-word;
}

.repairs-rig li a {
    margin-top: 10px
}

.now-down {
    width: 118px;
    height: 33px;
    background: #1dbb9c;
    display: inline-block;
    border-bottom: 2px #199f85 solid;
    text-align: center;
    color: #ffffff;
    line-height: 33px;
    font-size: 14px;
    margin-right: 16px
}

.now-down:hover
{
    background: #2bcaab;
}

.document-midd:hover
{
    color: #1dbb9c;
}

.inher-le span {
    width: 15px;
    height: 15px;
    background: #b0b2b3;
    margin-top: 16px;
    margin-left: 18px
}

.inher-rig h4 {
    background: #b0b2b3
}

.inher-rig li
{
    color: #999999;
}

.repairs-bk span {
    background: #b0b2b3
}

.footer {
    background: #304051;

}

.footer-top {
    padding: 75px 43px;
    margin: 0 auto;
    width: 1000px;
    overflow: hidden;
    min-width: 1000px;
}

.footer-top ul {
    float: left
}

.footer-top ul li h3 {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    margin-right: 60px;
    letter-spacing: 2px;
    margin-bottom: 30px
}

.footer-top ul li a {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 15px;
    display: inline-block
}

.footer-top ul li a:hover {
    color: #31c0a4
}

.footer-top ul li span {
    color: #73879c;
    margin-bottom: 15px;
    display: inline-block;
    font-size: 14px
}

.footer-top ul li span em {
    margin: 0 12px
}

.footer-bott {
    background: #283644;
    height: 83px;
    line-height: 83px;
    overflow: hidden;
}

.footer-bo-au {
    width: 1000px;
    margin: 0 auto
}

.footer-bo-au span {
    color: #707e8c
}

.foot-bot a {
    font-size: 14px
}

.foot-bot a:hover {
    color: #31c0a4
}

.foot-bot span {
    margin: 0 5px
}

.fixeds {
    width: 45px;
    position: fixed;
    right: 20px;
    bottom: 140px;
    z-index:999;
}

.fixeds a {
    width: 45px;
    height: 45px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: block;
    margin-bottom: 5px;
    position: relative
}

.fixes {
    width: 37px;
    height: 30px;
    background:#97a6b5 url(../images/icon-wh.png) -39px 14px no-repeat;
    display: inline-block;
    text-align: center;
    margin: 0 auto
}

.fixes:hover {
    background: #516a84 url(../images/fixed_top.png) 4px 1px  no-repeat;
}

.fixe-edit {
    background:#97a6b5 url(../images/icon-wh.png) -40px -20px no-repeat;
}

.fixe-edit:hover {
    background: #516a84 url(../images/fixed_top.png) 3px -35px no-repeat;
}

.fixe-top {
    background:#97a6b5 url(../images/icon-wh.png) -41px -51px no-repeat;
}

.fixes.qrcode {
    background:#97a6b5 url(../images/icon_qrcode.png) no-repeat;
}

.qrcode-push {
    position: absolute;
    right: 0;

    padding: 12px;
    border: 1px solid #ddd;

    background: #fff;
}

.icon-close {
    position: absolute;
    right: 1px;
    top: 2px;

    width: 10px;
    height: 10px;

    background: url('../images/close.png');
}

.fixe-top:hover {
    background: #516a84 url(../images/fixed_top.png) 3px -70px no-repeat;
}
/*合作案例*/
.case-h h2 {
    color: #506a85;
    font-size:48px;
    margin-top:80px;
}
.case-coop {
    padding-top:50px;
    padding-bottom:0px;
    margin-left:-60px;
}
.case-coop ul li:hover i {
    display: none;
}
.case-coop ul li  i
{
    z-index: -1;
}
.case-detaile {
    width: 100%;
    padding: 80px 0 90px 0;
    height:106px;
    background: #eef1f3;
}
.detaile-cont {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
.detaile-cont h3 {
    font-size: 30px;
    color: #506a85;
    font-size: 30px;
    margin-bottom:14px;
}
.detaile-cont p {
    color: #73879c;
    font-size: 14px;
    line-height: 26px;
    width: 646px
}
.qr-code {
    position: absolute;
    right: 0px;
    top: -20px;
}
.qr-code ul li {
    float: left;
    margin-left:30px;
}

.qr-code ul li img
{
    width: 120px;
    height: 120px;
    border: 10px #fff solid;
}
.qr-code ul li span {
    text-align: center;
    display: block;
    color: #506a85;
    line-height: 26px;
}

.push-map {
    width: 1000px;
    margin: 0 auto;
    padding: 80px 0;
    overflow: hidden;
}
.btn-le {
    top: 80px;
}
.btn-rg {
    top: 80px;
}
.push-map h4 {
    color: #506a85;
    font-size: 22px;
    margin-bottom:12px;
    text-align:left;
}
.push-map p {

    font-size: 16px;
    color: #73879c;
    line-height: 28px;
    text-align:left;
}
.use-more {
    width: 1000px;
    margin: 0 auto 135px auto;
    overflow: hidden;
}
.use-more ul li a {
    cursor:default;
}

.use-more h3 {
    color: #506a85;
    font-size: 48px;
    margin-bottom:20px;
}
.use-more ul li {
    float: left;
    margin-right:51px;
    padding-top:50px;
    position: relative;
}
.use-more ul li i
{
    width: 80px;
    height: 19px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 19px;
    background: #acc0d5;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 19px;
    left: 0;
    display: none;
}
.use-more ul li:hover i
{
    display: block;
}
.use-more ul li i:after
{
    display: inline-block;
    overflow: hidden;
    border-bottom:  0px  none ;
    border-top: 8px solid #acc0d5;
    border-left: 8px dashed transparent;
    border-right: 8px dashed transparent;
    content: "";
    left: 32px;
    position: absolute;
    top: 15px
}
.use-more ul li img {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.step-bott {
    margin-bottom:110px;
}
.iphone-big {
    width: 170px;
    display: block;
    color: #fff;
    line-height: 22px;
    word-wrap:break-word;
    word-break:break-all;
    position: absolute;
    top: 90px;
    left: 60px;
    font-size: 14px;
}
.push-map ul {
    overflow: hidden;
}
.push-map ul li {
    width: 250px;
    height: 465px;
    overflow: hidden;
    background: url(../images/iphone_03.png) no-repeat;
    float: left;
    margin-right:124px;
    position: relative;
}
.push_dyname {
    padding: 25px 30px;
    background: #f9f9f9;
    margin-top:60px;
}
.push-map ul li img {
    width: 224px;
    height: 377px;
    overflow: hidden;
    margin-left:13px;
    margin-top:44px;
}
/*问题反馈*/
.feed-whole {
    width: 100%;
    background: #f2f5f7;
    padding: 20px 0;
}
.feed-au {
    width: 806px;
    margin: 0 auto;
    overflow: hidden;
}
.ipt-tx {
    width: 384px;
    height: 34px;
    border: 1px #ecf0f2 solid;
    text-indent: 1em;
    color: #666;

}
.ipt-btn {
    width: 100px;
    height: 36px;
    border: 1px #ecf0f2 solid;
    background: #1dbb9c;
    border-left:0;
    color: #f8f8f8;
    font-size: 16px;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
    font-family: 'Microsoft Yahei','SimHe','SimSun ';
}
.ipt-btn:hover {
    background:#21ad90;
}

.feed-oa {
    background: #678ab1;
    display: inline-block;
    margin-left:14px;
    border: 1px #ecf0f2 solid;
    height: 34px;
}
.feed-oa:hover {
    background:#7894b6;
}
.feed-problem {
    width: 1000px;
    margin: 0 auto;
    padding-top:55px;
    padding-bottom:100px;
}
.feed-problem-t h3 {
    color: #506a85;
    font-size: 40px;
    margin-bottom:15px;
}
.feed-problem-t a {
    display: block;
    color: #73879c;
    font-size: 16px;
    margin-top:15px;
    font-family: "Microsoft Yahei","SimSun ";
}
.feed-problem-b {
    position: relative;
}
.feed-problem-b h3 {
    color: #506a85;
    font-size: 40px;
    margin-top:50px;
}
.feed-problem-b ul {
    clear: both;
}
.feed-problem-b ul li  {
    margin-top:30px;
    clear: both;
    position: relative;
}
.ipn-size {
    width: 686px;
    height: 43px;
    border: 1px #e0e4e7 solid;
    font-size: 16px;
    color: #73879c;
    text-indent: 1em;
    font-family: 'Microsoft Yahei','SimSun ';
}
.feed-problem-b ul li label {
    font-size: 16px;
    color:#73879c;
}
.text-ar {
    height: 300px;
    resize: none;
    vertical-align: top;
    outline: 0;
    overflow:auto;
    padding: 10px 0;
    margin-top:-10px;
}

.cate {
    width: 190px;
    border: 1px #e5e9ec solid;
    display: block;
    text-align: center;
    line-height: 35px;
    color: #b7bfc8;
    cursor: pointer;
    margin-left:51px;
    position: relative;
}
.cate span i {
    width: 22px;
    height: 6px;
    background: url(../images/arrow-icon.png) 10px 0 no-repeat;
    display: inline-block;
    vertical-align: middle;
}
.cate ul {
    width: 190px;
    background: #fff;
    position: absolute;
    top: 35px;
    left: -1px;
    border: 1px #b7bfc8 solid;
    border-top:0;
    z-index: 10;
    overflow: hidden;
}
.cate:hover {
    border: 1px #b7bfc8 solid;
    color: #b7bfc8;
}
.cate ul li {
    margin-top:0;
    height: 26px;
    line-height: 26px;
    padding-left:14px;
    color: #b7bfc8;
    text-align: left;
}
.cate ul li:hover {
    background: #b7bfc8;
    color: #fff;
    cursor: pointer;
}
.suggestions {
    position: absolute;
    left: 126px;
    top: 110px;
    font-size: 22px;
    color: #e4e7e9;
    width: 580px;
}
.cate-le {
    margin-left:20px;
}
.file-rf {
    margin-left:20px;
    position: relative;
}
.file-rf p {
    float: left;
    color: #979797;
    line-height: 35px;
    margin-left:12px;
}
.flie-is {
    height: 35px;
    width: 80px;
    position: absolute;
    left:0;
    top:0;
    filter:alpha(opacity=0);
    -webkit-opacity:0;
    opacity:0;
    cursor: pointer;
}
.file-sty {
    width: 80px;
    height: 35px;
    border: 1px #e5e9ec solid;
    display: block;
    background: #fbfbfb url(../images/add-icon.png) center no-repeat;
}
.file-sty:hover span {
    color: #fff;
}
.file-hover {
    width: 80px;
    height: 35px;
}
.file-over {
    background: #979797 !important;
    color: #fff;
    text-align: center;
    line-height: 35px;
}
.file-sty span {
    text-align: center;
    display: block;
    width: 80px;
    float: left;
}
.btn-submit {
    padding: 13px 44px;
    font-size: 18px;
    background: #1dbb9c;
    border: 0;
    border-bottom:2px #199f85 solid;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-left:51px;
    margin-top:30px;
    cursor: pointer;
}
.btn-submit:hover
{
    background: #2bcaab;
}
.img-vuew {
    margin-left:20px;
}
/*产品动态*/
.feed-problem-t p {
    color: #73879c;
    font-size: 17px;
    line-height: 40px;
    font-family: 'Microsoft Yahei','SimSun ';
}
.img-products {
    width: 670px;
    overflow: hidden;
    margin: 35px 0;
}
.products {
    padding-bottom:25px;
}
/*问题列表*/
.answer {
    width: 1000px;
    margin: 0 auto;
    padding-top:60px;
    padding-bottom:100px;
    position: relative;
}
.answer-top {
    border-bottom:1px #e6e8ec solid;
    padding: 0 142px;
    height: 51px;
    position:relative;
    clear: both;
}

.answer-hot {
    margin-top:40px;
}
.answer-top ul li {
    float: left;
    width: 177px;
    height: 50px;
    line-height: 50px;
    font-size: 22px;
    color: #97a6b5;
    border-top:1px #e6e8ec solid;
    border-left: 1px #e6e8ec solid;
    text-align: center;
    background: #f2f5f7;
    position: relative;
}
.answer-top ul li a
{
    display: block;
    width: 177px;
    height: 50px;
}

.answer-top ul li:last-child
{
    border-right:1px #e6e8ec solid;
}
.answer-this {
    background: #fff !important;
    height: 51px !important;
    overflow: hidden;
}
.answer-this a {
    color: #506a85;
}
.bor-rs {
    border-right: 1px #e6e8ec solid;
}
.answer-solev {
    padding-top:30px;
    padding-bottom:36px;
    border-bottom:1px #eceff1 solid;
    overflow: hidden;
    width: 1000px;
    margin: 0 auto;
}
.solev-le {
    padding: 6px 12px;
    width: 10px;
    border:1px #1dbb9c solid;
    color: #1dbb9c;
    font-size: 14px;
}
.no-solev {
    border: 1px #9faebe solid;
    color: #9faebe;
}
.solev-rig p {
    width: 915px;
    margin-left:28px;
    color: #667e97;
    font-size: 16px;
    overflow: hidden;
    margin-top:7px;
}
.small-cor {
    color: #b6b6b6;
    font-size: 14px;
}
.solev-rig p span i {
    font-size: 22px;
    display: inline-block;
    vertical-align: middle;
}
.solev-rig p span em {
    padding: 4px 10px;
    background: #eceff1;
    margin-right: 10px;
    font-size: 12px;
    color: #98a6b5;
    display: inline-block;
    font-style: normal;
}
.full-name {
    font-size: 12px;
    color: #98a6b5;
    line-height: 33px;
}
.news-leng {
    width: 650px;
}
.load-more {
    width: 1000px;
    height: 50px;
    background: #eceff1;
    text-align: center;
    line-height: 50px;

}
.load-more a {
    color: #8b95a0;
    font-size: 18px;
}
/*问题详情*/
.reply {
    width: 1000px;
    margin: 0 auto;
    padding-bottom:80px;
}
.details {

    background: #f1f1f1;
    padding: 18px;
    margin: 0 auto;
    line-height: 28px;

}
.details:after {
    display:block;
    content:"";
    height:0;
    clear:both;
}
.details-le {
    width: 47px;
    color: #899bad;
    font-size: 24px;
    line-height: 28px;
}
.details-rs {
    width: 915px;
    color: #899bad;
    font-size: 14px;
    line-height: 28px;
    white-space: pre-wrap;
    word-break: break-all;
}
.reply-saimm {
    overflow: hidden;
    margin-top:20px;
    padding: 18px;
}
.blems {
    margin-top:4px;
}
.blems img {
    border: 1px #e2e8ed solid;
    margin-left:65px;
}
.set-state {
    padding: 6px 18px;
    border: 0;
    border-bottom:2px #7991a9 solid;
    border-radius: 1px;
    cursor: pointer;
    color: #fff;
    background: #8faac7;
    display: block;
    float: right;
}
.blems p {
    text-align: right;
}
.detaile-bor {
    border-bottom:1px #e4e4e4 solid;
    overflow: hidden;
    padding-bottom:15px;
}
.bor-none {
    border: 0 !important;
}
.dateils-sub {
    overflow: hidden;
}
.fail {
    color: #ff6565;
    font-size: 14px;
    margin-left:10px;
}
.fail i {
    width: 16px;
    height: 16px;
    background: url(../images/fail.png) no-repeat;
    vertical-align: middle;
    display: inline-block;
    margin-right:5px;
}

.succ {
    color:#1dbb9c;
    font-size: 14px;
    margin-left:15px;
}
.succ i
{
    width: 16px;
    height: 16px;
    background: url(../images/succ.png) no-repeat;
    vertical-align: middle;
    display: inline-block;
    margin-right:5px;
}
.does {
    width: 100%;
    height: 462px;
    background: url(../images/404.jpg) center no-repeat;
}
.does-p {
    width:657px;
    margin: 0 auto;
    text-align: right;
}
.does-turn {
    color: #1dbb9c;
    font-size: 16px;
}
.does-turn i {
    width: 29px;
    height: 18px;
    background: url(../images/le_arrow.jpg) no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right:10px;
}
.does-mar {
    margin-bottom:100px;
}
/*新闻*/
.sdk-up {
    width: 1000px;
    margin: 70px auto 0 auto;
}
.sdk-up h3 {
    font-size: 30px;
    color: #73879c;
    padding-top: 24px;
    padding-bottom:12px;
    text-align: center;
}
.sdk-news {
    width: 1000px;
    margin: 70px auto 0 auto;
    position: relative;
}
.sdk-news h3 {
    font-size: 30px;
    color: #73879c;
    padding-top: 24px;
    padding-bottom:12px;
}
.sdk-up p {
    color: #73879c;
    font-size: 14px;
    margin-bottom: 30px ;
}
.news-context {
    width: 1000px;
    margin: 70px auto 0 auto;
}
.news-context h3 {
    font-size: 1.2em;
    color: #73879c;
    padding-top: 24px;
    padding-bottom:12px;
}
.news-context p {
    font-size: 14px;
    margin-bottom: 30px ;
}
.sdk-upst {
    width: 1000px;
    margin: 0 auto;
    padding-bottom:60px;
}

.sdk-upst span {
    color: #73879c;
    display: block;
    margin: 14px 0;
    font-size: 14px;
}
.sdk-upst p {
    color: #999;
    line-height: 26px;
}
.sdk-news {
    width: 1000px;
    margin: 0 auto;
}
.sdk-news span {
    color: #757677;
    display: inline-block;
    margin: 14px 0;
    font-size: 14px;
}
.sdk-news p {
    line-height: 26px;
}
.news-context {
    width: 1000px;
    margin: 0 auto;
}
.news-context span {
    color: #73879c;
    display: block;
    margin: 14px 0;
    font-size: 14px;
}
.news-context p {
    color: #999;
    line-height: 26px;
}
.family-ws {
    font-family: 'Microsoft Yahei','SimSun ';
}
.news-title p {
    text-align: center;
}
.news-title {
    border-bottom: 1px #eff1f7 solid;
    margin-bottom: 20px;
}
.news-upst span {
    text-align: center;
    font-size: 16px;
}
.news-upst span {
    width: 600px;
    margin: 6px auto;
    text-align: left;
    line-height: 26px;
    font-size: 18px;
}
.news-upst p {
    font-size: 14px;
    width: 600px;
    text-align: left;
    margin: 0px auto;
    line-height: 28px;
    letter-spacing: 6px;
    margin-left: 15px;
}
.news-main p {
    width: 600px;
    text-align: left;
    margin:0 0 0 7px;
    line-height: 2em;
    font-size: 1.3em;
}
.news-text p {
    color: #757677;
    width: 702px;
    line-height: 2em;
    font-size: 1.2em;
    margin-bottom: 20px;
}
.news-text h1 {
    text-align: left;
}
/*产品中心*/
.product {
    padding: 30px 0;
    margin-top:55px;

}
.product .items {
    width: 1000px;
    margin: 0 auto;
    padding: 50px 30px  0 70px;
    background: #fff;
}

.product .items .item {
    height: 330px;
    padding-bottom: 30px;
}
.product .items .item .icon {
    float:right;
    width: 500px;
    height: 330px;
    text-align: left;
    vertical-align: middle;
}
.product .items .item .con {
    float:left;
    width: 500px;
    padding: 70px 0;
    font-family: "Microsoft YaHei";
    text-align: left;
}
.product .items .item .con .title {
    font-size: 26px;
    color: #333;
    line-height: 36px;
    height: 36px;
    margin-bottom: 10px;
}
.product .items .item .con .text {
    font-size: 16px;
    color: #666;
    line-height: 30px;
}
.product .items .item:nth-child(even) .icon {

}
.product .items .item:nth-child(even) .con {

}

.product .items .item:nth-child(odd) .icon {
    float:left;
}
.product .items .item:nth-child(odd) .con {
    float:right;
}
.product #use_now {
    display: block;
    width: 220px;
    height: 45px;
    line-height: 45px;
    margin: 0 auto;
    color: #fff;
    font-size: 22px;
    text-align: center;
    background-color: #3e88ec;
    border-radius: 3px;
    margin-bottom: 35px;
}

.state-whole {
    position: relative;
    margin-top:10px;
}
.state-show {
    border: 1px #ccc solid;
    background:#fff;
    width: 180px;
    position: absolute;
    top: 38px;
    left: -100px;
    padding: 10px;
}
.state-sele
{
    width: 180px;
    height: 28px;
    outline: 0;
    border: 1px #ccc solid;
    color: #999;
}
.state-texts
{
    margin-top:10px;
}
.state-sure
{
    display:inline-block;
    width: 50px;
    margin-top:5px;
    text-align: center;
}
.cancel
{
    margin-right:10px;
}
.ewm-top {
    margin-top:50px;
}
.login-mar
{
    margin-top:16px;
    margin-left:20px;
}
.push-homes
{
    margin-top:13px;
}
.login-mar span
{
    color: #73879c;
}
.no-data {
    color: #506a85;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}
.no-data a
{
    color: #60a1e5;
}
.no-data a i {
    width: 20px;
    height: 15px;
    background: url(../images/arrows.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;

}
.textarea-data {
    width: 100%;
    height: 160px;
    border:1px #d3dce6 solid;
    padding: 10px;
}
.select-name {
    font-size: 12px;
}
.select-style {
    width: 542px;
    line-height: 36px;
    height: 36px;
    word-wrap: break-word;
    word-break: break-all;
    color: #696969;
    height: 30px;
}
.upload {
    padding: 20px 10px;
}
.upload-name {
    color: #696969;
    font-size: 12px;
}
.news-photo {
    width: 240px;
    height: 150px;
    display: inline-block;
    background:  url(../images/news.png) no-repeat;
    background-size: contain;
    position: absolute;
}
.head-photo {
    width: 300px;
    height: 200px;
    margin-left: 211px;
    background:  url(../images/news.png) no-repeat;
    background-size: contain;
}
.news-content {
    display: inline-block;
    margin-left: 260px;
    font-size: 10px;
    position: relative;
}
.news-content h1 {
    font-size: 2em !important;
    margin-bottom: 1em;
}
.news-tag {
    margin-top: 10px;
    ont-size: 1.2em;
    color: #999;
}
.news-time {
    position: absolute;
    top: 130px;
    font-size: 12px;
    color: #999;
}
.passage {
    border-bottom: 1px #eff1f7 solid;
    min-height: 150px;
    margin-top: 20px;
    padding-bottom: 20px;
    position: relative;
}
.time-title {
    line-height: 40px !important;
}
.news-passage {
    margin-top: 10px;
}
.nextpage {
    position: absolute;
    left: 900px;
    width: 50px;
}
.title-new {
    font-size: 2em !important;
    color: #73879c;
}
.head {
    font-size: 1.2em!important;
}

.news-notice {
    text-align: center;
    background: #fcfcfc;
    height: 3em;
    line-height: 3em;
    font-size: 1.2em;
}

.news-ring {
    display: inline-block;
    height: 14px;
    width: 18px;
    vertical-align: -2px;
    background: url("/static/images/xiaolaba.png") no-repeat center;
}

.news-operate {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 20px;
}
.news-sdk {
    display: inline-block;
    right: 20px;
    top: 20px;
}
.news-btn {
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
}
.news-bottoml {
    background: #1dbb9c;
}
.news-bottomr {
    background: #7894b6;
}
.page {
    padding: 0px;
    height: 1.5em;
    line-height: 1.5em;
    font-size: 16px;
    margin: 20px auto;
    text-align: center;
}

.page li {
    display: inline-block;
    margin: 0 2px;
}

.page a{
    display: block;
    padding: 0 10px;
}

.page a:hover {
    background: #6585a8;
    color: #fff;
}

.sdk-ad {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url("/static/images/ad.png") center;
    position: absolute;
    top: 45%;
    left: 45%;
}

.news-scroll {
    display: inline-block;
    height: 100%;
    overflow: hidden;
    text-align: left;
    margin-left: 10px;
    -webkit-transition: All 1s linear;
    -moz-transition: All 1s linear;
    -o-transition: All 1s linear;
    transition: All 1s linear;
}

.news-label {
    display: inline-table;
    vertical-align: top;
}
.bds_share {
    font-size: 12px !important;
    color: #73879c !important;
    margin: 6px 0 !important;
    float: left;
}
.list-btn {
    position: absolute;
    right: 10px;
}
.out{
    position: fixed;
    left: 45%;
    top:45%;
    line-height: 25px;
    z-index: 9999;
    height: auto;
    margin-left: -301px;
    color: #fff;
}
.hide {
    display: none;
}
.main-modal {
    height: auto !important;
    min-height: 250px;
    width: 712px;
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    text-align: center;
    padding-left: 17px;
}
.form_top {
    height: 38px;
    line-height: 38px;
    padding-left: 10px;
    position: relative;
    text-align: center;
}
.return {
    float: right;
    font-size: 14px;
    margin-right: 20px;
    font-weight: bold;
}
.form-control {
    display: block;
    width: 94%;
    height: 130px;
    padding: 6px 12px;
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin-bottom: 20px;
}
.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.btn-confirm {
    height: 31px;
    width: 58px;
    padding: 4px 10px;
    font-size: 16px;
    line-height: 1.3333333;
    border-radius: 3px;
    border: none;
    cursor: pointer;
}
.form-text {
    width: 100%;
    color: #667e97;
    font-size: 16px;
    overflow: hidden;
    margin-top: 7px;
    margin-bottom: 20px;
}
.form_top {
    height: auto !important;
    min-height: 150px;
    width: 512px;
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    text-align: center;
    padding-left: 17px;
}
.out2{
    position: fixed;
    left: 50%;
    top:45%;
    line-height: 25px;
    z-index: 9999;
    height: auto;
    margin-left: -301px;
    color: #fff;
}
.replymodal:focus {
    outline: none;
    border: none;
}
.alert-success {
    margin-top: 10px;
    height: 25px;
    line-height: 25px;
    width: 96%;
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    padding-left: 10px;
    border-radius: 0.2em;
    font-size: 14px;
}
.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-top: 10px;
}
.active:hover {
    background: #6585a8 !important;
    color: #fff !important;
}