@charset "utf-8";
/* CSS Document */

/*字体定义*/
.bold {font-weight:bold;}
.normal{font-weight:normal;}
.block {display:block;}
.unblock {display:none;}
.tc{ text-align:center;}

/*字号及字体颜色、行高*/
.fs10{font-size:10px;}
.fs12{ font-size:12px;}
.fs14{ font-size:14px;}
.fs16{ font-size:16px;}
.fs18{font-size:18px;}
.fs20{ font-size:20px;}
.fs22{font-size:22px;}
.fs24{font-size:24px;}
.fs26{font-size:26px;}

.fc0{color:#fff}
.fc9{color:#999}
.fc6{color:#666}
.fc5{color:#555}
.fc3{color:#333}
.fc_red1{color:#ff0801;}
.fc_red2{color:#b42521}
.fc_e6{color:#e6e6e6;}
.fc_1a{color:#1a1a1a;}

.lh18{line-height:18px;}
.lh20{line-height:20px;}
.lh22{line-height:22px;}
.lh24{line-height:24px;}
.lh26{line-height:26px;}
.lh28{line-height:28px;}
.lh30{line-height:30px;}
.lh32{line-height:32px;}
.lh34{line-height:34px;}
.lh36{line-height:36px;}
.lh40{line-height:40px;}
.lh44{line-height:44px;}
.lh42{line-height:42px;}
.lh46{line-height:46px;}
.lh48{line-height:48px;}
.lh60{line-height:60px;}

/*间距*/
.fl { float:left; display:inline-block; }
.fr { float:right; display:inline-block; }
.ofh{overflow:hidden;}
.mtauto{margin:0 auto;}
.psr{position:relative;}
.psab{position:absolute;}

.wl{width:1200px;}
.width98{width:98%;}
.width95{width:95%;}
.width90{width:90%;}
.width50{width:50%;}
.width70{width:70%;}
.width33{width:33.33%;}

.height_auto{height:auto;}
.height20{height:20px;}
.height30{height:30px;}
.height32{height:32px;}
.height34{height:34px;}
.height36{height:36px;}
.height40{height:40px;}
.height42{height:42px;}
.height44{height:44px;}
.height46{height:46px;}
.height48{height:48px;}
.height60{height:60px;}
.height72{height:72px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl28{padding-left:28px;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr22{padding-right:22px;}

.pt3{padding-top:3px;}
.pt6{padding-top:6px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt28{padding-top:28px;}
.pt30{padding-top:30px;}
.pt50{padding-top:50px;}

.pb3{padding-bottom:3px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}

.pd1{padding: 16px 10px;}
.pd2{padding:26px 0;}

.mt10{margin-top:10px;}
.mt11{margin-top:11px;}
.mt20{margin-top:20px;}
.mt24{margin-top:24px;}
.mt30{margin-top:30px;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}

.ml6{margin-left:6px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}

.mr6{margin-right:6px;}
.mr10{margin-right:10px;}
.mr13{margin-right:13px;}
.mr20{margin-right:20px;}
.mr26{margin-right:26px;}

/*背景颜色、边框样式*/
.bg_color1{background-color:#b42521;}
.bg_color2{background-color:#f4f4f4;}
.bg_color3{background-color:#ff3300}
.bg_color4{background-color:#ff6600;}
.bg_color5{background-color:#ff9900}
.bg_color6{background-color:#999;}
.bg_color7{background-color:#f7f7f7;}
.bg_color8{background-color:#fafafa;}
.bg_color9{background-color:#fff;}

.bd_red1{border-top:1px solid #b42521;border-right:1px solid #b42521;border-bottom:1px solid #b42521;}
.bd_d9{border:1px solid #d9d9d9}
.bd_e6{border:1px dashed #e6e6e6;}

.bdbt_d9{border-bottom:1px solid #d9d9d9}
.bdbt_e6{border-bottom:2px solid #e6e6e6;}
.bdbt_dd{border-bottom: 1px solid #ddd;}

.bdr_d9{border-right:1px solid #d9d9d9}
.bdr_d9{border-right: 1px solid #ddd;}

.bdl_d9{border-left:1px solid #d9d9d9}
.bdl_dd{border-left:1px solid #ddd;}
   
    
.bdt_d9{border-top:1px solid #d9d9d9}
.bdr_dd{border-right:1px solid #ddd;}
.bdt_red1{border-top:2px solid #b42521;}
/*--通用基础样式 结束--*/



.pc-show{
    display:block;
}
.top-popup-b i.iconfont{
    line-height: 67px;
    font-size: 32px;
}
.mobile-show{
    display:none
}
.cidian-qq{
    color:#2c94ce;
}
.cidian-weixin{
    color:#21b322;
}
.cidian-weibo{
    color:#e1344e;
}


@media screen and (max-width:750px){
    .pc-show{
        display:none;

    }
    .mobile-show{
        display:block;
    }
    *{ padding: 0; margin: 0;}
    body{ background: #f8f8f8; font-family:"微软雅黑";}
    em, i{ font-style: inherit;}
    li{ list-style: none;}
    a{ list-style: none; text-decoration: none; cursor: pointer; color:#555;}
    .r{ float: right;}
    .l{ float: left;}
    .mt-20{ margin-top:10px;}
    .mt-30{ margin-top:20px;}
    .mb-30{ margin-bottom: 40px;}
    .b{ border: #455ede solid 1px;}
    .b-b{ border-bottom: #eee solid 2px;}
    h2{ font-size: 16px; color: #333333;}
    .header{ width: 100%; height:54px; background: #25a176; overflow: hidden; position:fixed; top:0; left:0; z-index:99;}
    .l-1{ background:url(../images/icon1-m.png) no-repeat 4px 4px; background-size:160px; height:40px; width:38px; margin-top:10px!important;}
    .l-1 img{ width: 100%; margin-top: 8px;}
    .header-1{ width: 100%; margin: auto; height:54px; position:relative;}
    .header h2{ width:60%;height: auto; text-align:center; font-size:24px; font-weight:100; color:#fff; position:absolute; top:4px; left:20%;}
    .header .f-3{ text-align:center; color:#FFF; font-size:12px; position:absolute; top:32px; left:20%; width:60%;}

    .c-da{ display:inline-block; background:url(../images/icon1-m.png) no-repeat -28px 4px;background-size:160px;height:40px; width:38px; margin-top:10px; margin-right:4px;}
    .c-xia{ display:inline-block; background:url(../images/icon1-m.png) no-repeat -74px 4px;background-size:160px; height:40px; width:38px; margin-top:10px; position:relative; z-index:999;}

    .c-xxx{  margin-top:0px; transform:rotate(180deg); -webkit-transform:rotate(180deg);}
    .c-xxx img{ width:40%;}
    .c-xxx1{ transform:rotate(0deg); padding:10px 0; text-align:center;}
    .c-xxx1 img{ width:10%;}
    .c-nav{background-color:#FFF; padding:0; position:relative; margin-top:50px;}
    .c-nav ul{ overflow:hidden;}
    .c-nav ul li{ float:left; width:20%; text-align:center; line-height:30px; height:30px; position:relative;}
    .c-nav ul li a{ color:#333333;}
    .c-nav ul li .cur{ color:#b42521;}


    .c-xiala{ position: fixed; left:0; top:54px; z-index:999999; background-color:#FFF; width:100%; box-shadow: 0 5px 11px #666666; display:none;}

    .c-xiala .xiala-1 { overflow:hidden;border-bottom: #d7d7d7 solid 1px; padding:10px 0 6px}
    .c-xiala .xiala-1 dt{ color:#b42521; border-left:3px solid #b42521; padding-left:10px; margin-bottom:5px;}
    .c-xiala .xiala-1 dd{ float:left; width:20%; text-align:center; line-height:26px;font-size: 14px;}

    .c-xiala .xiala-2 { overflow:hidden; padding:20px 0 10px}
    .c-xiala .xiala-2 dt{ color:#b42521; border-left:3px solid #b42521; padding-left:10px; margin-bottom:5px;}
    .c-xiala .xiala-2 dd{ float:left; width:25%; text-align:center; line-height:28px;}


    /*login*/
    .content {
      margin:0 auto;
      width:320px;
      height:450px;
      position:relative
    }
    .login {
      margin:0 auto;
      padding-top:30px
    }
    .inputstyle {
      width:70%;
      height:44px;
      color:#000;
      border:none;
      background:0 0;
      padding-left:15px;
      font-size:16px;
      -webkit-appearance:none;
      background-color: #f5f5dc;
    }
    .logo {
      height:65px;
      width:244px;
      margin:0 auto 20px;
      background-size:244px 65px；
      display: none;
    }
    #switch,#vcode,#web_login {
      margin:0 auto
    }
    #web_login {
      width:290px
    }
    #g_list {
      background:#fff;
      border-radius:4px
    }
    #g_u {border: 1px solid #e6e6e6;border-radius: 4px;margin-bottom: 8px;}
    #g_u .icon{font-size: 15px;color: #666666;margin: 0 10px;line-height: 44px;}
    #go,#onekey {
      height:44px;
      background:#b42521;
      border-radius:4px;
      color:#fff;
      font-size:16px;
      display: block;
      text-align: center;
      margin: 1rem auto;
      width: 100%;
    }
    #go.weak,#onekey.weak,#switch #swicth_login {
      height:42px;
      border:1px solid #b42521;
      color:#b42521
    }
    #go.weak,#onekey.weak {
      background-color:#fff
    }
    #switch {
      width:290px
    }
    #switch #zc_feedback {
      width:290px;
      position:relative;
      margin-top:15px;
      overflow:hidden
    }
    #switch #forgetpwd,#switch #zc {
      color:#246183;
      line-height:14px;
      font-size:14px;
      padding:15px 10px
    }
    #switch #zc {
      float:right;
      margin-right:-10px
    }
    #switch #forgetpwd {
      float:left;
      margin-left:-10px
    }
    .logo {
      background-image:url("../images/logo.png");
            display: none;
    }
    .Other {
      float:left;
      width:100%
    }
    .Other h4 {
      width:100%;
      height:30px;
      float:left;
      text-align:center;
      position:relative;
      overflow:hidden
    }
    .Other h4 div {
      height:1px;
      background:#ccc;
      width:100%;
      margin-top:15px;
      overflow:hidden;
      position:absolute;
      left:0;
      top:-3px
    }

    .Other>div a {
      display:inline-block;
      width:60px;
      height:60px;
      margin:0 15px
    }
    .Other div .QQ {
      background:url(../images/other1.png) no-repeat left top
    }
    .Other div .WeChat {
      background:url(../images/other1.png) no-repeat center top;
    }
    .Other div .Sina {
      background:url(../images/other1.png) no-repeat right top
    }
    .Other div.oth {text-align:center;float:left;overflow:hidden;position:relative;left:0;top:0;width:100%}
    .Other div.oth a {display:inline-block;float:none} 
    .Other h4 span {background:#eee;width:125px;font-size:13px;color:#aaa;height:30px;padding:2px 10px;z-index:2;margin:0 auto;overflow:hidden;position:relative;z-index:1;left:auto}

    /*s搜索框*/
    .search_box {
      transition: all 0s;
      position: fixed;
      display: none;
      top: 0;
      left: 0;
      width: 100%;
      /*height: 100%;*/
      background: rgba(255, 255, 255, 0.9);
      z-index: 999; 
    }
    .search_box form {
      display: block;
      width:96%;
      background: #313131;
      padding:1%;
      border-radius: 5px;
      overflow: hidden;
      margin:55px auto 0 auto;
    }
    .search_box form input[type="text"] {
      width: 55%;
      float: left;
      height:60px;
      border: none;
      background: #fff;
      padding: 0 3%; 
      border-radius: 4px 0 0 4px; 
    }

            .search_box form input[type="select"] {
    height: 60px;
    border: none;
    background: #fff;
    padding: 0 3%;

}

    .search_box form input[type="submit"] {
      display: block;
      float: right;
      width: 19%;
      height:60px;
      margin-top: 0px;
      font-size:18px;
      border: none;
      cursor: pointer;
      background: #25a176;
      color: #fff; 
        border-radius: 0 4px 4px 0; 
    }
    .search_box .close {
        display: block;
        width: 30px;
        height: 30px;
        cursor: pointer;
        background-size: 30px;
        float: right;
        background-image: url(../images/det_close.png);
        background-repeat: no-repeat;
        background-position: center center;
        margin-right: 10px;
        margin-top: 10px;
    }

select {background: none;height: 60px;width: 20%;text-indent: 5px;font-size: 14px;background: #fff;text-align: center;float: left;border-left: 1px solid #b31d23;}
}