@charset "utf-8";
/* reset */
body{-webkit-tap-highlight-color:transparent; background-color: white; font-family: "Hiragino Sans GB","Microsoft YaHei","微软雅黑","宋体",Arial,Verdana,sans-serif;}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, select, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {margin: 0;padding: 0; border: 0;vertical-align: baseline;font-weight: 400;}
* {-webkit-tap-highlight-color: transparent;}
user agent stylesheetbody { display: block; margin: 8px; }
a, a:link, a:visited, a:active{ text-decoration:none}
ul{ list-style:none}
input[type="submit"],
input[type="reset"],
input[type="button"],
button {-webkit-appearance : none ;}
html{height: 100%;}
::-webkit-scrollbar { display: none; }
    body{
        width:100%;
        height: 100%;
        position: relative;
        margin: 0;
        min-width: 1280px;
        overflow: hidden;
    }
    .header{
        height: 30px;
        width: 100%;
        display: flex;
         align-items: center;
        padding: 7px 0;
		border:5px;
		border-color: red;
    }
    .headerContent{
        min-width: 980px;
        width: 80%;
        margin: auto;
        height: 25px; 
        position: relative;     
    }
    .logo{width: 200px;height: 40px;vertical-align: middle;margin-bottom: 0}
    .headerContent span{
        color: #f77248;
        font-size: 16px;
        position: absolute;
		 vertical-align: bottom;
        left: 205px;
        top: 11px
    }
   .article{
       width: 100%;     
   }
   .articleNavBox{
       width: 100%;
       height: 40px;
       background-color: #ff6637;
   }
   .articleNav{
        height: 40px;
        color: white;
        font-size:0.9rem
        min-width: 980px;
        width: 80%;
        position: relative;
        margin: auto;
    }
    .articleNavItem{
        background:linear-gradient(to right,#f77248,#ff6637);
        list-style: none;
        line-height: 40px;
        width: 33.333%;
        text-align: center;
        float: left;
        cursor: pointer
    }
    .languageSelect{
        position: relative;
    }
    .languageSelect:hover .languageBox{
        display: block;
    }
    .languageBox{
        position: absolute;
        display: none;
        width: 300px;
        height: 90px;
        z-index: 999;
    }
    .languageBox li{
        line-height: 36px;
        width: 100px;
        float: left;
        font-size:0.9rem
        background: white;
        border-bottom: 1px solid gainsboro;
        color: black; 
        box-sizing: border-box;
        padding: 0 5px;  
        position: relative;  
        text-align: left; 
    }
    .liBorder{
        border-right: 1px solid gainsboro;      
        border-left: 1px  solid gainsboro;     
    }
    .languageBox li.active{
        background-color: #f77248!important;
        color: white;
    }
    .languageBox li img{
        width: 20px;      
    }
    .languageBox li span{
        position: absolute;
        left: 30px;
    }
    .articlecenter{
        background-image: url(../images/bg_14.png);
        background-size: 100% 100%;
        box-sizing: border-box
    }
    .articlecenterbody{
        width: 80%;
        height: 100%;
        min-width: 980px;
        margin: auto;
        box-sizing: border-box;
        padding-bottom:5px;
    }
    .textShow{
        position: absolute;
        width: 200px;
        height: 30px;
        top:48%;
        left: 35%;
		 tetx-align:center;
        text-shadow: 0 0 10px black;
        font-size: 11px
    }
    .articlecenterNavFirst{
        height: 50%;
    }
    .articlecenterNavFirst a:first-child{
        float: left;
        width:49.85%;
        height: 100%;
        text-align: center;     
        position: relative;
    }
    .articlecenterNavFirst a:last-child{
        float: right;
        width:49.85%;
        height: 100%;
        text-align: center;
        position: relative;
    }
    .articlecenterNavSecond{
        height: 50%;
        padding-top: 5px      
    }
    .articlecenterNavSecond a{
        float: left;
        width: 33.2%;
        height: 100%;
    }
    .articlecenterNavSecond a:nth-child(2){
        margin:0 0.2% 
    }
    .startmarket,.recruit{
        color: white
    }
    .platform,.friends,.share{
        color: white
    }
    .startmarket{
        background-image: url(/imagesnew/start.jpg);
        background-size: 100% 100%
    }
    .recruit{
        background-image: url(/imagesnew/recruit.jpg);
        background-size: 100% 100%
    }
    .platform{
        background-image: url(/imagesnew/platform.jpg);
        background-size: 100% 100%;
        position: relative;
    }
    .friends{
        background-image: url(/imagesnew/friends.jpg);
        background-size: 100% 100%;
        position: relative;
    }
    .share{
        background-image: url(/imagesnew/share.jpg);
        background-size: 100% 100%;
        position: relative;
    }
    .footer{
        width: 100%;
        height: 21%;            
        padding-bottom: 1px;
        background: #f77248;
    }
    .footerShow{
        width: 80%;
        min-width: 980px;
        margin: auto;
        overflow: hidden;
        padding-bottom: 10px;
        padding-top: 10px;
        position: relative;
    }
    .footerNav{
        width: 100%;
        background: white;
        height: 30px;
    }
    .footerNav ul{
        width: 80%;
        min-width: 980px;
        height: 20px;
        background-color: white;
        margin:auto;
        padding-top: 1px;
    }
    .footerNav ul li{
        list-style: none;
        font-size:0.9rem
        color: #ff6637; 
        float: left; 
        text-align: center;
        width: 20%; 
    }
    .footerNav img{
        vertical-align: middle;
        height: 15px;
    }
    .footer li span{padding-left: 15px}
    .device {
        width: 100%;
        height: 100%;  
        position: relative;
      }
      .device .arrow-left {
        background: url(/imagesnew/left.png) no-repeat left top;
        position: absolute;
        left: 10px;
        top: 50%;
        margin-top: -15px;
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        z-index: 999999999;
      }
      .device .arrow-right {
        background: url(/imagesnew/right.png) no-repeat left bottom;
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -15px;
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        z-index: 999999999;
      }
      .swiper-container {
        max-height:280px;
        height: 100%;
		 width: 100%;
      }
      .swiper-wrapper{
          height: 100%;
      }
      .content-slide {
        padding: 20px;
        color: #fff;
      }
      .swiper-slide{
        position: relative;
        text-align: center;
		 width:180px !important;
		 height:110px !important;
		 padding:1px;			
      }
      .swiper-slide img{
          width: 100%;
          height: 80%;
      }
      .title {
        font-size:0.9rem
        margin-bottom: 10px;
        position: absolute;
        text-shadow: 0 0 10 gainsboro;
        color: white;
        width: 100%;
        text-align: center;
        z-index: 999;
        top:48%;
      }
      .pagination {
        position: absolute;
        left: 0;
        text-align: center;
        bottom:-5px;
        width: 100%;
      }
      .swiper-pagination-switch {
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 10px;
        background: #999;
        box-shadow: 0px 1px 2px #555 inset;
        margin: 0 3px;
        cursor: pointer;
      }
      .swiper-active-switch {
        background: #fff;
      }
      .swiperShow{
          position: absolute;
          width: 100%;
          /*top:46%; 
		   left:25%;*/
          top:6%; 
		   left:0%;
            bordercolor:blue;
          border:5;		  
          z-index: 99999;          
      }
      .swiperShow div{
          height: 100%;
          float: left;
          width: 20%;
          background: rgba(0, 0, 0, 0);
          position: relative;
      }
      .swiperShow div p{
          position: absolute;
          top:46%;
          left:86%;
          width: 100%;
          text-align: center;
          font-size:0.9rem
          text-shadow: 0 0 10px black;
          color: white
      }
      .swiperShow div.op_8{
		  height: 100%;
		  position: relative;
        background: rgba(0, 0, 0, 0.4);
      }
      .swiperShow div.op_7{
		  height: 100%;
		  position: relative;
         background: rgba(0, 0, 0, 0.6);
      }
    .putNum{
        color: #f77248;
        text-align: center;
        padding: 1px 0;
		 font-size:0.9rem
        background: white;
    }
    .mark{
        position: absolute;
        top:0;
        left: 0;
        width: 100%;
        background: rgba(255, 255, 255, 0.5);
        height: 50%;
        z-index: 999;
        display: none;
		opacity:1.0;
        justify-content: center;
        align-items: center;
    }
    .markContent{
        background: #f77248;
        width: 400px;
        height: 260px;
        margin: auto;
        position: relative;
        padding-top: 30px;      
    }
    .mobile{
        position: absolute;
        top:0;
        left: 0;
        width: 100%;
        background: rgba(255, 255, 255, 0.5);
        height: 100%;
        z-index: 999;
        display: none;
         justify-content: center;
         align-items: center;
    }
    .mobileContent{
        background: #f77248;
        width: 400px;
        height: 260px;
        margin: auto;
        position: relative;
        padding-top: 30px;      
    }	
    .closeBtn{
        position: absolute;
        right: 10px;
        top:0;
        color: white;
        font-size:0.9rem
        cursor: pointer;
    }
    .userMsg{
        font-size:0.9rem
        line-height: 40px;
        text-align: center
    }
    .userMsg label{padding-right: 10px;color: white}
    .userMsg input{
        border-radius:5px;
        border:1px solid white;
        outline: none;
        height: 26px;
        padding-left: 5px;
        width: 200px;
     }
    .rememberuser{
        text-align: right;
        padding: 5px 70px;
        font-size:0.9rem
        color: white;
    }
    .operateBox1{
        padding: 5px 70px;
		 font-size:0.9rem
        text-align: center
    }
    .operateBox2 a{
		 padding: 5px 50px;
        color: white;
        font-size:0.9rem
		 text-align: right
    }
    .thirdParty p{
        text-align: center;
        color: white;
		 font-size:0.9rem
        padding-top: 10px
    }
    .thirdParty ul{
        background: #f77248;
        text-align: center;
        height: 50px;
        overflow: hidden;
        padding: 20px 50px 0 50px
    }
    .thirdParty li{
        margin: 0;
        padding: 0 5px;
        float: left;
        width: 40px;
    }
    .thirdParty img{
        width: 30px;
    }