body {width: 100%; margin: 0 auto; padding: 0; font-size: 14px; font-family: "Microsoft Yahei" Arial, sans-serif; color: #666; background: #f0f0f0; }
a, p, ul, li, h1, h2, h3 { text-decoration: none; margin: 0; padding: 0; list-style-type: none; font-weight: normal; }
* { padding: 0; margin: 0; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input, button, select, textarea { outline: none;/*强制去除表单自带的样式*/ margin: 0; -webkit-appearance: none; }
textarea { resize: none;/*强制去除textarea自带的样式*/ }
a { color: #666; text-decoration: none; }
a:visited { color: #666; }
a:hover { color: #666; }
em { font-style: normal; }
img { border: none; overflow: hidden;}


/*header*/
.layout-box{display: -webkit-box;display: -webkit-flex;display: flex;}
.layout-box .box-col{-webkit-box-flex:1;-webkit-flex: 1;flex: 1;width: 100%;}

.global-bg{background-color: #f0f0f0;height:auto;min-height:100%;}
.global-container{min-height: 100%;height:auto !important;position: relative;padding-bottom:10px;}

.global-header {
    box-sizing: border-box;
    position: relative;
    z-index: 5;
    width: 100%;
    height: 50px;
    padding: 10px 15px;
    background-color: #10aeff;
    color: #fff;
    text-align: center;
}
.global-header .header-left {position: relative;}
    .global-header .header-left .prev {
        display: block;
        position: absolute;
        width: 11px;
        height: 25px;
        background-image: url(../images/icon_jt.png);
        top: 3px;
        left: 0px;
    }
.global-header .header-center{text-align: center;height: 30px;line-height: 30px;overflow: hidden;display: inline-block;display: block;}
.global-header .header-center .title-only{line-height: 30px;/*font-size: 13pt;*/font-size: 17px;}
.global-header .header-right .home{background: url(../images/icon_newheadmask.png) no-repeat;border-radius: 0;width: 20px;height: 20px;margin-top: 6px;float: right;}
.global-header .new-header-nav {position: absolute;top:57px;right:2%;color:#fff;background:rgba(0,0,0,0.7)!important;background: #000000;filter:Alpha(opacity=70);z-index: 9;width: 96%;border-radius: 3px;}
.global-header .new-header-nav-i {position: absolute;top:50px;right:20px;background: #ffffff;z-index: 8;width: 10px;height: 10px;filter: alpha(opacity=70);opacity: 0.7;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 7px solid #000000;}
/*sub menu*/
span.right{
transform:rotate(0deg);
-ms-transform:rotate(0deg);     /* IE 9 */
-moz-transform:rotate(0deg);    /* Firefox */
-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
-o-transform:rotate(0deg);
-webkit-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
span.right.on{
transform:rotate(135deg);
-ms-transform:rotate(135deg);     /* IE 9 */
-moz-transform:rotate(135deg);    /* Firefox */
-webkit-transform:rotate(135deg); /* Safari 和 Chrome */
-o-transform:rotate(135deg);
-webkit-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;}
.menu{overflow: hidden;background:rgba(0,0,0,0.7)!important;background: #000000;filter:Alpha(opacity=70); 
    width: 96%;position: absolute;left: 2%;top: 60px;right: 2%;z-index: 9999;height: 0;padding: 0px 0 4px 0;
    border-radius: 6px;z-index: 9;
-webkit-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
font-size: 14px;}

.index-menu{padding:22px 0 4px 0;font-size: 12px;}
.index-menu .menu-row{text-align: center;}
.index-menu .menu-row .index-menu-item{color:#ffffff;margin-bottom: 18px;display: block;}
.index-menu .menu-row .index-menu-item .menu-icon{margin:0 auto;width: 50px;height: 50px;color:#fff;border-radius: 50%;line-height: 50px;text-align: center;margin-bottom: 5px;filter: alpha(opacity=100);opacity: 1;}
.menu-icon.color1{background-color: #b0db52;}
.menu-icon.color2{background-color: #f2b759;}
.menu-icon.color3{background-color: #ee6ec5;}
.menu-icon.color4{background-color: #e66363;}

.menu-icon.color5{background-color: #51dd7f;}
.menu-icon.color6{background-color: #58ded3;}
.menu-icon.color7{background-color: #63a7e6;}
.menu-icon.color8{background-color: #61d5e6;}

.menu-icon.color9{background-color: #61d5e6;}
.menu-icon.color10{background-color: #b57af1;}
.menu-icon.color11{background-color: #61d5e6;}
.global-header .new-header-nav,.global-header .new-header-nav-i {display: none;}
.global-header .new-header-nav .index-menu .menu-row .index-menu-item .menu-icon img{width: 100%;}
.flex-box{  
    overflow: hidden;  
    display: flex;  
    -webkit-box-orient: horizontal;  
    width: 100%;  
    margin: 0 auto; 
    text-align: center;
    font-family: 'Microsoft YaHei';  
    box-sizing:border-box;
    display: -webkit-box;  
    display: -moz-box;  
    display: -ms-flexbox;  
    display: -o-box;
}  
.flex1{  
    width: 20%; height: 100%;  
    display: block;  
}  
.flex2{  
    -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */  
    -moz-box-flex: 1; /* OLD - Firefox 19- */  
    -webkit-flex: 1; /* Chrome */  
    -ms-flex: 1; /* IE 10 */  
    flex: 1;   
}  
.flex3{  
    width: auto;  
    width: 20%; height: 100%;  
}  

/*button*/
.arlogout{padding: 20px 15px;height: auto;overflow: hidden;margin-bottom: 10px;color: #666666;box-sizing:border-box;width: 100%;}
    .arlogout .logout {
        display: block;
        height: 40px;
        line-height: 40px;
        color: #FFFFFF;
        width: 90%;
        margin: 0 auto;
        background-color: #10aeff;
        border-radius: 5px; /*font-size: 11pt;*/
        font-size: 15px;
    }

/*content*/
.content{width: 100%;}
/*login*/
.tabs{height:46px;border-bottom: 1px solid #ff0; }
.tabs a{display:block;float:left;width:50%;color:#333;text-align:center;background:#fff;line-height:46px;font-size:16px;text-decoration:none;border-bottom:2px solid transparent;position: relative;}
.tabs a.active{color:#2585e5;background:#fff;border-bottom:2px solid #0180cf;}
.tabs a::after{content:'';position: absolute;top:9px;right:-1px;width: 1px;height: 24px;background-color: transparent;border-left:1px solid #e2e2e2;}
.tabs a:last-child::after{border:0;}

.swiper-slide{width:100%;background:none;color:#fff;}
.content-slide{padding:40px;}
.content-slide p{text-indent:2em;line-height:1.9;}
.swiper-container {   width: 100%; position:relative; overflow:hidden;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    /* Fix of Webkit flickering */
    z-index:1;
    border-top:0;    height: 280px;
}
.swiper-wrapper {
    position:relative;
    width:100%;
    -webkit-transition-property:-webkit-transform, left, top;
    -webkit-transition-duration:0s;
    -webkit-transform:translate3d(0px,0,0);
    -webkit-transition-timing-function:ease;
    
    -moz-transition-property:-moz-transform, left, top;
    -moz-transition-duration:0s;
    -moz-transform:translate3d(0px,0,0);
    -moz-transition-timing-function:ease;
    
    -o-transition-property:-o-transform, left, top;
    -o-transition-duration:0s;
    -o-transform:translate3d(0px,0,0);
    -o-transition-timing-function:ease;
    -o-transform:translate(0px,0px);
    
    -ms-transition-property:-ms-transform, left, top;
    -ms-transition-duration:0s;
    -ms-transform:translate3d(0px,0,0);
    -ms-transition-timing-function:ease;
    
    transition-property:transform, left, top;
    transition-duration:0s;
    transform:translate3d(0px,0,0);
    transition-timing-function:ease;

    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}

/*Registration*/
.regist{width: 100%;padding: 20px 20px 0; box-sizing:border-box; -webkit-box-sizing:border-box;}
.regist ul{width: 100%; margin-bottom: 10px; overflow: hidden; border: 2px;}
.regist li{width: 100%;  border-bottom: 1px solid #ccc;padding:12px 0; height: 46px; background: #fff; box-sizing: border-box; -webkit-box-sizing: border-box;}
.regist li:last-child{border-bottom: none;}
.regist li .d {width: 40px; height:22px; padding: 3px 0px 0px 14px;  float: left; border-right: 1px solid #ccc;}
.regist li .d img{width:14px; height: 16px;}
.regist li .bd{padding-left: 46px;position: relative; }
.regist li .bd .img-code{position:absolute;right:10px;top: 0;}
.regist li .bdinp{border: 0; font-size: 14px; line-height: 22px;height: 22px; width: 100%; color: #666;}
.regist .code-box{ width: 80px;position: absolute;right: 10px;top: 0;}
.regist .code-box .code-btn{height: 26px;width: 80px;border:0;font-size: 12px;color:#fff;border-radius: 3px;background-color: #0180cf;white-space: nowrap;z-index: 5;cursor: pointer;}
.forget-pwd{font-size: 14px;color: #0180cf; text-align: right; margin-top: 8px;line-height: 18px}
.forget-pwd a{color:#0180cf;}
.regist .arlogout{padding: 20px 0;}
.regist .arlogout .logout{width: 100%;}
.regist input{ outline: none;-webkit-tap-highlight-color:transparent;}

.regist-box{z-index: 2;  width: 100%;color: #fff; height: 100%; position: absolute;left: 0;top: 0;padding-top: 50px;box-sizing:border-box; -webkit-box-sizing:border-box; }
.regist-box img{width: 100%;}
.btn-box{width: 70%; margin: 0 15%;position: absolute; top: 60%; }
.btn-box .button-box{width: 100%; height: 46px;margin-bottom: 20px;}
.btn-box .button-box a{border-radius: 6px; display: block;width: 100%;font-size: 18px; line-height: 46px; text-align: center;}
.btn-box .button-box .personal{background-color: #35b5fd;color: #fff; }
.btn-box .button-box .company{background-color: #78d40b;color: #fff;}
.regist-p{ color: #fff;padding: 10px 0px; text-align: center;position: absolute;bottom: 20px;line-height: 1.6; width: 100%;}

@media screen and (min-width:768px){
.btn-box{top: 70%; }
}

.btn-box1{width: 70%; margin: 0 15%;position: absolute; top: 77%; }
.btn-box1 .button-box1{width: 100%; height: 46px;margin-bottom: 20px;}
.btn-box1 .button-box1 a{border-radius: 6px; display: block;width: 100%;font-size: 18px; line-height: 46px; text-align: center;}
.btn-box1 .button-box1 .personal1{background-color: #35b5fd;color: #fff; }
.btn-box1 .button-box1 .company1{background-color: #78d40b;color: #fff;}