@charset "utf-8";
@import "reset.css";
@import "layout.css";
@import "ui.css";
@import "mod.css";

html{
    min-width: 1200px;
}

/*vip*/
#page-vip .mod-banner{ background: url("../images/bg_vip_banner.png") center top; text-align: left; overflow:hidden;}
#page-vip .mod-banner .title{position: relative;left:220px;top:30px; line-height: 42px;}
#page-vip .mod-banner .elem-ul{ position:absolute;top:0;height:328px;width:100%; overflow:hidden;}
#page-vip .mod-banner .elem-ul li{ position:absolute;}
#page-vip .elem-ul .diam-01{left:352px;top:240px;}
#page-vip .elem-ul .diam-02{left:660px;top:106px;}
#page-vip .elem-ul .diam-03{left:1050px;top:206px;}
#page-vip .elem-ul .diam-04{left:826px;top:116px;}
#page-vip .elem-ul .cirele-01{left:664px;top:-86px;-webkit-animation: fadeInOut 8s linear 1s infinite;-moz-animation: fadeInOut 8s linear 1s infinite;animation: fadeInOut 8s linear 1s infinite;}
#page-vip .elem-ul .cirele-02{left:744px;top:-6px;-webkit-animation: fadeInOut 8s linear 2s infinite;-moz-animation: fadeInOut 8s linear 2s infinite;animation: fadeInOut 8s linear 2s infinite;}
#page-vip .elem-ul .cirele-03{left:806px;top:64px;-webkit-animation: fadeInOut 8s linear 3s infinite;-moz-animation: fadeInOut 8s linear 3s infinite;animation: fadeInOut 8s linear 3s infinite;}
#page-vip .elem-ul .cirele-03 .light{ position:absolute;left:0;top:0;-webkit-animation: rotate 10s linear 0s infinite;-moz-animation: rotate 10s linear 0s infinite;animation: rotate 10s linear 0s infinite;}
#page-vip .vip-features{padding:40px 0;}
#page-vip .vip-features .layout-3-1{padding:20px 0;}
#page-vip .vip-features h3{padding:10px 40px;color:#363636; font-size:24px; font-weight:lighter;}
#page-vip .vip-features p{padding:0 40px;font-size:14px;font-weight:lighter;}
#page-vip .miniBanner{width: 100%;border: 2px solid #f95837;font-size: 18px;color: #666;display: flex;justify-content: space-between;margin-top: 40px;height: 90px;position: relative;border-radius: 2px;}
#page-vip .miniBanner .left{line-height: 90px;text-indent: 2em;}
#page-vip .miniBanner .left img{width: 40px;height: 40px;margin-top: 23px;margin-right: 4px;}
#page-vip .miniBanner .left a{color: #ff6e03;}
#page-vip .miniBanner .right{display: block;text-align: center;background: #f00;width: 254px;position: absolute;top: 0px;right: 0px;height: 88px;box-sizing: border-box;padding-top: 20px;background: url(../images/rightBg.png) left bottom no-repeat;background-size: auto 100%;padding-left: 60px;}
#page-vip .miniBanner .right:hover{text-decoration: none;}
#page-vip .miniBanner .right h5{font-size: 16px;color: #fff;font-weight: normal;}
#page-vip .miniBanner .right p{font-size: 18px!important;color: #fff;}
.biz-btn.btn-effects{display: inline-block;*display:inline;zoom:1;margin:60px 0 30px; font-size:18px; font-weight: normal;color:#fff; overflow: hidden;}

.other-service{padding:60px 0;}
.other-service .t-title{ font-size: 32px; font-weight: normal;margin:30px 0; }
.other-service-item{margin:30px 10px;height:436px;overflow: hidden;}
.other-service-item .top{height:120px;margin-bottom:90px; text-align: center;}
.other-service-item .top img{position: relative;top:50px;}
.other-service-item .service-title,.other-service-item .service-price{ font-size: 24px; font-weight: normal; text-align: center;color: #232323;}
.other-service-item .content{margin:15px 30px;border-top:1px solid #ececec;padding:15px 0;}
.other-service-item .content p{color:#464646; }
.other-service-item .content .tip{font-size: 12px;color:#999;margin-top:10px;}
.other-service .total-price{font-size: 24px; font-weight: normal;padding-top:30px;color:#232323;}

.vip-label-fiexd{display:none;position: fixed;top:56px;width: 100%;margin: auto;;background:rgba(255,255,255,.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ddffffff, endColorstr=#ddffffff);}
.vip-label-fiexd .mod-table{width: 100%;}
.vip-label-fiexd .mod-table th{font-weight: normal;}

.vip-type .t-title{ font-size: 32px; font-weight: normal;margin:30px 0; }
.vip-type .type-card{position:relative;margin:10px;padding:32px 20px 32px;border:2px solid transparent;}
.vip-type .type-card.level-3{padding:30px 20px;border:2px solid #ff6e03; }
.vip-type .type-card .top{text-align: center;}
.vip-type .type-card.level-3 .top:after{ content:"";position: absolute;top:0;left:0;width: 54px;height: 54px; background: url("../images/icon_type_card.png") no-repeat;}
.type-card .top .title{font-size: 28px; font-weight: normal;}
.type-card.level-0 .top .title{color:#70be45 ;}
.type-card.level-0 .btn-contact{background: #70be45;border-color: #70be45; color: #fff;}
.type-card.level-2 .top .title{color:#ffa022 ;}
.type-card.level-2 .btn-contact{background: #ffa022;border-color: #ffa022; color: #fff;}
.type-card.level-3 .top .title{color:#ff6e03 ;}
.type-card.level-3 .btn-contact{background: #ff6e03;border-color: #ff6e03; color: #fff;}
.type-card .type-price{ font-size: 32px; text-align: center; font-weight: normal;padding:10px 0;}
.type-card .type-feature{ text-align:center;  height:100px; overflow: hidden;margin-top:20px;}
.type-card .type-feature .hot{color: #ff0000;}
.type-card .type-feature .activity a{ ;color: #ff0000; text-decoration: underline;}
.type-card  .power-list{border-top:1px solid #ececec;border-bottom:1px solid #ececec;padding:20px 20px 20px 20px;}
.type-card  .power-list li{position:relative;padding:5px 0 5px 24px;}
.type-card  .power-list li:before{content:"";position: absolute;left:0;top:3px;width: 20px; height: 20px; overflow: hidden; background: url("../images/icon_type_card.png") 0 -74px no-repeat;}
.type-card  .power-list li.checked:before{background-position: 0 -54px;}
.type-card  .power-list p{color: #aaa;}
.type-card  .power-list .checked p{ color: #353535;}
.type-card .btn-more{ display: block; text-align: center;margin:30px 0 0; color: #ff6e03;}


.vip-details .mod-banner .title,.vip-details .mod-banner .sub-title{text-align: left;margin:0 0 0 90px;}
.vip-details .mod-banner .title{padding-top:110px;}
.vip-power-list{padding:0 0 60px;margin-top:-60px;}
.vip-power-list h2{ font-size: 32px; font-weight: normal;}
.vip-power-list .has-sub{padding:0;}
.vip-power-list .sub-table{width: 100%;}
.vip-power-list .table-header th{padding:16px 4px;font-weight: normal;border:none; background-color: rgba(255,255,255,.3); color: #fff;}
.vip-power-list .table-header .first{background-color: transparent; }
.vip-power-list .vip-price .free,.vip-power-list .vip-price .vip{font-size: 24px; line-height: 20px;padding:30px 0 20px; font-weight: normal;}
.vip-power-list .icon{ display:inline-block;* display:inline;zoom:1;width:28px;height:28px; background:url(../images/pricing_icon.png) no-repeat; overflow:hidden; vertical-align:middle;margin-right:3px;}
.vip-power-list .icon.ico1{background-position:0 0; }
.vip-power-list .icon.ico2{background-position:-28px 0;}
.vip-power-list .icon.ico3{background-position:-56px 0;}
.vip-power-list .icon.ico4{background-position:-84px 0;}
.vip-power-list .icon.ico5{background-position:-112px 0;}
.vip-power-list .icon.ico6{background-position:-140px 0;}
.vip-power-list .icon.ico7{background-position:-168px 0;}
.vip-power-list .icon.ico8{background-position:-168px 0;}
.vip-power-list .icon.yes{ background-position:-196px 0;}
.vip-power-list .icon.other{ background-position:-224px 0;}
.vip-power-list .icon.no{ background-position:-252px 0;}
.vip-power-list .icon.que{ background-position:-280px 0;}
.vip-power-list .new:before{content:"NEW"; font-size: 12px; font-weight:normal;background: #f00;color:#fff;padding:0 3px;margin:0 3px;border-radius: 2px;}


/*
 * 2018-03-08 14:30:42 by xieqq
 * vip页面改版
 */
#page-vip .bannerUnderLinks{position: absolute;left: 50%;bottom: 0px;width: 1200px;margin-left: -600px;}
#page-vip .bannerUnderLinks>a{display:block; float:left;background: rgba(0,0,0,0.4);vertical-align: top;line-height: 54px;color: #fff;font-size: 18px;text-align: center;width: 600px;text-decoration: none;}
#page-vip .bannerUnderLinks>a.active{color: #464646;background: #fff;}
#page-vip .xsNewVip .mod-banner .layout-wrap .title{left: 736px;top: 10px;}
#page-vip .xsNewVip .mod-banner .layout-wrap .title .sub-title{font-size: 32px;line-height: 72px;}
#page-vip .xsNewVip .mod-banner .layout-wrap .elem-ul .diam-04{left: 260px;top:56px;z-index: 99;}
#page-vip .xsNewVip .mod-banner .layout-wrap .elem-ul .diam-04 .stars{width: 82px;height: 82px;position: absolute;left: 40px;top: -34px;display: block;-webkit-animation: lightFlash 3s linear infinite; -moz-animation: lightFlash 3s linear infinite;}
#page-vip .xsNewVip .mod-banner .layout-wrap .elem-ul .diam-04 .stars>img{width: 100%;}
#page-vip .xsNewVip .mod-banner .layout-wrap .elem-ul .cirele-01{left: 102px;top: 136px;}
#page-vip .xsNewVip .mod-banner .layout-wrap .elem-ul .cirele-02{left: 180px;top: 152px;}
#page-vip .xsNewVip .mod-banner .layout-wrap .elem-ul .cirele-03{left: 250px;top: 168px;}
#page-vip .xsNewVip .xsVipContent{background: #f7f7f7;}
#page-vip .xsNewVip .xsVipContent .leftNavs{float: left;width: 240px;height: 100%;padding-top: 80px;}
#page-vip .xsNewVip .xsVipContent .leftNavs li{font-size: 18px;color: #666;line-height: 44px;padding-left: 44px;cursor: pointer;-webkit-transition: all .3s;  -moz-transition: all .3s;  transition: all .3s;border-left: 4px solid #f7f7f7;}
#page-vip .xsNewVip .xsVipContent .leftNavs li.active{color: #ff6e03;background: #fff;border-left: 4px solid #ff6e03;padding-left: 60px;}
#page-vip .xsNewVip .xsVipContent .leftNavs li:hover{color: #ff6e03;}
#page-vip .xsNewVip .xsVipContent .leftNavs .isFixed{position: fixed;top: 56px;width: 240px;}
#page-vip .xsNewVip .xsVipContent .rightContent{width: 960px;float: left;background: #fff;padding-top: 20px;padding-bottom: 70px;}
#page-vip .xsNewVip .xsVipContent .rightContent .part>h3{font-size: 36px;color: #333;font-weight: normal;text-align: center;margin-top: 36px;margin-bottom: -8px;}
#page-vip .xsNewVip .xsVipContent .rightContent .part .content>li{width: 410px;height: 202px;border: 1px solid #ececec;margin-left: 40px;float: left;margin-top: 48px;padding-top: 20px;padding-left: 40px;position: relative;cursor: pointer;-webkit-transition: all .3s;  -moz-transition: all .3s;  transition: all .3s;}
#page-vip .xsNewVip .xsVipContent .rightContent .part .content>li:hover{border-color: #ff6e03;}
#page-vip .xsNewVip .xsVipContent .rightContent .part .content>li>h4{font-size: 24px;color: #333;font-weight: normal;margin-bottom: 6px;}
#page-vip .xsNewVip .xsVipContent .rightContent .part .content>li>h4.new{position: relative;display: inline-block;}
#page-vip .xsNewVip .xsVipContent .rightContent .part .content>li>h4.new:after{content: '[新]';position: absolute;right: -24px;top: -4px;color: #ff0000;font-size: 14px;}
#page-vip .xsNewVip .xsVipContent .rightContent .part .content>li>p{font-size: 12px;color: #999;line-height: 1.5em;height: 4.5em;overflow: hidden;padding-right: 30px;}
#page-vip .xsNewVip .xsVipContent .rightContent .part .content>li>.underLinks{margin-top: 10px;}
#page-vip .xsNewVip .xsVipContent .rightContent .part .content>li>.underLinks>a{font-size: 12px;color: #999;display: inline-block;width: 88px;line-height: 32px;text-align: center;border-radius: 32px;border: 1px solid #999;text-decoration: none;-webkit-transition: all .3s;  -moz-transition: all .3s;  transition: all .3s;}
#page-vip .xsNewVip .xsVipContent .rightContent .part .content>li>.underLinks>a.redBtn{color: #ff6e03;border-color: #ff6e03;margin-left: 6px;}
#page-vip .xsNewVip .xsVipContent .rightContent .part .content>li>.underLinks>a:hover{background: #ff6e03;color: #fff;border-color: #ff6e03;}
#page-vip .xsNewVip .xsVipContent .rightContent .part .content>li>.rightIcon{width: 60px;height: 60px;position: absolute;right: 30px;top: -20px;background: url("../images/cssSprite.png") top left no-repeat;}
#page-vip .xsNewVip .xsVipContent .rightContent .part .content>li>.rightIcon.case2{background-position: -70px,0px;}
#page-vip .xsNewVip .xsVipContent .rightContent .part .content>li>.rightIcon.case3{background-position: -140px,0px;}
#page-vip .xsNewVip .xsVipContent .rightContent .part .content>li>.rightIcon.case4{background-position: -210px,0px;}
#page-vip .xsNewVip .xsVipContent .rightContent .part .content>li>.rightIcon.case5{background-position: -280px,0px;}
#page-vip .xsNewVip .xsVipContent .rightContent .part .content>li>.rightIcon.case6{background-position: -350px,0px;}
#page-vip .xsNewVip .xsVipContent .rightContent .part .content>li>.rightIcon.case7{background-position: -420px,0px;}
#page-vip .xsNewVip .xsVipContent .rightContent .part .content>li>.rightIcon.case8{background-position: -490px,0px;}
#page-vip .xsNewVip .xsVipContent .rightContent .part .notice{color: #999;font-size: 12px;line-height: 72px;margin-left: 40px;border-bottom: 1px solid #ececec;margin-right: 60px;}
#page-vip .xsNewVip .xsVipContent .rightContent .part .content>li>.money{font-size: 18px;font-family: Arial;color: #999;font-weight: normal;margin-top: 6px;line-height: 18px;height: 18px;}
#page-vip .xsNewVip .xsVipContent .rightContent .part.part2 .content>li>.underLinks>a.redBtn{margin-left: 0px;}



/*案例*/
#page-case .mod-banner{ background:#6c5545 url("../images/bg_case_banner.png") center top;}
#page-case .page-mod-tab .tab-panel{padding:0;}
#page-case .case-item{padding:120px 0 0;height:550px;overflow: hidden;}
#page-case .case-item .info{ float:left;width:480px;padding:30px 30px 0;}
#page-case .case-item .images{float: right;width: 570px;height: 512px; position: relative;}
#page-case .case-item.even{background: #f9f9f9;}
#page-case .case-item.odd .info{ float: right;}
#page-case .case-item.odd .images{ float: left;}
#page-case .case-item .desc{margin-top:20px; text-indent: 2em;}
#page-case .case-item .top{position: relative;height:80px;width: 100%;padding:0 0 0 90px;}
#page-case .case-item .icon{ position:absolute;left:0;top:0;width: 80px;height:80px;margin-bottom:5px;border-radius: 16px; overflow: hidden;}
#page-case .case-item .name{ font-size: 32px; color: #464646;padding: 5px 0 0; font-weight: normal; font-weight: normal; }
#page-case .case-item .qrcode{margin:20px 0 10px;padding:10px;background: #fff;}
#page-case .case-item .txt{ font-size: 16px;color: #999;}
#page-case .case-item .images .img{  position: absolute; z-index: 50; box-shadow: 0 -8px 28px rgba(0,0,0,.1);border-radius: 4px; overflow: hidden;}
#page-case .case-item .images .img-1{width:288px;height:512px;top:0;left:50%;margin-left:-144px; z-index: 100;}
#page-case .case-item .images .img-2{width:256px;height:454px;top:50%;left:0;margin-top:-227px;}
#page-case .case-item .images .img-3{width:256px;height:454px;top:50%;right:0;margin-top:-227px;}

/*模板*/
#page-templates .mod-banner{ background:#524840 url("../images/bg_templates_banner.png") center top;}
.templates-list{padding:30px 0 0;}
.template-card{padding:0 15px 30px 15px; }
.template-card a{display:block;width: 220px;height:354px;padding:2px;border:1px solid #fff;background: #fff; overflow:hidden;position: relative;}
.template-card a:hover{text-decoration: none;border:1px solid #ff6e03; }
.template-card a img{width: 100%;}
.template-card h3{width: 100%;margin-top:10px; font-size: 14px; font-weight: normal;text-align: center;}
.template-card h3.vip:before{content:"VIP"; font-size: 12px; font-weight:bold;background: #f00;color:#fff;padding:0 3px;margin-right:3px;border-radius: 2px;}
.template-card h3.vip-1:before{background: #fcb732;}
.template-card h3.vip-3:before{color: #ffdd1f;}
.template-card .template-des{position: absolute;width: 100%;bottom:100%;left:0;padding:10px; background: rgba(255,255,255,.9);  border-top: 2px solid #ff6e03;}
.template-card .template-des p{text-indent: 2em;}
.template-phone{padding:40px 18px 80px 18px;background:url(../images/phone.png);width: 360px;margin:-30px 0 0 60px;border-radius: 30px;position: relative;}
.template-gallery{width: 322px;height:569px; overflow: hidden;border:1px solid #ececec;border-radius: 2px; overflow: hidden;}
.template-gallery ul{width: 5000px;}
.template-gallery ul li{width: 320px;height:567px; float: left;}
.template-details{padding:60px 0;}
.template-details .title{ font-size: 36px; font-weight: normal;margin-bottom:10px;}
.template-details .class{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ececec;}
.template-details .details{padding:10px 0 30px;margin:10px 0 0;}
.template-details .details p{margin:0 0 8px 0;}
.template-details .details p span{color:#232323;}
.template-details .case{padding:0 0 30px 0;}
.template-details .case ul{padding:10px 0 0;width:100%;overflow: hidden;}
.template-details .case ul li{ float: left;margin:0 10px 10px 0; text-align: center;color:#999;}
.template-details .case ul li a{ display: block;height:114px;width:114px;margin-bottom:10px;border-radius: 20px; overflow: hidden; background: #e5e5e5;}
.template-details .link{margin-bottom:10px;}
.template-features{ padding:0 0 60px; }
.template-features .title{ font-size: 24px; font-weight: normal;border-left:3px solid #ff6e03;padding:0 10px;}
.template-features .content{padding:30px 0;}
.template-features .content p{font-size: 14px; color: #696969;}
/*应用助手*/
#page-helper .helper-item{height:600px;position: relative;}
#page-helper .helper-item .layout-wrap{height:600px;}
#page-helper .helper-item.operate{background: #52ccfb url(../images/bg_1.png);}
#page-helper .helper-item.preview{background: #ffa522 url(../images/bg_2.png);}
#page-helper .helper-item .txt{position: absolute;top:140px;}
#page-helper .helper-item.operate .txt{left:260px;}
#page-helper .helper-item.preview .txt{right:260px;}
#page-helper .helper-item .title{font-size: 42px; font-weight: normal;color:#fff;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #fff;}
#page-helper .helper-item .desc{font-size: 14px; font-weight: normal;color:#fff; list-style: disc;margin-bottom:5px;}
#page-helper .helper-item .desc li{ list-style: disc;margin-left:20px;}
#page-helper .helper-item .btn-link{ padding:10px 20px;display: inline-block;*display:inline;zoom:1;border:2px solid #fff;margin:30px 10px 10px 0;color:#fff;border-radius: 30px;}
#page-helper .helper-item .btn-link:hover{text-decoration: none; background: rgba(255,255,255,.2);}
#page-helper .helper-item .qrcode{width: 120px;height:120px;border-radius: 8px;overflow: hidden;}
#page-helper .helper-item .qrcode img{width: 100%;height:100%;}
#page-helper .helper-item .tip{color:#fff;margin-top:5px; font-size: 12px;}
#page-helper .helper-item .phone{position: absolute;bottom:0;padding:97px 46px 0 46px;height:538px;width: 420px;background: url(../images/bg_phone.png) ; overflow: hidden;}
#page-helper .helper-item.operate .phone{right:130px;}
#page-helper .helper-item.preview .phone{left:130px;}
#page-helper .helper-item .phone img{border-radius: 3px;}

/*新闻公告*/
#page-news .news-list .news-item{padding:30px 0;border-bottom:1px solid #ececec;position: relative;}
#page-news .news-list .news-item.has-image{height:240px;padding-left:326px;}
#page-news .news-list .news-item .title{ font-size: 24px; font-weight: normal;margin-bottom:10px;color: #353535;}
#page-news .news-list .news-item .title a:hover{text-decoration: none;}
#page-news .news-list .news-item .info{color: #ccc;margin-bottom:10px;}
#page-news .news-list .news-item .summary{font-size: 14px; font-weight: normal;color:#696969;margin-bottom:10px;}
#page-news .news-list .news-item .tags{color: #ccc;font-size: 12px; height: 22px; overflow: hidden;}
#page-news .news-list .news-item .tags a{ display:inline-block;color: #ccc;border:1px solid #ececec;border-radius: 10px;padding:4px 6px; line-height: 12px; color: #888;margin-right:3px; word-break: keep-all; }
#page-news .news-list .news-item .tags a:hover{text-decoration: none;border:1px solid #ccc;}
#page-news .news-list .news-item .img{    display: block;  position: absolute;  left: 0;  top: 20px;  width: 306px;  height: 180px;background: #ececec;}
#page-news .news-list .news-item .img img{width: 100%;height:100%;border:none;}
#page-news .news-list .news-item:last-child{border-bottom:none;}
#page-news .top-banner {width: 100%;height: 195px;padding-top:15px;}
#page-news .news-detail{padding-right:260px;position: relative;min-height: 600px;}
#page-news .news-detail .news-header{padding:30px 0;border-bottom:1px solid #ececec;}
#page-news .news-detail .news-header .title{color:#353535;font-size: 28px; margin: 10px 0}
#page-news .news-detail .news-header .info{color:#999;}
#page-news .news-detail .news-content{padding:20px 0;}
#page-news .news-detail .news-content p{font-size: 14px; color: #464646; margin:10px 0; line-height: 1.8;}
#page-news .news-detail .news-content p.indent{text-indent: 2em;}
#page-news .news-detail .news-content img{max-width: 100%;height: auto;}
#page-news .news-detail .news-content a{color: #ff6e03;}
#page-news .news-detail .other-news > .title{font-size: 16px; font-weight: normal;padding:0 10px;margin:0 15px;border-left: 2px solid #ff6e03;}
.realted-news .news-tags{ padding:30px 0 0;margin:15px 0 0;border-top:1px solid #ececec; }
.realted-news .news-tags li{float: left;margin-right:5px;}
.realted-news .news-tags li a{display: block;padding:6px 12px;border:1px solid #ececec;border-radius: 32px;word-break: keep-all;}
.realted-news .news-tags li a:hover{  background: #ff6e03;border-color: #ff6e03;color: #fff;text-decoration: none;}
.realted-news .news-list{margin-right:-20px;padding:0 0 30px;}
.realted-news .news-list li{float: left;}
#page-news .realted-news .news-item{width: 236px;height:234px;padding:30px 10px 0 0; overflow: hidden;border-bottom:none;}
#page-news .realted-news .news-item .title{font-size: 16px; font-weight: normal;margin:10px 0 5px;}
#page-news .realted-news .news-item .img{  position: relative;  left: auto;top:auto; width: 226px;height: 133px; background: #ececec; }
.tags-list{  padding:30px 0;  }
.tags-list li{float: left;margin:0 5px 15px 0;}
.tags-list li a{display: block;padding:6px 12px;border:1px solid #ececec;border-radius: 32px;}
.tags-list li a:hover,.tags-list li.active a{  background: #ff6e03;border-color: #ff6e03;color: #fff;text-decoration: none;}
.news-sidebar{position: absolute;top:30px;right:0;width: 240px; overflow: hidden;}
.news-sidebar.is-fixed{position: fixed;top:86px;right:50%;margin-right:-600px;}
.news-sidebar .mod-slider{ position: relative; width: 240px; height: 280px;overflow: hidden; }
.news-sidebar .mod-slider ul{height: 280px;}
.news-sidebar .mod-slider ul li{width: 240px; height: 280px;}
.hot-news{padding:30px 0;}
.hot-news h4{font-size: 14px;    border-left: 3px solid #ff6e03;  padding: 0 10px;}
.hot-news .list{padding:15px 0;}
.hot-news .list li {list-style: disc;margin:0 0 0 15px;padding:10px 0;border-bottom:1px dashed #ececec;}
.hot-news .list li:last-child{border-bottom:none;}
.hot-news .list li a{font-size: 14px; color: #999;}

#page-news .notice-detail .top-banner{height:240px;padding:30px 0;background:#ff6e03 ;}
#page-news .notice-detail .top-banner .mod-bread-nav{color:#fff;border-color: #fff; margin:0;}
#page-news .notice-detail .top-banner a{color:#fff;}
#page-news .notice-detail .top-banner a:hover{color: #fff;}
#page-news .notice-detail .title{color:#fff;font-size: 28px;font-weight:normal;  margin: 100px 0 10px;}
#page-news .notice-detail .info{color:#fff;}
#page-news .notice-detail .news-content{padding:20px 0;}
#page-news .notice-detail .news-content p{font-size: 14px; color: #464646; font-weight: normal;margin:10px 0; line-height: 1.8;}
#page-news .notice-detail .news-content p.indent{text-indent: 2em;}


.tag-detail .tag-title{font-size: 32px;  color: #353535; font-weight: normal;padding-top:30px;}
.tag-detail .tag-des{position:relative;padding:15px;margin:15px 0 30px 0; background: #f9f9f9;border-radius: 6px;}
.tag-detail .tag-des:before{  content:"◆"; position: absolute;top:-18px;left:30px; color: #f9f9f9;font-size:36px; line-height: 36px;}
.tag-detail .news-item .img img{height: 100%;width: 100%;}
.tag-detail .news-item .title{  font-size: 16px; color: #353535; font-weight: normal;}
.tag-detail .news-item .title a{text-decoration: none;}
.tag-detail .rec-news {margin:0 -60px 30px 0;}
.tag-detail .rec-news .news-item{float: left;margin-right:42px; width: 306px;}
.tag-detail .rec-news .news-item .img{width: 306px;height: 180px; overflow: hidden;}
.tag-detail .rec-news .news-item .title{margin-top:10px;}
#page-news .tag-detail .news-list{width: 940px;padding-bottom:60px; float: left;}
#page-news .tag-detail .news-list .news-item.has-image{height: 193px;padding-left:246px;}
#page-news .tag-detail .news-list .news-item .img{width: 226px;height: 133px;top:30px;}
#page-news .tag-detail .news-list .news-item .title{font-size: 16px; font-weight: normal;}
#page-news .tag-detail .news-list .news-item .summary{height: 3.2em; overflow: hidden;}
.tag-detail .tag-sidebar{float: right;width: 240px;}
.tag-detail .other-news .list li {list-style: disc;margin:0 0 0 15px;padding:10px 0;border-bottom:1px dashed #ececec;}
.tag-detail .other-news .list li:last-child{border-bottom:none;}
.tag-detail .other-news .list li a{font-size: 14px; color: #999;}
.tag-detail .hot-tags .tags-list{padding:0;}

#page-news .mod-page-column{min-height: 820px;}
#page-news .mod-page-column .news-list li.news-item:first-child{margin-top:-15px;}
#page-news .mod-page-column .news-list .news-item.has-image{height: 193px;padding-left:246px;}
#page-news .mod-page-column .news-list .news-item .img{width: 226px;height: 133px;top:30px;}
#page-news .mod-page-column .news-list .news-item .title{font-size: 16px; font-weight: normal;}
#page-news .mod-page-column .news-list .news-item .summary{height: 3.2em; overflow: hidden;}
.mod-page-column .mod-page-body .mod-sect{margin-bottom:30px;border-bottom:1px solid #ececec;}
.mod-page-column .mod-page-body .mod-sect.tutorial{border-bottom:none;}
.mod-page-column .mod-page-body .mod-sect:last-child{border-bottom:none;}
.mod-page-column .mod-page-body .mod-sect.banner-image img{max-width: 100%;}
.mod-page-column .news-list-2{padding:20px 0;}
.mod-page-column .tab-content .news-list-2{padding:0 0 20px 0;}
.mod-page-column .news-list-2 li{width: 50%;float: left;list-style: disc;padding:10px 20px;}
.mod-page-column .news-list-2 li a{font-size: 14px;}
.mod-page-column .tutorial-tab{margin-right:-1px;}
.mod-page-column .tutorial-tab li{width: 9.0909%;}
.mod-page-column .tutorial-content{}
.mod-page-sidebar .mod-slider{ position: relative; width: 240px; height: 280px;overflow: hidden; }
.mod-page-sidebar .mod-slider ul{height: 280px;}
.mod-page-sidebar .mod-slider ul li{width: 240px; height: 280px;}
.mod-page-sidebar .other-news .list li {list-style: disc;margin:0 0 0 15px;padding:10px 0;border-bottom:1px dashed #ececec;}
.mod-page-sidebar .other-news .list li:last-child{border-bottom:none;}
.mod-page-sidebar .other-news .list li a{font-size: 14px; color: #999;}
.mod-page-sidebar .hot-tags .tags-list{padding:0;}

#page-news .start-banner{position: relative;}
#page-news .start-banner .app-number{position: absolute;width:300px;left:50%;top:220px;margin-left:60px; text-align: center;color: #fff; font-size: 16px; font-weight: normal;}
#page-news .start-banner .app-number span{font-size: 20px; color: #404040; font-weight: normal;}

/*使用协议*/
.agreement-content{padding:30px 0 60px;}
.agreement-content h2{font-size: 38px; font-weight: normal;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #e1e1e1;}
.agreement-content h4{font-size: 16px; font-weight: normal;color:#232323;}
.agreement-content p{font-size: 14px; font-weight: normal;margin:10px 0;color:#464646;}

/*服务支持*/
#page-services .mod-banner{position: relative; text-align: center;background:#676460 url("../images/bg_services_banner.png") center top;}
#page-services .mod-banner .title{padding-top:60px;}
#page-services .mod-banner .search{font-size: 0;width: 480px;margin:50px auto 0;text-align: left;}
#page-services .mod-banner .hot-keyword{margin:10px 0 0 5px;color:#ccc; font-size: 12px;}
#page-services .mod-banner .hot-keyword a{color:#fff;margin:0 5px;}
#page-services .mod-banner .search input[type="text"]{height:56px;padding:8px 16px; line-height: 40px;font-size:16px;width: 400px;background: #fff;border:none;border-radius: 0; font-weight: normal;}
#page-services .mod-banner .search input[type="button"]{height:56px;padding:8px 16px; line-height: 40px;width:80px;border:none;font-size: 16px;background: #ff6e03;color:#fff; cursor: pointer;font-weight: normal;}
.services-list{padding:60px 0;}
.services-item{height:140px;padding:30px 30px 30px 130px;position: relative;}
.services-item .left{position: absolute;left:30px;top:30px;width: 80px;text-align: center;}
.services-item .left .icon{width: 60px;height:60px;}
.services-item .left .name{font-size: 14px; font-weight: normal;}
.services-item .title{font-size: 16px;margin-bottom:8px; font-weight: normal;}
.services-item .info{font-size: 12px;margin-bottom:8px; }
.services-item .link a{text-decoration: underline;margin-right: 10px;}
#page-services .questions-list h3{ font-size: 28px ;font-weight: normal;padding:60px 20px 20px;border-top:1px solid #ececec;}
#page-services .questions-list h3 a{font-size: 14px;}
.questions-list,.work-order-list{padding:0 0 60px;}
.questions-list .question-item,.work-order-list .work-order-item{padding:20px;}
.questions-list .question-item:nth-child(odd),.work-order-list .work-order-item:nth-child(odd){background: #f9f9f9;}
.questions-list .question-item .title,.work-order-list .work-order-item .title{font-size: 16px;margin-bottom:10px; font-weight: normal;}
.questions-list .question-item .info,.work-order-list .work-order-item .info{ font-size: 12px;}
.questions-list .question-item .info a,.questions-list .question-item .info span{margin:0 5px;}
.questions-list .question-item .info a:before,.questions-list .question-item .info a:after{content:"#";}
.search-result .questions-list,.my-work-order .work-order-list{padding:60px 0;}
.search-result .services-list{padding:30px 0 60px;border-top:1px solid #ececec;}
.search-result .services-list h3.title{ font-size: 16px; font-weight: normal;}
.search-result .no-result{padding:60px 0;font-size: 24px; font-weight: normal; text-align: center;}
.answer-wrap{padding:30px 0;}
.answer-wrap .update-time{margin-top:20px; font-weight: normal; font-size: 12px;}
.answer-wrap p{font-size: 14px; line-height: 1.8;margin:10px 0;color: #464646;}
.answer-feedback{border-top:1px solid #ececec;margin:0 0 60px;padding:20px;background: #f9f9f9;}
.work-order-form{padding:30px 0;}
.work-order-list .work-order-item .id:before{content:"#";}
.work-order-list .work-order-item .type{ font-size: 80%;background: #ccc;padding:2px 4px;margin:0 5px;}
.work-order-list .work-order-item .type.success{background:#70be45 ;color:#fff;}
.work-order-info{padding:30px;background: #f9f9f9;}
.work-order-info .work-order-content{margin-top:10px;}

/*关于*/
#page-about .mod-banner{posistion: relative; text-align: center;background:#273a57 url("../images/bg_about_banner.png") center top;}
#contactUs dl{padding:60px 20px;border-bottom:1px solid #ececec;}
#contactUs dl:last-child{border-bottom:none;}
#contactUs dl dt{font-size: 28px; font-weight: normal;margin-bottom:10px;}
#contactUs dl dd{font-size: 14px;color:#696969;margin-bottom:5px;}

.about-column {padding:80px 0;border-bottom:1px solid #ececec;}
.about-column .image{margin:0 20px;height:200px;text-align:center; overflow: hidden;}
.about-column .image img{border-radius: 6px;}
.about-column .title{font-size: 28px; font-weight: normal;margin:60px 0 20px; text-align: center;}
.about-column .txt{padding:0 80px; font-size: 16px; text-indent: 2em;}
.about-column .member{ text-align: center;}
.about-column .member .photo{width: 120px;height:120px;margin:40px auto 10px;background: #f9f9f9;border-radius: 50%;}
.about-column .member .name{font-size: 16px; font-weight: normal;}
.about-column .member.ceo{position: relative;height:200px;width: 400px;margin:60px auto;padding-left:220px; text-align: left;}
.about-column .member.ceo .photo{position:absolute;top:0;left:0;width: 200px;height:200px;margin:0;}
.about-column .member.ceo .name{padding-top:60px; font-size: 24px;}
.about-member.about-column{border-bottom:none;}
.about-member.about-column .title{margin:20px 0;}

#joinUs .banner{height:200px;margin:0 20px 60px; text-align: center;  overflow: hidden;}
#joinUs .banner img{border-radius: 6px;}
#joinUs .banner h3{  position: absolute;width:100%;text-align: center; font-size: 32px; font-weight: normal; padding-top:80px; color: #fff;text-shadow: 0 8px 16px rgba(0,0,0,.3); }
.job-list .title{font-size: 28px; font-weight: normal; text-align: center;padding:60px 0 20px;}
.job-column{padding:60px 20px;position: relative;border-bottom:1px solid #ececec;}
.job-column:last-child{border-bottom:none;}
.job-column h4{ font-size: 18px; font-weight: normal;margin-bottom:10px;}
.job-column .photo{width: 160px;height:160px;margin:60px 0 20px;}
.job-column ul{margin:5px 0 15px;}
.job-column li{list-style: decimal;color: #696969; font-size: 14px; margin:5px 0 5px 16px ;}


#login-page .mod-banner{background: url("../images/bg_login_banner.png") center top;}
.login-wrap{position:relative;top:-150px;margin:0 auto;width: 580px;padding:2px 2px 2px 202px;background: #27c110; background: rgba(39, 193, 16,.9);border-radius: 4px; overflow: hidden;box-shadow: 0 10px 30px rgba(0,0,0,.1)}
.login-wrap .login-left{position: absolute;height:100%;width: 200px;left:0;top:0; padding-top:30px;text-align: center;color: #fff;}
.login-wrap .login-left .title{font-size: 20px; font-weight: normal;color: #fff;}
.login-wrap .login-left .other{position: absolute;bottom:20px; width:100%;color: #fff;}
.login-wrap .login-left .other a{color: #fff; text-decoration: underline; font-size: 12px;}
.login-wrap .login-left .qrcode{position: absolute;bottom:20px; width:100%;text-align: center; color: #fff;margin-top:120px;}
.login-wrap .login-left .qrcode img{width: 120px;height: 120px;margin-bottom:5px;}
.login-wrap .login-left .qrcode p{color:#fff;font-size: 12px;}
.login-wrap .login-right{width: 100%;min-height:300px; padding:30px 68px;background: #fff;border-radius: 3px;}
.login-form{padding:10px 0;}
.login-form .top-text{ margin-bottom:30px;}
.login-form .bottom-text{margin-top:30px;}
.login-form .form-row{position: relative;margin:0;}
.login-form .form-row:first-child{margin-top:20px;}
.login-form .form-row + .form-row{margin:20px 0 0 0;}
.login-form .form-row label{position: absolute;left:10px;background: #fff;padding:0 3px;top:13px;color: #666;cursor:text ;}
.login-form .form-row.on label,.login-form .form-row input:-webkit-autofill+ label{top:-8px;}
.login-form .form-row input[type="text"],.login-form .form-row input[type="password"]{padding:8px;}
.login-form .form-row input:-webkit-autofill {  background-color: #fff ;  background-image: none ;  color: #353535 ;  -webkit-box-shadow: 0 0 0px 1000px #fff inset ;  }
.login-form .form-row .short{width: 100px;}
.login-form .form-row .code-image{width: 90px;height:40px;background: #ececec;margin-left:15px; vertical-align: middle;}
.login-form .error-tip{font-size: 12px; color: #f00;margin:10px 0;height:20px;}
.login-form .agreement-tip{font-size: 12px;padding-top:10px;}
.login-wrap .login-right .other{margin-top:20px;padding-top:15px;border-top:1px solid #ececec;}
.login-wrap .step-bar{ width: 320px;margin:60px 0 -20px -30px;}
.login-wrap .step-bar .step-item{padding:1px;}
.login-wrap .step-bar .text{border-top:4px solid #e1e1e1; color:#ccc;text-align: center; font-size: 12px; line-height: 20px;}
.login-wrap .step-bar .step-item.success .text{border-top-color:#70be45 ;color:#70be45;}

/*cooperate*/
#cooperate-page .mod-banner{ background: url("../images/bg_cooperate_banner.png") center top; }
.cooperate-content{padding:80px 0 120px; text-align: center;}
.cooperate-content .txt{padding-bottom:60px; }
.cooperate-content .txt h2{ font-size:36px;margin-bottom:10px; font-weight: normal;}
.cooperate-content .txt p{ font-size: 24px; font-weight: normal;}
.cooperate-features{ text-align: center;padding:0 0 60px 0;}
.cooperate-features h3{ font-size: 24px;padding:10px 0; font-weight: normal;}
.cooperate-features p{font-size: 14px; font-weight: normal;}
.cooperate-features-2{margin-bottom:60px;}
.cooperate-features-2 .cooperate-features-item{position: relative;}
.cooperate-features-2 .cooperate-features-item img{border-radius: 6px; overflow: hidden;}
.cooperate-features-2 .cooperate-features-item h3{position: absolute;width: 100%;top:50px; color: #fff; z-index: 100;}
.cooperate-features-2 .cooperate-features-item p{position: absolute;width: 100%;top:100px; color: #fff; z-index: 100;}


/*cooperate-new-page*/
.cooperate-new-page .mod-banner{height:462px;background: url("../images/bg_banner.png") center top; overflow: hidden;}
.cooperate-new-page .mod-banner .ribbon{position:absolute;top:0;left:50%;margin-left:-266px;width: 532px;height: 462px;-webkit-animation: float 8s ease .4s infinite normal;-ms-animation: float 8s ease .4s infinite normal;animation: float 8s ease .4s infinite normal;}
.cooperate-new-page .mod-banner .ribbon .elem{position: absolute;left:0;top:0;width:100%;height:100%;}
.cooperate-new-page .mod-banner .ribbon .top{background: url("../images/slogan_top.png") center; z-index: 20;}
.cooperate-new-page  .mod-banner .ribbon .back{background: url("../images/slogan_back.png") center;z-index: 5;}
.cooperate-new-page  .mod-banner .ribbon .rocket-wrap{position:relative; z-index:15;-webkit-transform: translateY(400px); -ms-transform: translateY(400px); transform: translateY(400px); -webkit-animation: rocketFadeIn .6s .1s ease-out both;-ms-animation: rocketFadeIn .6s .1s ease-out both;animation: rocketFadeIn .6s .1s ease-out both;}
.cooperate-new-page  .mod-banner .ribbon .rocket-cloud{background: url("../images/rocket_cloud.png") center;z-index: 10;}
.cooperate-new-page  .mod-banner .ribbon .rocket{position:absolute;width:80px;height:118px;left:50%;margin-left:-52px;background: url("../images/rocket.png") center; z-index: 15; -webkit-animation: float 8s ease 1.2s infinite normal;-ms-animation: float 8s ease 1.2s infinite normal;animation: float 8s ease 1.2s infinite normal;}
.cooperate-new-page  .mod-banner .ribbon .circle{left:370px;top:20px;width:172px; height:172px;background: url("../images/circle.png") center;z-index: 25;-webkit-animation: float 8s ease .8s infinite normal;-ms-animation: float 8s ease .8s infinite normal;animation: float 8s ease .8s infinite normal;}
.cooperate-new-page  .mod-banner .cloud{position:absolute;left:0;bottom:0;width: 100%;height: 262px;background: url("../images/cloud.png") center;z-index: 30;}
.cooperate-new-page  .sect{padding:60px 0;}
.cooperate-new-page  .sect .sect-header{background: url("../images/sect_title.png") center no-repeat;height: 160px;padding:48px 0;margin-bottom:30px; text-align: center;}
.cooperate-new-page  .sect .sect-header .title{font-size: 28px; font-weight: normal;}
.cooperate-new-page  .sect .sect-header .subtitle{font-size: 14px;}

@-webkit-keyframes rocketFadeIn { 0% {
    opacity:0;
    -webkit-transform:translateY(400px)
}
    100% {
        opacity:1;
        -webkit-transform:translateY(0)
    }
}
@-ms-keyframes rocketFadeIn { 0% {
    opacity:0;
    -ms-transform:translateY(400px)
}
    100% {
        opacity:1;
        -ms-transform:translateY(0)
    }
}
@keyframes rocketFadeIn { 0% {
    opacity:0;
    transform:translateY(400px)
}
    100% {
        opacity:1;
        transform:translateY(0)
    }
}

@-webkit-keyframes float { 0% {
    -webkit-transform:translateY(0)
}
    50% {
        -webkit-transform:translateY(20px)
    }
    100% {
        -webkit-transform:translateY(0)
    }
}
@-moz-keyframes float { 0% {
    -webkit-transform:translateY(0)
}
    50% {
        -ms-transform:translateY(20px)
    }
    100% {
        -ms-transform:translateY(0)
    }
}
@keyframes float { 0% {
    transform:translateY(0)
}
    50% {
        transform:translateY(20px)
    }
    100% {
        transform:translateY(0)
    }
}



.cooperate-new-page  .contact-wrap{text-align: center;padding:30px 0;}
.cooperate-new-page  .contact-wrap .contact-btn{ font-size: 24px;}
.cooperate-new-page  .contact-wrap .phone{font-size: 36px; color:#ff6e03 ;margin-bottom:40px;}

.sect-marketing{ position: relative;height: 600px; text-align: center;overflow: hidden;}
.sect-marketing .text{ padding: 0 30px 30px; font-size: 14px;}
.sect-marketing .text strong{color: #ff0000;}
.sect-marketing .slogan{ font-size: 22px; color: #353535;}
.sect-marketing .wave-wrap{position: absolute;left:0;bottom:-3px;width: 100%;height: 134px; }
.sect-marketing .wave-wrap .blue,.sect-marketing .wave-wrap .green{position: absolute;left:0;top:0;width: 100%;height: 100%;}
.sect-marketing .wave-wrap .blue{background: url("../images/wave_blue.png") no-repeat;}
.sect-marketing .wave-wrap .green{background: url("../images/wave_green.png") no-repeat;}
.sect-marketing .wave-wrap .elem{position: absolute;left:50%;top:0;}
.sect-marketing .wave-wrap .elem-1{margin:-160px 0 0 -360px;width: 132px;height: 160px;background: url("../images/wave_elem_1.png") no-repeat;}
.sect-marketing .wave-wrap .elem-2{margin:-124px 0 0 628px;width: 98px;height: 132px;background: url("../images/wave_elem_2.png") no-repeat;}
.sect-marketing .wave-wrap .elem-3{margin:-80px 0 0 -580px;width: 64px;height: 86px;background: url("../images/wave_elem_3.png") no-repeat;}
.sect-marketing .wave-wrap .elem-4{margin:-50px 0 0 446px;width: 50px;height: 66px;background: url("../images/wave_elem_4.png") no-repeat;}
.sect-marketing .wave-wrap .elem-5{margin:-20px 0 0 150px;width: 20px;height: 26px;background: url("../images/wave_elem_5.png") no-repeat;}

.sect-app-feature{background: #f4f4f3 url("../images/bg_grid.png") repeat;height: 728px; position: relative; }
.sect-app-feature .phone{width: 340px;height: 684px;padding:66px 17px 78px;margin:0 auto;background: #fff;border-radius: 50px;box-shadow: 0 8px 36px rgba(0,0,0,.2); overflow: hidden; }
.sect-app-feature .phone .app-page-gallery{height: 100%;width: 100%; overflow: hidden;border:1px solid #ececec;}
.sect-app-feature .app-page-gallery ul{height: 100%;}
.sect-app-feature .app-page-gallery ul li{width: 304px;height: 100%;}
.sect-app-feature .feature-list{position: absolute;left:50%;top:260px;width: 320px;}
.sect-app-feature .feature-list li{position:relative;width: 248px;background: #ef6351; padding:10px; margin-bottom:30px;color: #fff; font-size: 14px;border-radius: 12px; z-index: 30; }
.sect-app-feature .feature-list li:after{position:absolute;right:-10px;top:50%;content: "◆"; color:#ef6351; font-size: 36px; line-height: 36px;margin-top:-18px; z-index: 1; }
.sect-app-feature .feature-list li p{background:#ef6351; position: relative; z-index: 30; color: #fff; }
.sect-app-feature .feature-list.left{margin-left:-490px; text-align: right;}
.sect-app-feature .feature-list.right{margin-left:210px; text-align: left;}
.sect-app-feature .feature-list.right li:after{right:auto;left: -10px;}
.sect-app-feature .feature-list.left li:nth-child(odd){margin-left:30px;}
.sect-app-feature .feature-list.right li:nth-child(even){margin-left:30px;}

.cooperate-new-page .sect-app-chance{background: #f56856;height: 540px;padding-top:280px; text-align: center; color: #fff;}
.cooperate-new-page .sect-app-chance .title{ font-size: 32px; color: #fff; padding-bottom:20px;font-weight: normal;}
.cooperate-new-page .sect-app-chance .text{color: #fff;padding-bottom:20px;}
.cooperate-new-page .sect-app-chance .slogan{ color: #fff; font-size: 20px; }

.sect-apppark-feature{text-align: center;}
.sect-apppark-feature .text{font-size: 28px; color: #353535;padding-bottom:30px;}
.sect-apppark-feature .feature-list{padding:30px 0 0;}
.sect-apppark-feature .feature-list p{font-size: 16px;padding:15px 30px;color: #353535;}

.sect-parters{text-align: center; background: url("../images/bg_parters.png") center;}
.sect-parters .parters-list li{ display:inline-block;width: 160px;height: 80px; background: #ececec;margin:0 5px 10px 5px; font-size: 0;}

.sect-support .feature-list{padding:30px 0 0; text-align: center;}
.sect-support .feature-list h3{font-size: 20px; font-weight: normal; color: #353535;}
.sect-support .feature-list p{font-size: 14px;padding:15px 30px;color: #888;}

.sect-recruit{height: 640px; background: #32302d url("../images/bg_recruit.png") center no-repeat;}
.sect-recruit .title{ color: #fff; font-size: 36px; font-weight: normal; text-align: center;}
.sect-recruit .rule-list{padding:20px 0 40px;}
.sect-recruit .rule-list li{ width: 50%; float: left; font-size: 16px; color: #fff;padding:5px 0 5px 80px;}

.cooperate-new-page .sect-form{width: 680px;background: #fef9f5 url("../images/bg_form.png") repeat; box-shadow: 0 8px 40px rgba(0,0,0,.2);margin:-180px auto 80px;padding:10px;border-radius: 10px;}
.sect-form .form-wrap{ position: relative; background: #fff;padding:80px 60px 60px;border-radius: 3px;}
.sect-form .form-wrap .title{position: absolute;left:50%;top:-76px;width: 120px;height: 120px; margin-left:-60px;background: #ff6600; border-radius: 50%; text-align: center;padding:30px 0; color: #fff; font-size: 24px; font-weight: normal;}
.sect-form .form-row .label{display: inline-block; width: 180px; font-size: 15px; text-align: right;line-height: 36px; vertical-align: middle;padding: 0 8px;}
.sect-form .form-row .label span{color: #f00;}
.sect-form .form-row input[type="text"]{line-height: 36px; width: 280px; }
.sect-form .form-row select{display:inline-block;width: 120px;  margin-right:10px;  font-size: 14px;  line-height: 36px;  padding: 4px 8px; height: 46px;}
.sect-form .form-wrap .ui-btn{padding:16px 60px;margin-top:20px; font-size: 18px;}
.sect-form .form-wrap .error-tip{padding:10px 0 0 186px ;}
.sect-form .form-wrap .error-tip.error{color: #f00;}

.sect-news .news-list {  padding:30px 68px;margin-right:-60px;  }
.sect-news .news-list:after {  visibility: hidden;  display: block;  font-size: 0;  content: ".";  clear: both;  height: 0;  line-height: 0;  overflow: hidden;  }
.sect-news .news-list .item {  position: relative;  top: 0;  float: left;  width: 226px;  height: 188px;  margin-right: 52px;  margin-bottom: 20px;  background: #fff;  overflow: hidden;  -webkit-transition: all .3s;  -moz-transition: all .3s;  transition: all .3s;  }
.sect-news .news-list .item img {  width: 226px;  height: 133px;  }
.sect-news .news-list .item a:hover {  text-decoration: none;  }
.sect-news .news-list .item p {  font-size: 14px;  padding: 5px 10px;  height: 3.2em;  overflow: hidden;  }
.sect-news .news-list .item:hover {  top: -3px;  box-shadow: 0 3px 18px rgba(0, 0, 0, 0.1);  }
.sect-news .tags-list {  padding: 0 0 20px 0;  *zoom: 1;  }

/*source-plan*/
#page-source-plan .mod-banner{ background: url("../images/bg_source_plan.png") center top; }
#page-source-plan .mod-banner .new-label{position: absolute;left:50%;top:40px; width: 91px;height: 91px;margin-left:260px;}
.source-core-power{padding:30px 0 60px; text-align: center;}
.source-core-power .title{font-size: 36px; font-weight: normal;padding:22px 0 22px 90px;margin:30px 0;height:80px;line-height: 36px;display: inline-block; background: url("../images/icon_core.png") no-repeat;}
.source-core-power .content{font-size: 16px;}
.source-core-power .biz-btn{display: inline-block;margin: 60px 0 30px;}
.source-feature-list{border-top:1px dashed #ececec;}
.source-feature-list .feature-item{border-bottom:1px dashed #ececec;}
.source-feature-list .feature-item.odd .text,.source-feature-list .feature-item.even .image{float: left;}
.source-feature-list .feature-item.odd .image,.source-feature-list .feature-item.even .text{float: right;}
.source-feature-list .feature-item .text{padding:130px 60px 60px;width: 50%;}
.source-feature-list .feature-item.odd .text{text-align: right;}
.source-feature-list .feature-item .title {font-size: 28px; font-weight: normal;}
.source-feature-list .feature-item .des{font-size: 15px;margin-top:10px;}
.source-feature-list .tips{padding:20px 0;font-size: 12px;}
.feature-item .f-more{display:inline-block;font-size: 14px;color: #ff6e03;padding:10px 0 10px 22px; line-height: 16px; background: url("../images/icon_more.png") no-repeat;}
.feature-item .feature-details{position:relative;padding:60px 0;background: #f9f9f9; display: none; z-index: 10;}
.feature-item .feature-details .f-close{position: absolute;display: none;width: 36px;height:36px;top:-18px;left:50%;margin-left:-18px;border-radius: 18px;background:#ff6e03 url("../images/icon_more.png") 0 -36px no-repeat;}
.feature-details .item{padding:30px 0;}
.feature-details .item .title{font-size: 22px;color: #333; font-weight: normal;padding-top:10px;}
.feature-details .item .des{font-size: 14px;color: #999;}
.feature-details .f-title{ position: relative; text-align: center;font-size: 24px; font-weight: normal;margin:30px 0;padding:10px 0;}
.feature-details .f-title:after{content:"";position: absolute;bottom:0;left:50%;margin-left:-40px;width: 80px;height:3px;background: #ff6e03;}
.feature-details .service-feature .item{padding-left:120px;}
.feature-details .service-feature .item img{padding:6px 30px 0 0;}

/*APP展示*/
.app-show .mod-page-header{border-bottom:none;padding-top:10px;}
.app-show .app-list{border-left:1px solid #ececec;border-top:1px solid #ececec;margin-right:-2px;margin-bottom:60px;}
.app-show .app-list li{float: left;}
.app-show .app-list .item{position:relative;display:block;width: 200px;height: 94px;padding:15px 15px 15px 89px;border-right:1px solid #ececec;border-bottom:1px solid #ececec; }
.app-show .app-list .item:hover{ text-decoration: none; background: #f9f9f9;}
.app-show .app-list .item .icon{width: 64px;height: 64px;position: absolute; top:15px;left:15px;border-radius: 12px;overflow: hidden; background: #ececec; outline: none;border:none;}
.app-show .app-list .item .name{ padding:0; font-size: 16px; font-weight: normal; color: #353535;}
.app-show .app-list .item .size{ font-size: 13px; color: #888;margin-top:5px;}

.app-show .app-info{position: relative; padding:20px 20px 20px 154px; min-height:154px;}
.app-show .app-info p{margin-bottom:3px;}
.app-show .app-info p span{ color: #353535;}
.app-show .app-info .des{padding:10px 0;}
.app-show .app-info .app-link a{  display: inline-block;line-height:24px;height:52px;padding:12px;border:2px solid #ff6e03; background:#ff6e03;border-radius: 5px 0 0 5px;font-size:16px;color:#fff;  }
.app-show .app-info .app-link a:hover{ background: #ff5603; text-decoration: none;}
.app-show .app-info .app-link a.disabled{background:#ffbe9e;border-color:#ffbe9e;}
.app-show .app-info .app-link a.disabled:hover{background:#ffbe9e;border-color:#ffbe9e;}
.app-show .app-info .app-link .link-qrcode{margin-left:-2px;border-radius: 0 5px 5px 0;}
.icon-qrcode,.icon-a-link,.icon-i-link{background:url("../images/icon_download.png");display:inline-block;width:24px;height:24px; vertical-align: middle;}
.icon-i-link{ background-position: 0 -24px;}
.icon-qrcode{ background-position: 0 -48px;margin-top:-2px;}
.app-show .app-info .app-link .qrcode{ display: none; position:absolute;top:52px;right:0;width:123px;height:123px;padding:10px; background: #f9f9f9; z-index: 120;}
.app-show .app-info .app-link .qrcode:after{position:absolute;content:"◆"; font-size: 36px;position: absolute;top:-24px;right:14px; color: #f9f9f9;}
.app-show .app-info .icon{position:absolute;left:20px;top:30px;width: 114px;height: 114px; border-radius: 20px; overflow: hidden;}
.app-show .app-info .name{font-size: 20px; font-weight: normal;padding:10px 0;}
.app-show .app-images{border-bottom:1px solid #ececec;}
.app-show .app-images .mod-slider{width: 960px; height: 542px; overflow: hidden;margin:20px 20px 60px;}
.app-show .app-images ul{ height: 542px;}
.app-show .app-images ul li{height: 542px; width: 306px;margin-right:20px;}
.app-link .a-link,.app-link .i-link{ position: relative; display: inline-block;margin:0 5px;}


.app-show .more-template{padding:40px 0 20px;margin-bottom:20px;border-bottom:1px solid #ececec;}

.app-show .realted-news .mod-sect-body{padding-left:20px;}
.app-show .realted-news .news-list{margin-right:-20px;padding:0 0 30px;}
.app-show .realted-news .news-list li{float: left;}
.app-show .realted-news .news-item{width: 246px;height:234px;padding:30px 20px 0 0; overflow: hidden;border-bottom:none;}
.app-show .realted-news .news-item .title{font-size: 16px; font-weight: normal;margin:10px 0 5px;}
.app-show .realted-news .news-item .img{  position: relative;  left: auto;top:auto; width: 226px;height: 133px; background: #ececec; }
.app-show .realted-news .news-item .img img{width:100%;height: 100%;}


.keywords-hidden{display: inline-block;width: 0;height: 0;text-indent: -999em;}



/*index*/
#page-index .mod-topbar,#page-index .mod-header,#page-index .mod-footer{position: absolute;width: 100%;}
#page-index .mod-header{top:28px;background:#fff;background:rgba(255,255,255,.9);}
#page-index .mod-footer{bottom:-500px;}
#page-index .mod-body{position: absolute;width: 100%;top:0;left:0;}
#page-index .page-curr{position: relative; z-index: 1100;}
#page-index .page-curr a{display: block;width: 12px;height:12px;border-radius: 7px;background:#ececec;background: rgba(0,0,0,.2);margin:10px 12px;}
#page-index .page-curr a.active{background: #ff6e03;}
#page-index .page{position: relative;height:950px;width: 100%;}
#page-index .btn-group{margin-top:30px;}
#page-index .btn{display:inline-block;*display:inline;zoom:1;width: 148px;height:58px; font-size: 20px; line-height: 58px; text-align: center;border-radius: 30px;color:#fff;font-weight:lighter;background: rgba(0,0,0,.5);}
#page-index .btn:hover{text-decoration: none;background: rgba(0,0,0,.6);}
#page-index .btn.btn-white{border:1px solid #ff6e03;color:#ff6e03;background:#fff;}
#page-index .btn.btn-white:hover{border-color:#e56303;color:#e56303;}
#page-index .btn.btn-orange{background: #ff6e03;}
#page-index .btn.btn-orange:hover{background: #e56303;}
#page-index .next-page{position:absolute;bottom:30px;left:50%;margin-left:-34px;z-index: 20;-webkit-animation: bounce 1.8s .2s ease infinite both;
    -moz-animation: bounce 1.8s .2s ease infinite both;-ms-animation: bounce 1.8s .2s ease infinite both;
    animation: bounce 1.8s .2s ease infinite both;}
#page-index .next-page a{display: block;width:68px ;height:40px;background: url("../images/next_page_btn.png") no-repeat;}

/*mod-scrollnews*/
.mod-scrollnews { position: absolute; top: 130px; left: 50%; margin-left: -200px; width: 400px; height: 32px;padding: 0 30px 0 80px; z-index: 50; border-radius: 4px; overflow: hidden;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000, endColorstr=#19000000); background: rgba(0,0,0,.1);  }
.mod-scrollnews .icon-news{ position:absolute;left:0;top:0;width:80px;height:32px;background: url("../images/icon_notice.png") no-repeat;}
.mod-scrollnews .news-list li{line-height:32px; color:#fff; position:relative;}
.mod-scrollnews .news-list li a{ display:block;color:#fff;text-align:left;margin-right:68px;*width:292px; }
.mod-scrollnews .news-list li.new a:before{content:"NEW"; font-size: 12px; font-weight:normal;background: #f00;color:#fff;padding:0 3px;margin-right:3px;border-radius: 2px;}
.mod-scrollnews .news-list .news-time{ position:absolute;right:0;top:0;}
.mod-scrollnews .ctrl-menu{position: absolute;right:0;top:0;height: 32px;width: 24px;}
.mod-scrollnews .ctrl-menu a{display: block;position: absolute;left:0;width: 24px;height: 16px;text-align: center;}
.mod-scrollnews .ctrl-menu a.next{bottom:0;}
.mod-scrollnews .ctrl-menu .ui-art{ border-color: transparent transparent #1986be;}
.mod-scrollnews .ctrl-menu .ui-arb{ border-color:#1986be transparent transparent ;}
.mod-scrollnews .ctrl-menu a:hover .ui-art{ border-color: transparent transparent #fff;}
.mod-scrollnews .ctrl-menu a:hover .ui-arb{ border-color: #fff transparent transparent;}
/*page1*/
#page1{ background: #32b9ff; }
#page1 .text { position: absolute; left: 50%; top: 50%; margin: -138px 0 0 20px; width: 440px; text-align: center; z-index: 10; }
#page1 .text .t { text-indent: -999em; height: 52px; background: url(../images/text_page0.png) no-repeat; -webkit-animation: hide .6s .1s ease both; -moz-animation: hide .6s .1s ease both; -ms-animation: hide .6s .1s ease both; animation: hide .6s .1s ease both; }
#page1 .text .t2 { height: 72px; background-position: 0 -52px; }
#page1 .text .t3 {  font-size: 26px; height: 70px; background-position: 0 -130px;  }
#page1 .text .app-num { color: #fff; font-size: 20px; margin: 10px 0; font-weight: normal; }
#page1 .text .app-num span { font-size: 32px; color: #404040; font-weight: normal; }
#page1 .btn{background: #1e6f99;}
#page1 .btn:hover{background: #144a66;}
#page1 .mac { position: absolute; left: 50%; top: 50%; margin: -200px 0 0 -680px; z-index: 12; }
#page1 .mac .m3 { position: absolute; right: 111px; top: 155px; opacity: 0; }
#page1 .mac .m4 { position: absolute; right: 252px; top: 146px; }
#page1 .phone { position: absolute; left: 50%; top: 50%; margin: -120px 0 0 -180px; z-index: 14; }
#page1 .phone .m5 { position: absolute; right: 18px; top: 136px; }
/*page1动画*/
#page1.show .t1 { -webkit-animation: fadeInUp .6s .1s ease both; -moz-animation: fadeInUp .6s .1s ease both; -ms-animation: fadeInUp .6s .1s ease both;animation: fadeInUp .6s .1s ease both; }
#page1.show .t2 { -webkit-animation: fadeInUp .6s .3s ease both; -moz-animation: fadeInUp .6s .3s ease both;-ms-animation: fadeInUp .6s .3s ease both;animation: fadeInUp .6s .3s ease both; }
#page1.show .t3 { -webkit-animation: fadeInUp .6s .5s ease both; -moz-animation: fadeInUp .6s .5s ease both;-ms-animation: fadeInUp .6s .5s ease both;animation: fadeInUp .6s .5s ease both; }
#page1.show .app-num { -webkit-animation: fadeInUp .6s .7s ease both; -moz-animation: fadeInUp .6s .7s ease both;-ms-animation: fadeInUp .6s .7s ease both;animation: fadeInUp .6s .7s ease both; }
#page1.show .btn-group { -webkit-animation: fadeInUp .6s .9s ease both; -moz-animation: fadeInUp .6s .9s ease both;-ms-animation: fadeInUp .6s .9s ease both; animation: fadeInUp .6s .9s ease both; }
#page1.show .mac { -webkit-animation: fadeInLeft .6s .2s ease both; -moz-animation: fadeInLeft .6s .2s ease both;-ms-animation: fadeInLeft .6s .2s ease both;animation: fadeInLeft .6s .2s ease both; }
#page1.show .mac .m3 { -webkit-animation: animateHand 2s 1s ease both; -moz-animation: animateHand 2s 1s ease both;-ms-animation: animateHand 2s 1s ease both; animation: animateHand 2s 1s ease both; }
#page1.show .mac .m4 { -webkit-animation: bounceIn 1s 2.6s ease both; -moz-animation: bounceIn 1s 2.6s ease both;-ms-animation: bounceIn 1s 2.6s ease both;animation: bounceIn 1s 2.6s ease both; }
#page1.show .phone { -webkit-animation: fadeInRight 1s .2s ease both; -moz-animation: fadeInRight 1s .2s ease both;-ms-animation: fadeInRight 1s .2s ease both;animation: fadeInRight 1s .2s ease both; }
#page1.show .phone .m5 { -webkit-animation: bounceIn 1s 2.8s ease both; -moz-animation: bounceIn 1s 2.8s ease both;-ms-animation: bounceIn 1s 2.8s ease both;animation: bounceIn 1s 2.8s ease both; }


/*page2*/
#page2 .text{ position: absolute; left: 50%; top: 50%; width: 600px;margin:120px 0 0 -300px; text-align: center; z-index: 10;}
#page2 .text .t{font-size: 42px; font-weight: normal;color: #232323;}
#page2 .app-types{ position: absolute; left: 50%; top: 50%; width: 1000px;height:300px;margin:-240px 0 0 -500px;}
#page2 .app-types .app-types-bg1{position: absolute;top:0;left:0;width: 100%;height:100%; background: url(../images/app_types_bg1_page3.png) no-repeat;z-index: 9;opacity: .3;}
#page2 .app-types .app-types-bg2{position: absolute;top:0;left:0;width: 100%;height:100%; background: url(../images/app_types_bg2_page3.png) no-repeat;z-index: 9;opacity: .3;}
#page2 .app-types-list{text-align: center;position: relative;z-index: 10;padding-top:60px;}
#page2 .app-types-item{display: inline-block;*display:inline;zoom:1;width: 128px;height:200px;overflow: hidden;margin:5px;font-size: 22px;font-weight: normal;;opacity: .1;}
#page2 .app-types-item a:hover{text-decoration: none;}
#page2 .app-types-item img{width: 128px;height:128px;margin-bottom:20px;}
/*page2动画*/
#page2.show .t1 { -webkit-animation: fadeInUp .6s .3s ease both; -moz-animation: fadeInUp .6s .3s ease both;-ms-animation: fadeInUp .6s .3s ease both;animation: fadeInUp .6s .3s ease both; }
#page2.show .t2 { -webkit-animation: fadeInUp .6s .5s ease both; -moz-animation: fadeInUp .6s .5s ease both;-ms-animation: fadeInUp .6s .5s ease both;animation: fadeInUp .6s .5s ease both; }
#page2.show .btn-group { -webkit-animation: fadeInUp .6s .7s ease both; -moz-animation: fadeInUp .6s .7s ease both;-ms-animation: fadeInUp .6s .7s ease both;animation: fadeInUp .6s .7s ease both; }
#page2.show .app-types .app-types-bg1{-webkit-animation: fadeInUp .6s ease both; -moz-animation: fadeInUp .6s ease both;-ms-animation: fadeInUp .6s ease both;animation: fadeInUp .6s ease both;}
#page2.show .app-types .app-types-bg2{-webkit-animation: fadeInUp .6s ease both; -moz-animation: fadeInUp .6s ease both;-ms-animation: fadeInUp .6s ease both;animation: fadeInUp .6s ease both;}
#page2.show .f0{ -webkit-animation: fadeInLeft 1s .6s ease both; -moz-animation: fadeInLeft 1s .6s ease both;-ms-animation: fadeInLeft 1s .6s ease both;animation: fadeInLeft 1s .6s ease both; }
#page2.show .f1{ -webkit-animation: fadeInLeft 1s .6s ease both; -moz-animation: fadeInLeft 1s .6s ease both;-ms-animation: fadeInLeft 1s .6s ease both;animation: fadeInLeft 1s .6s ease both; }
#page2.show .f2{ -webkit-animation: fade 1s .6s ease both; -moz-animation: fade 1s .6s ease both;-ms-animation: fade 1s .6s ease both;animation: fade 1s .6s ease both; }
#page2.show .f3{ -webkit-animation: fadeInRight 1s .6s ease both; -moz-animation: fadeInRight 1s .6s ease both;-ms-animation: fadeInRight 1s .6s ease both;animation: fadeInRight 1s .6s ease both; }
#page2.show .f4{ -webkit-animation: fadeInRight 1s .6s ease both; -moz-animation: fadeInRight 1s .6s ease both;-ms-animation: fadeInRight 1s .6s ease both;animation: fadeInRight 1s .6s ease both; }
/*app-type-page*/
.app-type-page{background: #f8f8f8;text-align: center;}
.app-type-page .text{ position: absolute; left: 50%; top: 50%; width: 450px;height:500px;margin:-200px 0 0 -480px; z-index: 10;}
.app-type-page .app-title{ font-size: 36px; font-weight: normal;margin-bottom:10px;}
.app-type-page .app-des{ font-size: 14px;margin-bottom:20px; }
.app-type-page .app-features li{ display: inline-block;*display:inline;zoom:1; width: 80px;height:110px; text-align: center; margin:6px;}
.app-type-page .app-features li img{width: 80px;height:80px;margin-bottom:5px;}
.app-type-page .image{position: absolute;left:50%;top:50%;width: 620px;height:736px;margin:-308px 0 0 20px;}
.app-type-page .app-phone{position: absolute;top:0;left:0;width: 380px;height:736px;padding:92px 47px 103px 27px;background: url("../images/app_type_phone.png") no-repeat;z-index: 10;}
.app-type-page .app-page{position: absolute;top:64px;left:260px;width: 340px;height:580px;padding:28px 26px 11px 8px;background: url("../images/app_type_page.png") no-repeat;z-index: 9;}
.app-type-page .app-phone img,.app-type-page .app-page img{width: 100%;height:100%;}
.app-type-page.even{background: #fff;}
.app-type-page.even .text{margin:-200px 0 0 30px;}
.app-type-page.even .image{margin:-308px 0 0 -640px;}
.app-type-page.even .app-phone{left:auto;right:0;padding:92px 29px 103px 45px;background: url("../images/app_type_phone2.png") no-repeat;}
.app-type-page.even .app-page{left:auto;right:260px;padding:28px 8px 11px 26px;background: url("../images/app_type_page2.png") no-repeat;}
.app-type-page .app-page-gallery{width: 100%;height: 100%;overflow: hidden;}
.app-type-page .app-page-gallery ul,.app-type-page .app-page-gallery li{height: 541px;}

.app-type-page.show .app-title{-webkit-animation: fadeInLeft .6s .3s ease both; -moz-animation: fadeInLeft .6s .3s ease both;-ms-animation: fadeInLeft .6s .3s ease both;animation: fadeInLeft .6s .3s ease both;}
.app-type-page.show .app-des{-webkit-animation: fadeInLeft .6s .6s ease both; -moz-animation: fadeInLeft .6s .6s ease both;-ms-animation: fadeInLeft .6s .6s ease both;animation: fadeInLeft .6s .6s ease both;}
.app-type-page.show .app-features{-webkit-animation: fadeInLeft .6s .9s ease both; -moz-animation: fadeInLeft .6s .9s ease both;-ms-animation: fadeInLeft .6s .9s ease both;animation: fadeInLeft .6s .9s ease both;}
.app-type-page.show .btn-group{-webkit-animation: fadeInLeft .6s 1.2s ease both; -moz-animation: fadeInLeft .6s 1.2s ease both;-ms-animation: fadeInLeft .6s 1.2s ease both;animation: fadeInLeft .6s 1.2s ease both;}
.app-type-page.show .app-phone{-webkit-animation: fadeInRight 1s .3s ease both; -moz-animation: fadeInRight 1s .3s ease both;-ms-animation: fadeInRight 1s .3s ease both;animation: fadeInRight 1s .3s ease both;}
.app-type-page.show .app-page{-webkit-animation: fadeInRight 1.2s .6s ease both; -moz-animation: fadeInRight 1.2s .6s ease both;-ms-animation: fadeInRight 1.2s .6s ease both;animation: fadeInRight 1.2s .6s ease both;}
.app-type-page.show.even .app-title{-webkit-animation: fadeInRight .6s .3s ease both; -moz-animation: fadeInRight .6s .3s ease both;-ms-animation: fadeInRight .6s .3s ease both;animation: fadeInRight .6s .3s ease both;}
.app-type-page.show.even .app-des{-webkit-animation: fadeInRight .6s .6s ease both; -moz-animation: fadeInRight .6s .6s ease both;-ms-animation: fadeInRight .6s .6s ease both;animation: fadeInRight .6s .6s ease both;}
.app-type-page.show.even .app-features{-webkit-animation: fadeInRight .6s .9s ease both; -moz-animation: fadeInRight .6s .9s ease both;-ms-animation: fadeInRight .6s .9s ease both;animation: fadeInRight .6s .9s ease both;}
.app-type-page.show.even .btn-group{-webkit-animation: fadeInRight .6s 1.2s ease both; -moz-animation: fadeInRight .6s 1.2s ease both;-ms-animation: fadeInRight .6s 1.2s ease both;animation: fadeInRight .6s 1.2s ease both;}
.app-type-page.show.even .app-phone{-webkit-animation: fadeInLeft 1s .3s ease both; -moz-animation: fadeInLeft 1s .3s ease both;-ms-animation: fadeInLeft 1s .3s ease both;animation: fadeInLeft 1s .3s ease both;}
.app-type-page.show.even .app-page{-webkit-animation: fadeInLeft 1.2s .6s ease both; -moz-animation: fadeInLeft 1.2s .6s ease both;-ms-animation: fadeInLeft 1.2s .6s ease both;animation: fadeInLeft 1.2s .6s ease both;}

#page7{background: #ffd3b3 url("../images/bg_page_7.png") center bottom no-repeat;border-top:1px solid #f8f8f8;}
#page7 .news-wrap{position:relative; top:50%;margin-top:-180px;padding:15px;background-color:#fff;background-color: rgba(255,255,255,.95); box-shadow: 0px 12px 28px 0px rgba(210, 7, 0, 0.05); }
#page7 .news-wrap-header {position: relative;padding-bottom:15px;border-bottom:1px solid #ececec;}
#page7 .news-wrap-header .title{ font-size: 24px; line-height: 28px; color: #232323;  font-weight: normal;    border-left: 3px solid #ff6e03;  padding: 0 10px; }
#page7 .news-wrap-header .more{line-height: 28px;}
#page7 .news-wrap-header .news-tab{position: absolute;right:80px;top:0;}
#page7 .news-wrap-header .news-tab li{float: left;}
#page7 .news-wrap-header .news-tab li a{display: block;line-height: 28px;padding:0 8px;margin:0 3px;border-radius: 14px;}
#page7 .news-wrap-header .news-tab li a:hover{text-decoration: none;background: #f1f1f1;}
#page7 .news-wrap-header .news-tab li.active a{background: #ff6e03;color: #fff;}
#page7 .news-wrap-content .tab-panel{display: none;}
#page7 .news-wrap-content .tab-panel.active{display: block;}
#page7 .news-wrap-content .tab-panel .list{padding:0 10px 0 40px;min-height: 235px;}
#page7 .news-wrap-content .tab-panel .list li{position:relative;width: 50%;  float: left;  padding: 10px 140px 10px 0; font-size: 14px; }
#page7 .news-wrap-content .tab-panel .list li:before{content:"";position: absolute;left:-10px;top:19px;width: 4px;height: 4px;background: #ff6e03;border-radius: 4px;}
#page7 .news-wrap-content .tab-panel .list li a{display: block;}
#page7 .news-wrap-content .tab-panel .list li .time{position: absolute;right:50px;top:12px; font-size: 12px; color: #aaa;}
#page7 .news-wrap-content .tab-panel .tags-list{padding:0 30px;}
#page7 .news-wrap-content .tab-panel .tags-list li{margin-bottom:5px;}

#page7 .news-wrap-content{padding:15px 0;}
#page7.show { -webkit-animation: fadeInUp .6s .3s ease both; -moz-animation: fadeInUp .6s .3s ease both;-ms-animation: fadeInUp .6s .3s ease both;animation: fadeInUp .6s .3s ease both; }
#page7.show .news-wrap { -webkit-animation: fadeInUp .6s .3s ease both; -moz-animation: fadeInUp .6s .3s ease both;-ms-animation: fadeInUp .6s .3s ease both;animation: fadeInUp .6s .3s ease both; }
#page7.show .news-wrap { -webkit-animation: fadeInUp .6s .3s ease both; -moz-animation: fadeInUp .6s .3s ease both;-ms-animation: fadeInUp .6s .3s ease both;animation: fadeInUp .6s .3s ease both; }

/*vip 信息发布*/
.other-service-item.new .service-title span {
    position: relative;
}
.other-service-item.new .service-title span:after {
    position: absolute;
    top: 0;
    left: 100%;
    content: "[新]";
    font-size: 14px;
    font-weight: bold;
    color: #f00;
    padding: 0 3px;
    width: 28px;
    margin: 0 0 0 -2px;
}

/*首页动画*/
@-webkit-keyframes animateHand { 0% {
    opacity:0;
}
    20% {
        opacity:1;
        -webkit-transform:translateX(0)
    }
    80% {
        opacity:1;
        -webkit-transform:translateX(-180px)
    }
    100% {
        opacity:0;
        -webkit-transform:translateX(-180px)
    }
}
@-moz-keyframes animateHand { 0% {
    opacity:0;
}
    20% {
        opacity:1;
        -moz-transform:translateX(0)
    }
    80% {
        opacity:1;
        -moz-transform:translateX(-180px)
    }
    100% {
        opacity:0;
        -moz-transform:translateX(-180px)
    }
}
@-ms-keyframes animateHand { 0% {
    opacity:0;
}
    20% {
        opacity:1;
        -ms-transform:translateX(0)
    }
    80% {
        opacity:1;
        -ms-transform:translateX(-180px)
    }
    100% {
        opacity:0;
        -ms-transform:translateX(-180px)
    }
}
@keyframes animateHand { 0% {
    opacity:0;
}
    20% {
        opacity:1;
        transform:translateX(0)
    }
    80% {
        opacity:1;
        transform:translateX(-180px)
    }
    100% {
        opacity:0;
        transform:translateX(-180px)
    }
}
@-webkit-keyframes scale { 0% {
    -webkit-transform:scale(1);
}
    50% {
        -webkit-transform:scale(1.6);
    }
    100% {
        -webkit-transform:scale(1);
    }
}
@-moz-keyframes scale { 0% {
    -moz-transform:scale(1);
}
    50% {
        -moz-transform:scale(1.6);
    }
    100% {
        -moz-transform:scale(1);
    }
}
@-ms-keyframes scale { 0% {
    -ms-transform:scale(1);
}
    50% {
        -ms-transform:scale(1.6);
    }
    100% {
        -ms-transform:scale(1);
    }
}
@keyframes scale { 0% {
    transform:scale(1);
}
    50% {
        transform:scale(1.6);
    }
    100% {
        transform:scale(1);
    }
}
@-webkit-keyframes fade { 0% {
    opacity:0;
}
    100% {
        opacity:1;
    }
}
@-moz-keyframes fade { 0% {
    opacity:0;
}
    100% {
        opacity:1;
    }
}
@-ms-keyframes fade { 0% {
    opacity:0;
}
    100% {
        opacity:1;
    }
}
@keyframes fade { 0% {
    opacity:0;
}
    100% {
        opacity:1;
    }
}
@-webkit-keyframes hide { 0% {
    opacity:1;
}
    100% {
        opacity:0;
    }
}
@-moz-keyframes hide { 0% {
    opacity:1;
}
    100% {
        opacity:0;
    }
}
@-ms-keyframes hide { 0% {
    opacity:1;
}
    100% {
        opacity:0;
    }
}
@keyframes hide { 0% {
    opacity:1;
}
    100% {
        opacity:0;
    }
}
@-webkit-keyframes fadeInUp { 0% {
    opacity:0;
    -webkit-transform:translateY(20px)
}
    100% {
        opacity:1;
        -webkit-transform:translateY(0)
    }
}
@-moz-keyframes fadeInUp { 0% {
    opacity:0;
    -moz-transform:translateY(20px)
}
    100% {
        opacity:1;
        -moz-transform:translateY(0)
    }
}
@-ms-keyframes fadeInUp { 0% {
    opacity:0;
    -ms-transform:translateY(20px)
}
    100% {
        opacity:1;
        -ms-transform:translateY(0)
    }
}
@keyframes fadeInUp { 0% {
    opacity:0;
    transform:translateY(20px)
}
    100% {
        opacity:1;
        transform:translateY(0)
    }
}
@-webkit-keyframes fadeInDown { 0% {
    opacity:0;
    -webkit-transform:translateY(-20px)
}
    100% {
        opacity:1;
        -webkit-transform:translateY(0)
    }
}
@-moz-keyframes fadeInDown { 0% {
    opacity:0;
    -moz-transform:translateY(-20px)
}
    100% {
        opacity:1;
        -moz-transform:translateY(0)
    }
}
@-ms-keyframes fadeInDown { 0% {
    opacity:0;
    -ms-transform:translateY(-20px)
}
    100% {
        opacity:1;
        -ms-transform:translateY(0)
    }
}
@keyframes fadeInDown { 0% {
    opacity:0;
    transform:translateY(-20px)
}
    100% {
        opacity:1;
        transform:translateY(0)
    }
}
@-webkit-keyframes fadeInLeft { 0% {
    opacity:0;
    -webkit-transform:translateX(-20px)
}
    100% {
        opacity:1;
        -webkit-transform:translateX(0)
    }
}
@-moz-keyframes fadeInLeft { 0% {
    opacity:0;
    -moz-transform:translateX(-20px)
}
    100% {
        opacity:1;
        -moz-transform:translateX(0)
    }
}
@-ms-keyframes fadeInLeft { 0% {
    opacity:0;
    -ms-transform:translateX(-20px)
}
    100% {
        opacity:1;
        -ms-transform:translateX(0)
    }
}
@keyframes fadeInLeft { 0% {
    opacity:0;
    transform:translateX(-20px)
}
    100% {
        opacity:1;
        transform:translateX(0)
    }
}
@-webkit-keyframes fadeInRight { 0% {
    opacity:0;
    -webkit-transform:translateX(20px)
}
    100% {
        opacity:1;
        -webkit-transform:translateX(0)
    }
}
@-moz-keyframes fadeInRight { 0% {
    opacity:0;
    -moz-transform:translateX(20px)
}
    100% {
        opacity:1;
        -moz-transform:translateX(0)
    }
}
@-ms-keyframes fadeInRight { 0% {
    opacity:0;
    -ms-transform:translateX(20px)
}
    100% {
        opacity:1;
        -ms-transform:translateX(0)
    }
}
@keyframes fadeInRight { 0% {
    opacity:0;
    transform:translateX(20px)
}
    100% {
        opacity:1;
        transform:translateX(0)
    }
}
@-webkit-keyframes bounceIn { 0% {
    opacity:0;
    -webkit-transform:scale(.3)
}
    50% {
        opacity:1;
        -webkit-transform:scale(1.02)
    }
    70% {
        -webkit-transform:scale(.95)
    }
    100% {
        -webkit-transform:scale(1)
    }
}
@-moz-keyframes bounceIn { 0% {
    opacity:0;
    -moz-transform:scale(.3)
}
    50% {
        opacity:1;
        -moz-transform:scale(1.02)
    }
    70% {
        -moz-transform:scale(.95)
    }
    100% {
        -moz-transform:scale(1)
    }
}
@-ms-keyframes bounceIn { 0% {
    opacity:0;
    -ms-transform:scale(.3)
}
    50% {
        opacity:1;
        -ms-transform:scale(1.02)
    }
    70% {
        -ms-transform:scale(.95)
    }
    100% {
        -ms-transform:scale(1)
    }
}
@keyframes bounceIn { 0% {
    opacity:0;
    transform:scale(.3)
}
    50% {
        opacity:1;
        transform:scale(1.02)
    }
    70% {
        transform:scale(.95)
    }
    100% {
        transform:scale(1)
    }
}
@-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {
    -webkit-transform:translateY(0)
}
    40% {
        -webkit-transform:translateY(-8px)
    }
    60% {
        -webkit-transform:translateY(-5px)
    }
}
@-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% {
    -moz-transform:translateY(0)
}
    40% {
        -moz-transform:translateY(-8px)
    }
    60% {
        -moz-transform:translateY(-5px)
    }
}
@-ms-keyframes bounce { 0%, 20%, 50%, 80%, 100% {
    -ms-transform:translateY(0)
}
    40% {
        -ms-transform:translateY(-8px)
    }
    60% {
        -ms-transform:translateY(-5px)
    }
}
@keyframes bounce { 0%, 20%, 50%, 80%, 100% {
    transform:translateY(0)
}
    40% {
        transform:translateY(-8px)
    }
    60% {
        transform:translateY(-5px)
    }
}


/*闪光*/
@-webkit-keyframes lightFlash {
    0% {
        opacity: 0;
        -webkit-transform: rotate(0deg)
    }
    25% {
        opacity: 1;
        -webkit-transform: rotate(180deg)
    }
    50% {
        opacity: 0;
        -webkit-transform: rotate(360deg)
    }
    100% {
        opacity: 0;
        -webkit-transform: rotate(0deg)
    }
}

@-moz-keyframes lightFlash {
    0% {
        opacity: 0;
        -moz-transform: rotate(0deg)
    }
    25% {
        opacity: 1;
        -moz-transform: rotate(180deg)
    }
    50% {
        opacity: 0;
        -moz-transform: rotate(360deg)
    }
    100% {
        opacity: 0;
        -moz-transform: rotate(0deg)
    }
}