html{height:100%;}
body{min-height:100%;margin:0;padding:0;position:relative;}
/*通用*/
.purchasepage{margin: -10px -10px 0px -4px;}
.typepage{margin: 0px -10px;}
.fl{ float: left;}
.fr{ float: right;}
.bg-none{ background: none;}
.bg-one{ background: #1e9fff;}
.bg-white{ background: #fff}
.bg-f7{ background: #f7f7f7;}
.bg-f5{ background: #f5f5f5;}
.color-one{ color: #1e9fff;}
.color-two{ color: #fa8919;}
.color-333{ color: #333;}
.color-666{ color: #666;}
.color-999{ color: #999;}
.color-red{ color: #ff0000;}
.color-white{color: #fff;}
.text-center{ text-align: center;}
.text-right{ text-align: right;}
.text-right-lottery{ text-align: right;padding: 0 7px 0 0;}
.lh20{ line-height: 20px;}
.lh24{ line-height: 24px;}
.lh26{ line-height: 26px;}
.lh28{ line-height: 28px;}
.lh30{ line-height: 30px;}
.lh40{ line-height: 40px;}
.fs44{ font-size: 44px;}
.fs36{ font-size: 36px;}
.fs30{ font-size: 30px;}
.fs24{ font-size: 24px;}
.fs20{ font-size: 20px;}
.fs18{ font-size: 18px;}
.fs16{ font-size: 16px;}
.fs14{ font-size: 14px;}
.fs12{ font-size: 12px;}
.fs10{ font-size: 10px;}
.ml10{ margin-left: 10px;}
.mt3{ margin-top: 3px;}
.mt5{ margin-top: 5px;}
.mt10{ margin-top: 10px;}
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}
.mt50{ margin-top: 50px;}
.mt60{ margin-top: 20px;}
.mt70{ margin-top: 70px;}
.mr10{ margin-right: 10px;}
.mr30{ margin-right: 30px;}
.mb15{ margin-bottom: 15px;}
.mb20{ margin-bottom: 20px;}
.mb40{ margin-bottom: 40px;}
.mb70{ margin-bottom: 70px;}
.mtb20{ margin-bottom: 20px; margin-top: 20px;}
.pl30{padding-left: 30px;}
.pt15{ padding-top: 15px;}
.pt20{ padding-top: 20px;}
.pt25{ padding-top: 25px;}
.pt30{ padding-top: 30px;}
.pb20{ padding-bottom: 20px;}
.pb30{ padding-bottom: 30px;}
.ptb10{ padding-top: 10px; padding-bottom: 10px;}
.ptb15{ padding-top: 15px; padding-bottom: 15px;}
.ptb20{ padding-top: 20px; padding-bottom: 20px;}
.plr15{ padding-left: 15px; padding-right: 15px;}
.plr30{ padding-left: 30px; padding-right: 30px;}
.plr50{ padding-left: 50px; padding-right: 50px;}
.ptblrno{ padding: 0;}
.ptblr5{ padding: 5px;}
.ptblr15{ padding: 15px;}
.border-t1{ border-top: 1px solid #f0f0f0;}
.border-t2{ border-top: 1px solid #47b7ff;}
.border-a1{ border: 1px solid #eee;}
.bsone{ box-shadow: 4px 0 10px rgba(0,0,0,.2);}
.bdnone{ border: none;}
.bdtone{ border-top: 1px solid #f5f5f5;}
.bdbone{ border-bottom: 1px solid #e5e5e5;}
.mauto{ margin: 0 auto; float: none;}
.text3em{ text-indent: 3em;}
.line-before{position: relative;}
.line-before:before{ content: ''; position: absolute; height: 1px; width: 30%; left: 0; top: 15px; background: #e5e5e5;}
.line-before:after{ content: ''; position: absolute; height: 1px; width: 30%; right: 0; top: 15px; background: #e5e5e5;}

.overhide{ overflow: hidden;}
.eilptwo{ overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.eilpthree{ overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.eilpfour{ overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}

/*icon*/
.btnIcon{ width: 50px; height: 50px; display: block;}
.icon-phone{ background: url(../image/icon-user.png) center center; background-repeat: no-repeat;}
.icon-password{ background: url(../image/icon-password.png) center center; background-repeat: no-repeat;}
.icon-code{ background: url(../image/icon-code.png) center center; background-repeat: no-repeat;}
.icon-qqbtn{ background: url(../image/qqbtn.png) center center / 100% 100%; background-repeat: no-repeat;}
.icon-go{ background: url(../image/icon-go.png) 0 center / 22px 22px; background-repeat: no-repeat;}
/*背景图*/
.bgimg-one{ background: url(../image/bgone.jpg) center bottom / 1920px 360px; background-repeat: no-repeat;}
.bgimg-two{ background: url(../image/bgtwo.jpg) center bottom / 100% 360px; background-repeat: repeat-x;}
.bgimg-three{ background: url(../image/bgimg-three.png) center center / 1920px 42px; background-repeat: repeat-x;}
/*ios版点击兼容*/
a{ cursor: pointer;}
a.color-white:hover{ color: #fff; }

/*css3效果*/
.animated{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.slideInDown {-webkit-animation-name: slideInDown;animation-name: slideInDown;}
/*头部导航向下动画*/
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


.site-union {margin-top: 10px;color: #999;} 
.img-xys {display: inline-block; height: auto; max-width: 100%;}
/*头部*/
.header-mat{height:70px;width:100%;}
.header{height: 70px;left: 0;top: 0;z-index: 10000;width: 100%; position: absolute; background: #1e9fff; border-bottom:none !important;}
.stricky-fixed{position: fixed;width: 100%;}
.header .header-main{ width: 1200px; margin: 0 auto;}
.header .logo{margin:0; height:auto;}
.header .logo img{ max-width: 100%;    margin-top: 10px;}
.header .layui-nav{ position:  inherit; padding: 0;}
.header .layui-nav li{ line-height: 70px; height: 70px; position: relative; display: inline-block;vertical-align: middle;}
.header .layui-nav li>a{ font-size: 15px; color: #fff; display: block; padding: 0 15px; transition: color 0.5s;}
.header .layui-nav li:hover{ background: rgba(0,0,0,.1);}
.header .layui-nav li.active{ background: rgba(0,0,0,.1);}
.navs{position: fixed; top: 70px; left: 0;padding:0 10px; z-index: 9999;max-height: 0; overflow:hidden;background: #fff; width: 100%; transition: all .5s;}
.navs.show{ max-height: 650px; padding: 10px; box-shadow: 4px 0 10px rgba(0,0,0,.2);}
.navs .navs-li{max-height: 650px; overflow-y: scroll;}
.navs-user{ width: 210px; height: 50px;left: auto; right: 0; position: absolute;}
.navs-user.show{ padding: 0 15px; height: 50px; border: 1px solid #e5e5e5;} 
.navs-user a{ display: block; line-height: 50px;}
 /*滚动条样式*/
.navs .navs-li::-webkit-scrollbar { width: 10px; height: 10px;}
.navs .navs-li::-webkit-scrollbar-thumb {border-radius: 5px;-webkit-box-shadow: inset 0 0 5px #ccc;background: #ccc;}
.navs .navs-li::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px #f7f7f7;border-radius: 5px;background: #f7f7f7;}

.navs .navs-li dl dt{ color: #1e9fff; line-height: 30px; font-size: 18px; padding-top: 15px; padding-bottom: 15px; width: 100%;}
.navs .navs-li dl dd{ padding: 0 5px; line-height: 30px; width: 140px; float: left;}
.navs .navs-li dl dd a:hover{ color: #1e9fff;}

.header .head-right div{ height: 26px; line-height: 26px; float: right; margin-top: 30px;}
.header .head-right div a{ font-size: 18px; padding: 0 10px; color: #fff;}

.newstr{width:100%;min-height:350px; height:650px; overflow:hidden;border:0px ;margin:10px 0px -0px -0px;}

/*适配移动端*/
 .header .head-right div.btnHome{ display: none; width: 30px; height: 30px; position: relative; margin-left: 10px;}
 .header .head-right div.btnHome span{ display: block; height: 2px; width:30px; margin: 14px 0; background: #fff;}

/*banner*/
.banner{width: 100%; position: relative; overflow: hidden;}
.banner ul li img{ min-height: 240px;}

/*swiper兼容*/
.swiper-pagination-bullet{ width: 14px; height: 14px; opacity: .4;}
.swiper-pagination-bullet-active{ background: #fff; opacity: 1;}
.wrap{ width: 1200px; margin: 0 auto;}
.wrap_type{ width: 1170px; margin: 0 auto;}
.wrap_lottery{ width: 1190px; margin: 0 auto;}
.wrap_purchase{ width: 1185px; margin: 0 auto;}
.wrap_show{ width: 1180px; margin: 0 auto;}
.barLine{ line-height: 30px; position: relative; margin-bottom: 0px;}
.barLine:after{position: absolute; content: ''; width: 100px; height: 2px; background: #1e9fff; bottom:0px; left: 50%; margin-left: -50px; right: 50%;}

/*板块1*/
.data-listall{ height: 400px; position: relative; margin-top: 30px;}
.data-list{ width: 90%; margin-left: 5%; height: 360px; box-sizing: border-box; padding-left: 10px; padding-right: 10px; overflow: hidden; padding-top: 20px;}
.data-list ul li{ background: #fff; height: 310px; padding: 20px; box-sizing: border-box; border-radius: 5px; box-shadow: 2px 0 10px 3px rgba(0,0,0,.2);}
.data-list ul li span{ display: block; width: 90px; height: 90px; margin: 0 auto;}
.data-listall .swiper-button-next,.data-listall .swiper-button-prev{ background: rgba(0,0,0,.2); border-radius: 3px; margin-top: -60px;}
.data-listall .swiper-button-prev{ left: 0;}
.data-listall .swiper-button-next{ right: 0;}
.data-listall .swiper-button-next:hover,.data-listall .swiper-button-prev:hover{ background: rgba(0,0,0,.4);}

.data-listall .layui-icon{ font-size: 27px; text-align: center; line-height: 44px; color: #fff;}
.data-listInfo{ position: relative;}
.data-listInfo:before{content: ''; position: absolute; bottom: 0; background: rgba(255,255,255,.4); width: 320px; height: 1px;}


/*友链*/
.friendship{ margin: 20px auto; padding: 0 10px;}
.layui-breadcrumb span[lay-separator],
.friendship a{ color: #fff !important;}
.friendship a:hover{ color: #fff !important;}

/*底部*/
/*设置flex布局 子元素排列方向及该方向对齐方式（底部在高度不足时自动居于下方）*/
.Wrapper{height: 100%;display: block;overflow: hidden; padding-bottom: 150px;}
.footer{ position:absolute; bottom:0;}
.footer-bg{ height: 42px;}
.footer-one{ padding-top: 20px;}
.footer-one a{ padding: 0 10px; line-height: 24px; color: #fff;}
.footer-one a img{ height: 24px;}
/*波浪线*/
.wave-box{position:relative;height:30px; margin-top: 20px;}
.marquee-box{overflow:hidden;width:100%;position:absolute;left:0;top:0}
.marquee{width:8000%;height:60px}
.wave-list-box{float:left}
.wave-list-box ul{float:left;height:60px;overflow:hidden;zoom:1}
.wave-list-box ul li{height:60px;width:100%;float:left;line-height:30px;list-style:none}

/*开奖历史*/
.conts{ margin-top: 0; min-height:730px;}
.condition{ z-index: 999;}
.listone{ margin-top: 40px;}
.listone .layui-tab-title{ border:none; font-size: 14px;}
.listone .layui-tab-title .layui-this:after{ border: none;}
.listone dl dt{line-height: 40px; margin-right: 10px;}
.listone dl dt,.listone dl dd{ display: inline-block; float: left;}
.listone dl dd{ text-align: center; border: 1px solid #e5e5e5; width: 88px; margin-bottom: 10px;  cursor: pointer; border-radius: 5px; margin-right: 10px;line-height: 38px;}
.listone dl dd.layui-this
,.listone dl dd:hover{ background: #1e9fff; color: #fff; border: 1px solid #1e9fff;}

.listtwo{ margin: 40px 0;}
.listtwo div#name-reload>span{ display: none;}
.layui-table-cell {
    height: auto;
    white-space: unset;
}
.my_webfont {
    font-family: b1cpapi!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.open-ball{ padding: 10px 0 0 0; line-height: 40px; display: flex; flex-wrap: wrap; justify-content: center;}
.history{ margin-top: 15px;}
.open-ball span {
    background: #1E9FFF;
    border-radius: 16px;
    width: 28px;
    line-height: 28px;
    height: 28px;
    color: #fff;
    font-style: normal;
    margin: 2px;
    display: inline-block;
    text-align: center;
}

.layui-tab-content.allcell{ padding: 10px 0;}
 /*滚动条样式*/
.allcell .scrollsum{ overflow-y: scroll;}
.allcell .open-ball::-webkit-scrollbar { width: 4px; height: 4px;}
.allcell .open-ball::-webkit-scrollbar-thumb {border-radius: 2px;-webkit-box-shadow: inset 0 0 2px #ccc;background: #ccc;}
.allcell .open-ball::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 2px #f7f7f7;border-radius: 2px;background: #f7f7f7;}


.history a{ background: #fff;  border:1px solid #e5e5e5; width: 50px; border-radius: 5px; color: #333;}
.history a:hover{ background: #1e9fff; color: #fff; border: 1px solid #1e9fff;}

.comm-str-list{ min-height: 191px;background: #fff; padding: 15px; box-sizing: border-box;}
.comm-str li:hover .comm-str-list{ box-shadow: 2px 0 8px rgba(0,0,0,.2);}

.tipslayer{ padding: 15px;}
.comm-strtwo{ margin-top: 10px;}
.comm-strtwo li{ padding: 10px; border: 1px solid #e5e5e5; margin: 5px 0; }
.comm-str  .layui-table-cell,
.comm-strtwo .layui-table-cell{ padding: 0;}

/*page*/
.layui-laypage a:hover{ color: #1e9fff;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{ background-color: #1e9fff;}
.layui-laypage span{ background-color: #fff;}
.layui-laypage a, .layui-laypage span{ margin: 3px;}
span.layui-laypage-spr{ border: none; padding: 0;}

/*history*/
.code-ball .bg_red{background-color: #e84e40;color: #fff}
.code-ball .bg_grey{background-color: #bdc3c7;color: #fff}
.code-ball .bg_green{background-color: #0c0;color: #fff}
.code-ball .bg_blue{background-color: #3c51e7;color: #fff}
.code-ball .bg_orange{background-color: #ffa800;color: #fff}
.code-ball .bg_purple{background-color: #c6c;color: #fff}
.code-ball .bg_cyan{background-color: #099;color: #fff}
.code-ball .bg_khaki{background-color: #c63;color: #fff}
.code-ball .bg_dark{background-color: #666;color: #fff}
.code-ball .txt_red{color: #e74c3c}
.code-ball .txt_grey{color: #ccc}
.code-ball .txt_green{color: #0c0}
.code-ball .txt_blue{color: #3c51e7}
.code-ball .txt_orange{color: #ffa800}
.code-ball .txt_purple{color: #c6c}
.code-ball .txt_cyan{color: #099;}
.code-ball .txt_khaki{color: #c63;}
.code-ball .txt_dark{color: #666}

.layui-form-label1{float: left; display: block; padding: 9px 5px; width: ; font-weight: 400; line-height: 20px; text-align: right;}
.layui-input-block1 { margin-left: 70px; min-height: 36px;}
.layui-form-select dl dd.layui-this { background-color: #1E9FFF;color: #fff;}
.trend-tab .filter-time .btn, .trend-tab .filter-time span{display: inline-block;float: left;padding: 0 10px;height: 28px;line-height: 28px;background: #f1f1f1;}
.trend-tab .filter-time .text{float: left;height: 28px;line-height: 28px;padding: 0 8px;width: 99px;border-left: 1px solid #ddd;background: url(../image/time.jpg) 89px center no-repeat;font-size: 13px;}
.trend-tab .filter-time{border: 1px solid #ddd;font-size: 13px;margin-top: 5px;margin-left: 30px;}
.trend-tab{height: 40px;line-height: 40px;border-bottom: 1px solid #e5e5e5;}
.trend-tab .filter-time .btn, .trend-tab .filter-time span{display: inline-block;float: left;padding: 0 10px;height: 28px;line-height: 28px;background: #f1f1f1;}
input, select, textarea{box-shadow: none;border-radius: 0;background: 0 0;border: none;}
.layui-table .open-ball span{background: #1e9fff;border-radius: 16px;width: 28px;line-height: 28px;height: 28px;color: #fff;font-style: normal;margin: 2px;display: inline-block;text-align: center;}

/*接口购买*/
.purchase{ padding:10px 0;}
.purchase li{ width: 20%; float: left; padding: 5px; box-sizing: border-box;}
.purchase .comm-str-list{ height: auto;}
.purchase .history{ padding: 0 10px;}
.purchase .history a{ width: 45%; margin-left: 0; box-sizing: border-box;}
.purchase .history a:first-child{ width: 100%; margin-bottom: 10px;}
.purchase .history a:last-child{ margin-left: 5%;}
.purchase li:hover .comm-str-list{ box-shadow: 2px 0 8px rgba(0,0,0,.2);}


.box{ padding-top: 0px; padding-bottom: 0px; padding-left: 10px; padding-right: 10px; min-height: 240px;}
.box-article{ line-height: 30px; color: #666; padding: 0 50px; height: 0; overflow: hidden; transition: all .5s;}
.box-article.on{ padding: 15px 40px 30px; height: auto;}
.box high{color: #d93;}
.box ul.download{ display: inline-block;}
.box ul.download li { height: auto; width:105px;display: inline;margin-bottom: 15px;padding:0 5px;float: left;border: 0px solid #f00;}
.box ul.download li.rar {background: url(../image/icon_rar_48_48.png) center 1px; background-repeat: no-repeat;}
.box ul.download li span {clear: both;margin-top: 58px;display: block;text-align: center;word-wrap: break-word;}
.box .layui-tree-icon{    border: 1px solid #1e9fff;}
.box .layui-tree-icon .layui-icon{ color: #1e9fff;}

/*登录*/
.page-login{ background: url(../image/bgthree.jpg) center center; background-repeat: no-repeat; height: 670px;}
.page-form{ max-width: 450px; height: 480px; margin-top: 95px; padding: 30px; background: #ffff; box-sizing: border-box;}

a.color-one,a.color-one:hover{ color: #1e9fff;}

.list-input{ height: 52px; position: relative;}
.btnIcon{ position: absolute; left: 1px; z-index: 999; top: 1px;}
.inputSty{ height: 52px; line-height: 52px; width: 100%; padding-left: 52px; box-sizing: border-box;}
input.inputSty{ border:1px solid #dedede;}
.btnSubmit{ height: 50px; width: 100%; border: none; border-radius: 5px; color: #fff; font-size: 16px; cursor: pointer;}
.btnPwd{ right: 0; cursor: pointer;}
.btnqq{ display: block; width: 36px; height: 36px; border-radius: 5px; margin: 5px auto;}
.btnqq i{ display: block; width: 100%; height: 100%;}
.btnInput{ height: 50px; line-height: 50px; border-radius: 5px;}

.minht{ min-height: 660px;}
.tokenheight{ min-height: 436px;}
.layadmin-user-login-codeimg{border-color:#e6e6e6;border-width:1px;border-style:solid; height: 52px;}

/*user*/
.user{position: relative;}
.user-left{ width: 164px; z-index: 999; position: absolute;}
.user-left dl dt{ height: 50px; line-height: 50px; font-size: 16px;}
.user-left dl dd{ line-height: 60px;}
.user-left dl dd a{ padding-left: 50px;}
.user-left dl dd a:hover,
.user-left dl dd.active a{ color: #1e9fff;}

.user-right{ padding-left: 184px;}
.bdt10{ border-top: 10px solid #f7f7f7;}

.text-loding {padding: 15px 0;text-align: center;color: #999;}
.paylist{padding:0px;border-top: 0}
#cards{display:none;}

.paylist li{display:inline-block;float:left;width:150px; cursor:pointer;line-height: 60px;margin:1px 0;border:1px solid #fff;text-align:center; position: relative;}
.paylist .yb,.paylist .ybh{border:1px solid #1e9fff;border-radius:3px;}
.paylist li i{ display: none;position: absolute; z-index: 998;  width: 16px; height: 16px; right: 3px; top: 3px;background: url(../image/icon-checked.png) center center; background-repeat: no-repeat;}
.paylist .yb i.chooseright,.paylist .ybh i.chooseright{display: block; }
.price{ display: none;}

.choosedate .layui-btn.layui-this {border-color: #1E9FFF; background: #1E9FFF;color: #fff;}

.user-touch{ display: none;}
.tableZoom{ width: 100%; overflow-x: auto;}
.tableZoomStr{ min-width: 850px;}

.trend-tab .day-a a.active, .trend-tab .day-a a:hover {
        background: #e73f3f;
        color: #fff;
    }

    .trend-tab .day-a a {
        display: inline-block;
        height: 28px;
        line-height: 28px;
        width: 45px;
        text-align: center;
        float: left;
        margin-left: 5px;
        margin-top: 6px;
        border-radius: 3px;
        font-size: 13px;
    }
.alone-nav .layui-form .time{ text-align:center; display: flex; flex-direction: row; justify-content: center; float:right;}     

/* 侧边悬浮导航 */
.right_nav{ right:20px; top:90%; margin-top:-120px; position:fixed; text-align:left;overflow: hidden;z-index:999;}
.right_nav li{background:#fff; color:#333;height:62px; text-align: center; width:61px; padding:5px;cursor:pointer;position:relative;border:1px solid #f5f5f5; border-bottom: none;box-sizing:border-box;}
.right_nav li:first-child{ border-top: 1px solid #f5f5f5;}
.right_nav li:last-child{ border-bottom: 1px solid #f5f5f5;}
.right_nav li .layui-icon{font-size: 30px; width: 34px; height: 34px; line-height: 34px;}
.right_nav li:last-child .layui-icon{ font-size: 50px; line-height: 50px; width: 50px; height: 50px;}
.right_nav li h4{font-size:12px; line-height: 20px;}
.right_nav li:hover a{ color: #fff;}
.right_nav li:hover{background:#1e9fff; color: #fff;border:1px solid #1e9fff;}
.right_nav li .hideBox{display: none;position: absolute;right:60px;padding:10px;padding-right: 15px; top:-10px;z-index: 999;}
.right_nav li .hideBox .hb{border: 1px solid #ccc;background-color: #fff; padding: 10px 15px;border-top: 2px solid #1e9fff;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.right_nav li .hideBox .hb h5{padding: 5px 0;border-bottom: 1px solid #eee; text-align:center;color: #1e9fff;font-size: 16px;font-weight: 400;display: block;white-space: nowrap;}
.right_nav li .hideBox .hb p {margin-top: 5px;font-size: 18px;font-weight: 700;}
.right_nav li .hideBox img{width:140px;height: 140px;margin-top: 10px;}

.btnCk{ float: right;}
.btnCk label{ display: none;}


/*历史奖励页面*/
.b1cp-select{ position: fixed; top: 50%; margin-top: -200px; left: 50%; margin-left: -720px; z-index: 999;}
.b1cp-select-title{ height: 50px; line-height: 50px; background: #1e9fff; border-radius: 5px; font-size: 16px; color: #fff; text-align: center;}
.b1cp-select-list{ background: #fff; border: 1px solid #eee; position: relative;}
.b1cp-select-list ul li{ line-height: 50px; width: 100px; cursor: pointer; text-align: center;}
.b1cp-select-list ul li.active h2,
.b1cp-select-list ul li:hover h2{ color: #1e9fff; z-index: 999;}
.b1cp-select-list ul li h2{ font-size: 15px;}
.b1cp-select-list ul li dl{ display: none; position: absolute; left: 100px; top: 0; border: 1px solid #f2f2f2; border-left: none; padding:10px; top: 0; width: 480px; height: 430px; background: #fff; transition: all .3s;}
.b1cp-select-list ul li dl dd{ float: left; line-height: 40px; padding-right: 15px; display: flex;flex-direction:column;flex-wrap: wrap;justify-content: space-between;}
.b1cp-select-list ul li dl dd.on a,
.b1cp-select-list ul li dl dd:hover a{ color: #1e9fff;}
.b1cp-select-list ul li:hover dl{ display: block; } 

.b1cp-select-btn{display:none;position: fixed; bottom: 20px; left: 20px; z-index: 99999; background: #1e9fff; color: #fff; width: 50px; height: 50px; border-radius: 50%; overflow: hidden;}
.b1cp-select-btn i{ font-size: 36px;display: inline-block; text-align: center; line-height: 50px; width: 50px; height: 50px;}


/*layui兼容*/
.freeUse .layui-form-label{ padding: 15px 15px 15px 0; width: 95px;}
.freeUse .layui-input,.freeUse .layui-select,.btnCk button,
.freeUse .layui-textarea{ line-height: 30px; height: 50px;}
.freeUse .layui-form-pane .layui-form-text .layui-textarea{ min-height: 210px;}
.freeUse .layui-form-mid{ padding: 0 !important; height: 50px;}
.freeUse .layui-form-mid img{ height: 50px;}
.freeUse .layui-form-item .layui-form-checkbox[lay-skin=primary]{ margin-top: 11px;}
.freeUse .layui-form-checkbox[lay-skin=primary] span {padding-right: 0;}
.layui-form-checkbox[lay-skin=primary]:hover i{border-color:#1e9fff;}
.layui-form-checked[lay-skin=primary] i{ background: #1e9fff;border-color:#1e9fff !important;}
.layui-form-radio>i:hover, .layui-form-radioed>i{ color: #1e9fff;}
.layui-laydate td.layui-this{ background-color: #1e9fff !important;}
.layui-laydate-footer span:hover{ color: #1e9fff !important;}
.layui-laydate-header i:hover, .layui-laydate-header span:hover{color: #1e9fff !important;}
.layui-layer-molv .layui-layer-title,.layui-layer-molv .layui-layer-btn a{ background: #1e9fff;}
.layui-layer-molv .layui-layer-btn a{ border:1px solid #1e9fff !important;}
.layui-btn-danger {background-color: #FF5722 !important;}

.container.clearfix{max-width:100%;}

.pchide{ display: none !important;}


@media screen and (max-width: 1200px){
  .header-mat{height:55px;}
	.header{ height: 55px; background: #1e9fff;}
	.header .header-main{ width: 100%;}
	.header .logo{margin-left: 10px;}
	.header .logo img{ height: 55px;}
 .header .btnNav{ display: none;}
 .touchhide{ display: none !important;}
 .pchide{ display: block !important;}
 .header .head-right div{float: right; margin-top: 15px;}
 .header .head-right div.btnHome:after{content: ""; transition: all ease .35s; position: absolute; z-index: 1; top: 3px; left: 0; height: 2px; width: 30px; right: 0; background: #fff;}
 .header .head-right div.btnHome:before{content: ""; transition: all ease .35s; position: absolute; z-index: 1; left: 0; height: 2px; width: 30px; right: 0; bottom: 3px; background: #fff;}
 .header .head-right div.btnHome{ display: block; margin-top: 13px;}
 .header .head-right div.btnHome.btnOn span{display: none;}
 .header .head-right div.btnHome.btnOn:after{transform: rotate(45deg);top: 14px;}
 .header .head-right div.btnHome.btnOn:before{transform: rotate(-45deg); bottom: 14px;}
 .header .otherlist{ float: right; width: 40%; margin-right: 10px;}
 .header .btnNav{ width: 100%; background: #fff; position: fixed; top: 55px; height: auto; left: 0; z-index: 999;}
 .header .btnNav ul{ background: #fff; width: 100%; box-shadow: 2px 3px 3px rgba(0,0,0,.1);}
 .header .layui-nav>li{ width: 105px; height: 55px; line-height: 55px; padding: 0;}
 .header .layui-nav>li a{ color: #333; font-size: 16px;}
 .header .layui-nav.bg-none{top: 55px;}
 
 .layui-main,
 .wrap{ width: 100%;}
 .alone-nav .code-body{ width: 100%; overflow-x: scroll; box-sizing: border-box;}
 
 .listtwo div#name-reload{ text-align: left;}
.listtwo div#name-reload>span{ display: inline;}

.btnCk{ width: 100%; margin-top: 20px;}
.btnCk label{ display: block;}
  
  .right_nav{ top: auto; bottom: 20px; margin-top: 0;}

  /*历史页面*/
.b1cp-root .layui-table .fadeInUp td,
.b1cp-root .layui-table thead th{ display: none;}
.b1cp-root .layui-table .fadeInUp .block,
.b1cp-root .layui-table thead th.block{display: table-cell;}
.b1cp-root .layui-table td, 
.b1cp-root .layui-table th{ padding: 9px 1px;}

.b1cp-select{ display:none; width: 100%; top: 0; height: 100%; overflow-y: scroll; margin-top: 0; margin-left: 0; left: 0;}
  .b1cp-select-title{ background: #fff; color: #1e9fff;}
.b1cp-select.on{ display: block;}
.b1cp-select-list{ background: #fff; float: left; padding-top: 50px;}
.b1cp-select-list ul{ float: left;}
.b1cp-select-list ul li{ width: 100%; float: left;}
.b1cp-select-list ul li h2{ text-align: left; padding: 0 10px; color: #1e9fff; float: left;}
.b1cp-select-list ul li dl{ display: block; box-sizing: border-box; position: inherit; width: 100%; height: auto; padding: 0 10px; float: left;}
.b1cp-select-btn{ display: block;}
  
}


/*兼容移动<768*/
@media screen and (min-width: 768px) and (max-width: 1200px){
	.head .layui-nav li a{ font-size: 14px;}
	.head .layui-nav li a{ padding: 0 8px;}
	 .purchase li{ width: 25%; padding: 5px;}
	 .cont{margin-top: 50px;}
	 .page-login{ height: 580px;}
	 .page-form{ margin-top: 50px;}
	 .condition{ padding: 0 10px;}
	 .wave-box{margin-top: 30px;}
}
@media screen and (max-width: 768px){
	body{font-size: 12px;}
	.comm-listall{ overflow-x:hidden;overflow-y:scroll;}
	.color-one.fs30.mt60{ margin-top: 30px; font-size: 18px;}
	.barLine{ margin-bottom: 30px;}
	.banner{display: none;}
	.noscroll{ position: fixed; background-color: #333;}
	.cont{margin-top: 50px;}
	.data-listInfo{ font-size: 18px; line-height: 30px;}
	.data-listInfo:before{ width: 195px;}
	.barLine{ font-size: 12px; line-height: 20px; margin-top: 5px;}
	.barLine:after{ height: 1px;}
	.color-666.fs16.mt20{ font-size: 12px;}
	.friendship ul li{ width: 120px; height: 40px; line-height: 40px;}
	 .purchase li{ width: 33.3333%; }
	 
	 .newstr{ height: 660px;}
	 .condition{ padding: 0 10px;}
	 
.freeUse .layui-form-label{ padding: 10px; width: 80px;}
.freeUse .layui-input,.freeUse .layui-select,.btnCk button,.freeUse .layui-textarea{ line-height: 40px; height: 40px;}
.freeUse .layui-form-mid{ padding: 0 !important; height: 40px;}
.freeUse .layui-form-mid img{ height: 40px;}
.btnInput{ height: 38px; line-height: 38px;}

.user-left{  position: fixed; height: 0; padding-top: 50px; top: 0; z-index: -1; opacity: 0; transition: all .5s;}
.user-left.on{ z-index: 999; opacity: 1; height: 100%;}
.user-touch{ display: block; width: 50px; height: 50px; text-align: center; position: fixed; bottom: 20px; line-height: 50px; border-radius: 50%; left: 20px; z-index: 1000;}
.user-touch i{font-size: 20px;}
.user-right{ padding-left: 10px; padding-right: 10px;}
.layui-col-xs12.plr50.ptb15.lh30{ padding: 15px;}
.layui-col-xs12.lh40.bg-f7{ line-height: 20px; padding-top: 10px; padding-bottom: 10px;}
.guize_html>span{ line-height: 20px;}


.box{ padding: 0 0 50px 0;}
.box-article{ padding: 0 5px;}
.box-article.on{ padding: 0 5px 15px;}
.page-login{ height: 500px;}
.page-form{ margin-top: 10px;}

.comm-str-list{ height: auto; padding: 15px;}

.trend-tab{ border-bottom: none;}
.trend-tab .layui-form>div.layui-inline{ margin-bottom: 10px;}
.alone-nav .layui-form .time{ margin-bottom: 10px;}
.trend-tab .filter-time{ margin-left: 0;}

}


@media screen and (min-width: 540px) and (max-width: 768px){
.allcell ul li.layui-col-xs12{ width: 50%;}
}
@media screen and (max-width: 600px){
	.head .head-right div{ max-width: 100px; overflow: hidden;}
	.purchase li{ width: 50%; }
	.guize_html>span{ line-height: 18px;}
	
	.listone{ margin-top: 20px;}
	.listone dl dt{width: 100%;}
	.listone dl dd{ margin-right: 6px; width: 80px;}
	.listtwo{ margin: 20px 0;}
}
@media screen and (max-width: 450px){
	.page-login{ height: 480px;}
	.page-form{ margin-top: 0;}
	.btnSubmit{ height: 38px; font-size: 14px;}
	.btnIcon{ height: 38px; width: 38px;}
	.list-input,
	.inputSty{ height: 40px; line-height: 40px;}
	.inputSty{ padding-left: 40px;}
	.layadmin-user-login-codeimg{height: 40px;}
	
	.comm-str li{ padding: 0; margin-bottom: 10px;}
	.choosedate .layui-btn{padding: 0 15px;}
	.fly-panel-main .layui-form-label{ padding-left: 0px;}
	.fly-panel-main .layui-form-item .layui-input-inline,
	.fly-panel-main .layui-input-block{ margin-left: 96px;}
	}
@media screen and (max-width: 411px){
	.head .head-right div{ max-width: 80px;}
	.guize_html>span{ line-height: 16px;}
	.userindex>div.layui-col-xs6{ width: 100%;}
	.history a{ height: 40px; line-height: 40px;}
	
}
@media screen and (max-width: 380px){
	.head .head-right div{ max-width: 60px;}
	.purchase li{ width: 100%; }
	.comm-str-list{ padding: 10px;}
	.history a {height: 32px;line-height: 32px;}
	.choosedate .layui-btn{padding: 0 12px; margin-left: 0;}
	
}

/*接口*/
.tipslayer2{ padding: 15px;}
.interface{ padding: 5px;}
.interface .interface-list{ line-height: 32px; margin-bottom: 10px;}
.interface .interface-list .interface-info{ line-height: 32px; float: left; width: 10%;}
.interface .interface-list dl{ width: 90%; display: flex;display: -webkit-flex; /* Safari */ flex-direction: row;}
.interface .interface-list dl dd{ flex: 1; border: 1px solid #ddd; text-align: center; line-height: 32px; cursor: pointer;}
.interface .interface-list dl dd:first-child{ border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.interface .interface-list dl dd:last-child{ border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.interface .interface-list dl dd.on{ background: #17c3e5; color: #fff; border: 1px solid #17c3e5;}
.res{ background: #33aa33; font-size: 10px; padding: 2px 3px; color: #fff; border-radius: 3px; margin-left: 3px;}
.interface-lable{ float: left; width: 10%; line-height: 40px;}
.interface-input{ line-height: 40px; float: left; width: 90%;}
.interface-input input{height: 40px; border: 1px solid #ddd; padding: 0 10px;}
@media screen and (max-width: 1200px){
	.tipslayer2{ padding: 10px;}
	.interface .interface-list .interface-info,
	.interface .interface-list dl,
	.interface-lable,
	.interface-input{width:100%}
	.interface div.interface-list.limitdiv dl{flex-wrap:wrap;}
	.interface div.interface-list.limitdiv dl dd{ width: 50px; flex: auto;}
}
.chongzhijilu {
    background-color: #1E9FFF;
    margin-top: -6px;
}