RailwayTwo/public/assets/css/add.css

* {
    margin:0;
    padding:0;
}
.header_img {
    width:100%;
    height:auto;
    position:relative;
}
.header_img img {
    width:100%;
    height:auto;
}
.light-bg {
    background-color:rgb(249,249,249);
}
.page-footer p {
    line-height:20px;
}
@media (min-width:1200px) {
    .header_center {
        position:absolute;
        bottom:30%;
        left:0;
    }
    .form_box2 {
        padding:0px;
    }
    .join_modal {
        height:140px;
    }
    .primary-navbar {
        margin:0;
        text-align:left;
    }
    .primary-navbar a {
        color:#FFFFFF;
    }
    .imgwrapper {
        /* width:62.5%;
        */
        height:auto;
        /* margin-left:18.75%;
        */
        position:relative;
    }
    .container {
        width:1200px;
    }
    .tab {
        /* width:56%;
        */
        width:800px;
        margin:20px 0;
    }
    .tab .col-sm-2 {
        border-right:1px solid #999999;
        text-align:center;
    }
    .ionbox {
        width:25%;
        float:left;
    }
    .downbox {
        bottom:60px;
        left:0;
    }
    .downbox2 {
        bottom:30%;
        left:0;
    }
}.z {
     width:20%;
     float:left;
 }
.down {
    /* background:rgba(0,0,0,0) linear-gradient(to top,#5dc6cf 0%,#a7d39f 100%) repeat scroll 0 0;
    */
    border:0;
    border-radius:30px;
    display:block;
    padding:0 16px;
    margin:auto;
    text-align:center;
    text-transform:uppercase;
    width:160px;
    z-index:3;
    color:rgb(24,113,185);
}
@media (max-width:1199px) {
    .header_center {
        position:absolute;
        bottom:0px;
        left:0;
    }
 .col-md-12 .wk_about_1_warp {
    text-align: center;
    margin-left: 0;
}
    .downbox {
        bottom:10px;
        left:0;
    }
    .downbox2 {
        bottom:20%;
        left:0;
    }
    .down img {
        width:50px;
    }
    .imgwrapper {
        width:100%;
        height:auto;
        position:relative;
    }
    .form_box2 {
        padding:20px 80px 10px 80px;
    }
}.downbox {
     position:absolute;
     width:100%;
     height:40px;
 }
.downbox2 {
    position:absolute;
    width:100%;
}
@media (max-width:798px ) {
    .slide_btn {
        font-size:10px;
        height:25px;
        line-height:25px;
    }
}@media (min-width:798px ) {
    .slide_btn {
        width:auto;
        font-size:16px;
        height:50px;
        line-height:50px;
    }
    #rightbox {
        margin-top:35px;
    }
}.slide_btn {
     border:medium none;
     border-radius:30px;
     display:inline-block;
     outline:medium none;
     text-align:center;
     text-transform:uppercase;
     z-index:999;
     color:rgb(24,113,185);
     background:#fff;
     padding:0 20px;
 }
.left_nav {
    padding:0;
}
.left_nav ul {
    width:100%;
    height:100%;
    border-right:1px solid rgb(204,204,204);
}
.left_nav ul li {
    width:100%;
    line-height:40px;
    list-style:none;
    text-align:center;
    position:relative;
}
.left_nav_hover {
    color:rgb(18,139,214);
}
.no {
    display:none;
}
.left_nav ul li img {
    width:20px;
    top:5px;
    right:0;
    position:absolute;
}
.right_section {
    float:left;
    width:100%;
}
.bg {
    background-image:url(/assets/img/blog/bg2.jpg);
    background-size:cover;
    width:100%;
}
.join_bg {
    background-image:url(/assets/img/join/bg.png);
    background-size:cover;
}
.intro {
    float:left;
    width:80%;
    padding-left:10px;
    height:80px;
}
.intro p:first-child{
	font-weight: bold; 
	font-size: 16px;
	color: rgb(66,179,224);
}
.act {
    /* background:rgb(18,139,214);
    */
    color:rgb(18,139,214);
    /* color:#fff;
    */
}
.small-title2 {
    text-align:center;
    font-size:12px;
    color:#636B6F;
    margin-bottom:40px;
}
.centericon {
    margin-bottom:20px;
}
.centericon p {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.casebox2 {
    width:100%;
    height:auto;
    border:1px solid #8e888829;
    margin:10px 0 0 2%;
    float:left;
    position:relative;
    background:rgba(255,255,255,1);
    text-align:center;
}
.casebox2 p {
    padding:0 5px;
}
.casebox2 img {
    width:100%;
}
.teambox {
    width:100%;
    margin-bottom:20px;
}
.teambox img {
    width:100%;
}
.team_bg {
    width:100%;
    padding-bottom:40px;
    background:rgb(249,249,249);
}
.form_bg {
    width:100%;
    padding:40px 0;
    background:rgb(220,227,239);
    height:auto;
    float:left;
}
.form_bg h3 {
    margin-bottom:30px;
}
.form_box {
    background:#fff;
    padding:30px 50px 10px;
}
.join_inp {
    padding:0;
    height:40px;
    border-radius:40px;
}
.join_inp2 {
    padding:0;
    height:30px;
    border-radius:30px;
}
.join_inp input {
    border:1px solid rgb(229,229,229);
    width:95%;
    height:35px;
    border-radius:40px;
    padding-left:50px;
    background:transparent;
}
.join_inp2 input {
    border:1px solid rgb(229,229,229);
    width:95%;
    float:right;
    height:25px;
    border-radius:40px;
    padding-left:10px;
    background:transparent;
}
.join_inp i {
    position:absolute;
    top:-2px;
    left:20px;
}
.join_inp .code,.join_inp2 .code {
    width:40%;
    position:absolute;
    top:0px;
    right:0;
    height:35px;
}
.code img {
    width:100%;
    height:100%;
    border-radius:0 30px 30px 0;
}
.join_inp i img {
    width:30px;
    height:30px;
    float:left;
    margin:5px 0;
}
.form_bg h3 {
    text-align:center;
}
.join_btn {
    width:120px;
    height:30px;
    background:#0094da;
    color:#FFFFFF;
    border-radius:30px;
    margin:30px auto;
    display:block;
    border:0;
}
.foot_wrapper {
    width:100%;
    height:88px;
    background:rgba(250,251,251,0.7);
    -webkit-box-direction:normal;
    -webkit-box-orient:horizontal;
    -webkit-box-pack:center;
    justify-content:center;
    transform:translate3d(0,0,0);
    position:fixed;
    bottom:0;
    left:0;
    z-index:5;
}
}.form_box2 p {
     color:#fff;
 }
.form_box2 button {
    width:90px;
    height:30px;
    background:#fff;
    color:#0094da;
    border-radius:30px;
    margin:auto;
    display:block;
}
.tel {
    text-align:center;
}
.foot_close {
    color:#FFFFFF;
    font-size:18px;
    position:absolute;
    right:30px;
    top:0;
}
#right_box {
    padding:0;
}
@media (min-width:701px) {
    .bg_tit {
        font-size:6rem;
    }
    .s_tit {
        font-size:3rem;
    }
    .tel {
        padding-top:10px;
    }
}@media (max-width:700px) {
    .bg_tit {
        font-size:3rem;
        top:18%;
    }
    .s_tit {
        font-size:1.8rem;
        top:38%;
    }
}.bg_tit {
     position:absolute;
     top:28%;
     color:#FFFFFF;
     font-weight:700;
     left:0;
     width:100%;
     text-align:center;
 }
.s_tit {
    position:absolute;
    top:48%;
    color:#FFFFFF;
    font-weight:700;
    left:0;
    width:100%;
    text-align:center;
}
.steps {
    width:20%;
    float:left;
}
.relative {
    width:100%;
    height:auto;
    float:left;
}
.des {
    background:url(/assets/img/blog/loginbg.png) center center;
    padding-bottom:40px;
}
.swidth {
    width:100%;
    margin:0 auto;
}
.des .templates {
    padding:135px 0;
}
.des .card {
    padding:0;
    height:220px;
    background-color:rgb(0,149,213);
    float:left;
}
.inline {
    display:inline-block;
}
.ab_des1_outer {
    height:220px;
    width:100%;
    overflow:hidden;
}
.ab_des2_outer {
    height:220px;
    width:100%;
    overflow:hidden;
}
.ab_des1 {
    background:url(/assets/img/blog/shop.png);
    background-size:cover;
    width:100%;
    height:100%;
}
.ab_des2 {
    background:url(/assets/img/blog/miniapp.png);
    background-size:cover;
    width:100%;
    height:100%;
}
.ab_des3 {
    background:url(/assets/img/blog/product6.jpg);
    background-size:cover;
    width:100%;
    height:100%;
}
.ab_des3_outer {
    height:220px;
    width:100%;
    overflow:hidden;
}
.des .card.fir:before {
    top:50%;
    left:-8px;
}
.des .card.thi:before {
    top:-8px;
    left:48%;
}
.des .card.fir:before,.des .card.sec:before,.des .card.thi:before {
    position:absolute;
    content:'';
    z-index:1;
    height:16px;
    width:16px;
    background-color:rgb(0,149,213);
    transform:rotate(45deg);
}
.des .card.sec:before {
    top:50%;
    right:-8px;
}
.des .card dt {
    padding:58px 0 12px 30px;
}
.des .card dt h3 {
    text-align:left;
    font-size:32px;
    color:#fff;
    font-weight:600;
}
.des .card dd.info {
    padding-left:30px;
    color:#fff;
    line-height:30px;
    font-size:20px;
}
.left {
    text-align:left;
}
.info {
    font-size:18px;
    line-height:40px;
}
.des .card dd.info.limit {
    width:86%;
}
.team {
    height:auto;
    background:url(/assets/img/blog/marketing.png);
    background-size:cover;
    float:left;
    padding-bottom:30px;
}
.team h2 {
    text-align:center;
    position:relative;
    padding:100px 0;
    font-size:32px;
    font-weight:500;
    color:#fff;
}
.team .card {
    position:relative;
    display:inline-block;
    height:300px;
    background-color:#fff;
    text-align:center;
    float:left;
    /* outline:solid 10px transparent;
    */
    transition:.5s;
}
.team .card.first .inline {
    -webkit-transform:scale(0.9);
    transform:scale(0.9);
}
.ab_t1_outer {
    height:84px;
    width:158px;
    overflow:hidden;
}
.ab_t1 {
    margin-top:10px;
    width:100%;
    height:100%;
}
.ab_t1 img {
    width:100%;
    height:100%;
}
.team .card.first dt h3 {
    font-size:23px;
}
.team .card dt h3 {
    padding-top:26px;
    padding-bottom:20px;
    font-size:26px;
    color:#333;
    font-weight:500;
    transition:.5s;
}
.team .card.first dd.info {
    padding:0 40px;
    line-height:30px;
    font-size:15px;
}
.team .card dd.info {
    color:#555;
    line-height:30px;
    font-size:18px;
    font-weight:500;
    letter-spacing:0.5px;
    transition:.5s;
}
.team .card.sec:before {
    position:absolute;
    top:35px;
    left:0;
    content:'';
    border-right:solid 1px #ddd;
    width:0;
    height:230px;
    transition:.5s;
    z-index:1;
}
.ab_t2_outer {
    height:104px;
    width:104px;
    overflow:hidden;
}
#ct {
    min-height:300px;
    padding-bottom:10px;
    background:url(http://www.9026.com/template/wfdsoft_jiaohu/images//portal_ft.jpg) center bottom no-repeat;
    float:left;
}
#ct h2 {
    text-align:center;
    padding-top:30px;
}
.wk_content_right_m {
    text-align:left;
    width:100%;
    margin:0 auto;
    line-height:24px;
    color:#737373;
    font-size:12px;
    padding:20px 0 20px 0;
    position:relative;
}
.wk_about_1_warp span p {
    border:0 none;
    color:#555;
    font-size:14px;
    vertical-align:top;
    line-height:26px;
    margin-bottom:8px;
    text-indent:28px;
    padding-top:30px;
}
.wk_about_hty-box {
    position:relative;
    margin-top:20px;
}
.wk_about_hty-box .slogan {
    margin-bottom:30px;
    height:50px;
    line-height:50px;
    text-align:center;
    font-size:26px;
    color:#b8b8b8;
}
.wk_about_hty {
    width:100%;
    margin:0 auto;
    position:relative;
    padding:46px 0;
}
.wk_about_hty .line {
    position:absolute;
    top:0;
    left:50%;
    margin-left:-1px;
    width:3px;
    height:100%;
    background-color:#d4d4d4;
}
.wk_about_hty .item {
    position:relative;
    height:90px;
}
.wk_about_hty .item:before {
    content:'';
    position:absolute;
    top:0;
    left:50%;
    margin-left:-7px;
    width:12px;
    height:12px;
    border:2px solid #DE262E;
    background-color:#fff;
    border-radius:50%;
}
.wk_about_hty .item.odd .date {
    margin-left:31px;
}
.wk_about_hty .item .date {
    position:absolute;
    top:-6px;
    left:50%;
    margin-left:-110px;
    width:78px;
    height:26px;
    line-height:26px;
    text-align:center;
    font-size:12px;
    color:#fff;
    background-color:#DE262E;
}
.wk_about_hty .item.odd .date:after {
    right:100%;
    border-color:transparent #DE262E transparent transparent;
}
.wk_about_hty .item .date:after {
    content:'';
    position:absolute;
    top:9px;
    right:-8px;
    border-style:solid;
    border-width:5px 4px;
    border-color:transparent transparent transparent #DE262E;
}
.wk_about_hty .item.odd .desc {
    left:auto;
    right:50%;
    margin:0 36px 0 0;
    text-align:right;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}
.wk_about_hty .item .desc {
    position:absolute;
    top:-18px;
    left:50%;
    padding:10px 20px;
    margin-left:38px;
    width:45%;
    line-height:30px;
    background-color:#f9f9f9;
    border:1px solid #eae9e9;
    border-radius:4px;
    font-size:14px;
    color:#666;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}
.wk_about_hty .item.odd .desc .arrow {
    left:100%;
    border-color:transparent transparent transparent #eae9e9;
}
.wk_about_hty .item .desc .arrow {
    position:absolute;
    top:15px;
    left:-20px;
    border-style:solid;
    border-width:9px 10px;
    border-color:transparent #eae9e9 transparent transparent;
}
.wk_about_hty .item.odd .desc .arrow:after {
    left:-12px;
    border-color:transparent transparent transparent #f9f9f9;
}
.wk_about_hty .item .desc .arrow:after {
    content:'';
    position:absolute;
    top:-9px;
    left:-8px;
    border-style:solid;
    border-width:9px 10px;
    border-color:transparent #f9f9f9 transparent transparent;
}
.clear {
    clear:both;
}
.help {
    line-height: 28px;
    font-size: 22px;
    text-align: center;
    color: #fff;
}
.tsize{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 80%;
    vertical-align: baseline;
    margin-bottom: 4px
}

.words {
    color:#FFFFFF;
    margin-top:10px;
}
.inpubox {
    float:right;
    height:30px;
    background:#FFFFFF;
    padding-right:0;
}
.inpubox .btn {
    height:30px;
    color:#FFFFFF;
    border:0;
    background:#0044CC;
    border-radius:0;
}
.find {
    width:80%;
    height:28px;
    float:left;
    border:0;
    outline:none;
}
.ax {
    float:left;
    width:100px;
    height:85px;
}
.ax p {
    height:30px;
    width:100%;
    text-align:center;
    line-height:30px;
    font-weight:800;
}
.ax_default1 {
    width:55px;
    height:55px;
    position:relative;
    margin:auto;
}
.ax_default1 img {
    width:100%;
    height:100%;
}
.ax_default1 span {
    position:absolute;
    top:12px;
    left:22px;
    color:#FFFFFF;
    font-size:20px;
    font-weight:600;
}
.ax_next {
    width:108px;
    float:left;
    margin-top:12px;
}
.learn_ul li {
    height:50px;
    /*line-height:50px;
    */
    margin-top:10px;
}
.learn_ul li a {
    color:rgb(44,141,196);
}
.video {
    width:100%;
    height:150px;
}
@media (min-width:992px) {
    .learn_video,.learn_image {
        width:40%;
        margin-right:10%;
        float:left;
    }
}@media (max-width:991px) {
    .learn_video,.learn_image {
        width:100%;
    }
}.learn_video p,.learn_image p {
     text-align:center;
     height:50px;
     line-height:50px;
     color:rgb(44,141,196);
 }
.find_result > p {
    font-size:18px;
    font-weight:600;
}
.result_list {
    width:100%;
    height:auto;
    margin-top:20px;
}
.result_tit {
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    color:#0044CC;
}
.import {
    color:#D33724;
}
.result_content {
    color:#636B6F;
}
.video-pic {
    width:100%;
    height:144px;
    position:relative;
    overflow:hidden;
}
.video-pic > img {
    width:100%;
}
.triangle-right {
    width:0;
    height:0;
    border-top:20px solid transparent;
    border-left:40px solid #fff;
    border-bottom:20px solid transparent;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    z-index:15;
}
.mat-video {
    height:100%;
    width:100%;
    background:#000;
    position:relative;
}
.mat-video .canplay {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:url(/module/videoPlayer/videoCanPlay.png) no-repeat center center;
    background-size:cover;
    z-index:1010;
}
.mat-video .player {
    width:100%;
    height:100%;
    position:relative;
}
.mat-video .player .fullStart-container {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:100;
}
.mat-video .player .fullStart-container .full-start {
    display:block;
    width:50px;
    height:50px;
    background:rgba(0,0,0,.5);
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-25px;
    margin-top:-25px;
    line-height:50px;
    border-radius:50%;
    text-align:center;
    font-size:20px;
    color:#fff;
}
.fa {
    display:inline-block;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    transform:translate(0,0);
}
.mat-video .wm-video {
    height:100%;
    margin:0 auto;
    width:100%;
}
.mat-video .player .controls {
    width:100%;
    height:30px;
    background:rgba(0,0,0,.3);
    position:absolute;
    left:0;
    bottom:0;
    z-index:101;
}
.mat-video .player .controls .switch,.mat-video .player .controls .expand {
    display:block;
    width:15px;
    height:15px;
    font-size:16px;
    color:#fff;
    position:absolute;
    top:8px;
    opacity:.5;
}
.mat-video .player .controls .expand {
    right:10px;
}
.mat-video .player .controls .progress {
    height:2px;
    left:0;
    right:0;
    top:0;
    background-color:#555;
    cursor:pointer;
    position:absolute;
}
.progress,.progress-bar {
    box-shadow:none;
}
.mat-video .player .controls .progress .loaded {
    width:0;
    height:100%;
    background-color:#00a1ff;
    position:relative;
}
.mat-video .player .controls .progress .line {
    width:0;
    height:100%;
    background:#fff;
    position:absolute;
    top:0;
    left:0;
}
.line {
    width:100%;
    height:1px;
    margin:10px 0;
    font-size:0;
    overflow:hidden;
}
.mat-video .player .controls .timer {
    height:20px;
    line-height:20px;
    position:absolute;
    left:40px;
    top:6px;
    color:#fff;
    font-size:12px;
    opacity:.4;
}
.mat-video .player .controls .volume-control {
    position:absolute;
    width:60px;
    height:2px;
    background-color:#ddd;
    top:14px;
    right:56px;
}
.mat-video .player .controls .volume-control .currentVol {
    width:100%;
    height:100%;
    background-color:#00a1ff;
    position:relative;
}
.mat-video .player .controls .volume-control .vol-circle {
    position:absolute;
    width:8px;
    height:8px;
    border-radius:50%;
    left:60px;
    top:-2px;
    background-color:#fff;
}
.made_section {
    margin-top:20px;
}
.made_section p {
    width:100%;
    line-height:50px;
    text-align:center;
    font-size:16px;
}
.made_section button {
    width:140px;
    height:40px;
    border:1px solid rgb(24,113,185);
    color:rgb(24,113,185);
    margin:10px auto;
    display:block;
}
.form-group {
    border-radius:0px;
}
.sendbtn {
    width:70px;
    height:30px;
    margin:auto;
    display:block;
    background:#006DCC;
    color:#FFFFFF;
}
label[for] > p:last-child {
    color:#636E7B;
    font-size:12px;
}
.left {
    height:100%;
}
.right {
    height:100%;
}
.left span {
    position:absolute;
    top:25%;
    left:15px;
}
.right span {
    position:absolute;
    top:25%;
    right:15px;
}
.honor {
    text-align:center;
}
.honor a {
    display:inline-block;
    margin:0 10px;
}
.honor img {
    width:auto;
    height:250px;
    margin:5px auto;
    display:block;
}
ol {
    margin-bottom:12px;
}
.carousel-indicators {
    bottom:0;
}
.step_box {
    padding-left:10px
}
.wk_about_1_warp {
    text-align:center;
    margin-left:18.75%;
}
.qq_bg {
    width:110px;
    height:240px;
    position:fixed;
    top:50%;
    right:0;
}
.qq_close {
    position:absolute;
    right:5px;
    top:0;
    color:rgb(30,134,247);
    font-size:20px;
}
.qq_tit {
    position:absolute;
    width:100%;
    height:110px;
    border-radius:110px;
    background:rgb(30,134,247);
    top:10px;
    left:0;
    z-index:2;
}
.qq_tit img {
    width:90px;
    height:90px;
    border-radius:95px;
    margin:10px;
}
.qq_mess {
    width:100%;
    height:165px;
    position:absolute;
    bottom:0;
    left:0;
    background:rgb(30,134,247);
    z-index:1;
}
.phone {
    width:100%;
    position:absolute;
    top:55px;
}
.phone img {
    width:20px;
    height:20px;
    display:block;
    float:left;
    margin-left:8px;
}
.phone span {
    display:block;
    float:left;
    color:#FFFFFF;
    font-size:12px;
}
.phone p {
    word-wrap:break-word;
    width:100%;
    font-size:14px;
    text-align:center;
    color:#FFFFFF;
    float:left;
    padding:10px 5%;
}
.qq_btn {
    width:90%;
    margin:auto;
    background:#FFFFFF;
    color:rgb(30,134,247);
    height:30px;
    position:absolute;
    bottom:10px;
    border:0;
    left:5%;
    font-size:12px;
}
.primary-navbar > li:hover {
    /*background:rgba(15,38,91,0.5);
    */
}
.primary-navbar > li ul {
    display:none;
}
.primary-navbar > li ul > li {
    margin-top:10px;
    padding:10px 0;
}
.primary-navbar > li:hover > ul {
    display:block;
}
.primary-navbar > li > ul > li:hover {
    /*background:rgba(15,38,91,0.7);
    */
}
.widget-wrap > ul {
    margin-left:40px;
}
.small-tit {
    text-align:center;
    line-height:40px;
}
.page2,.page4 {
    padding:50px 0;
}
.page {
    width:100%;
    position:relative;
    text-align:center;
}
.page2 h5 {
    font-size:24px;
    margin:0;
    color:#1b272f;
}
.page2 > p {
    font-size:22px;
    margin-top:15px;
    color:#515151;
}
.page4 p {
    font-size:22px;
}
.page4-p1 {
    font-weight:bold;
    color:#1b272f;
}
.page4-p2 {
    color:#515151;
    margin-top:16px;
}
.page4-p3 {
    margin-bottom:25px;
    margin-top:37px;
    color:#1b272f;
}
.page4 > button {
    margin:63px auto;
    display:block;
    border:1px solid #3091f2;
    width:120px;
    line-height:30px;
    border-radius:2px;
    color:#3091f2;
}