/*loading*/
.loader {
    position: absolute;
    top: calc(50% - 3.25em);top: -ms-calc(50% - 3.25em);top: -moz-calc(50% - 3.25em);top: -webkit-calc(50% - 3.25em);top: -o-calc(50% - 3.25em);
    left: calc(50% - 1.25em);left: -ms-calc(50% - 1.25em);left: -moz-calc(50% - 1.25em);left: -webkit-calc(50% - 1.25em);left: -o-calc(50% - 1.25em);
    display: block;
}
.loadertxt {content: '';position: absolute;top: 55%;left: 50%;display: block;
    transform: translate(-50%, -50%); -ms-transform: translate(-50%,-50%); /* IE 9 */ -moz-transform: translate(-50%,-50%); /* Firefox */
    -webkit-transform: translate(-50%,-50%); /* Safari 和 Chrome */-o-transform: translate(-50%,-50%);
}
/*index -  nav、全局、路由框架*/
    body{ font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Tahoma,sans-serif;background-color: #fff; }
    ::-webkit-scrollbar{ width: 0;}
    .navbar{ margin-bottom: 0;min-height: 40px;}
    .navbar-brand { padding: 7px 15px;}
    .page-title{font-size:18px;margin-top: 8px;display: inline-block;z-index: 99;color: #fff;}
    .navbar-form { display: inline-block;}
    .navbar-toggle{padding: 0;margin-top: 0;margin-bottom: 0;}
    .navbar-default .navbar-toggle { border-color: transparent;}
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:none;}
    .navbar-more{font-size: 12px;float:left;padding-top: 11px;display: inline-block;text-align: center;
        margin-left: 15px;position: relative;color: #fff;}
    .navbar-more-icon{width: 25px;display: block;padding-bottom: 3px;}
    .navbar-user{float: right;padding-top: 10px;display: inline-block;text-align: center;
        margin-right: 15px;position: relative;color: #fff;}
    .navbar-user img{width: 25px;display: block;}
    /*.navbar-color{color: #F64F61;}*/
    .triangle-up{position: absolute;bottom:-2px;left: 7px;width: 0; height: 0; border-left: 7px solid transparent; 
        border-right: 7px solid transparent; border-bottom: 7px solid #FFF;z-index: 5;display: none;}
    .more-product{width: 100%;background:rgba(253,253,253,0.95);position: absolute;top: 50px;left: 0;z-index: 10;
        display: none;}
    .underline{margin:8px 0;}
    .login-list{background:#F8F8F8;/*width: 50%;height: 200px;*/display: none;position: absolute;
        top: 50px;right: -200%;z-index: 19999;min-width: 160px;list-style: none;font-size: 14px;
        text-align: left;background-color: #fff;border: 1px solid #ccc;border: 1px solid rgba(0,0,0,0.15);
        border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);box-shadow: 0 6px 12px rgba(0,0,0,0.175);
        -webkit-background-clip: padding-box;background-clip: padding-box;}
    .dropdown-menu1>li>a {display: block;padding: 7px 20px;clear: both;font-weight: normal;line-height: 1.42857143;
        color: #333;white-space: nowrap;}
    .dropdown-menu1>li:hover{background:#F5F5F5;}
    ul{list-style: none;padding-left: 0;}
    a{cursor: pointer;}
    /*home menu 首页菜单*/
    html,body,.content{height: 100%;}
    .breadcrumb{ margin-bottom: 0;padding: 8px 0;background:#fff;}
    .home-bannar{min-height: 280px;background-image: url(../img/bannar3.png);background-repeat: no-repeat;
        background-position: center top;background-size: cover;/*line-height: 238px;*/color: #fff;}
    .home-bannar-title1{/*line-height: 100px;*/padding-top:50px;}
    .home-bannar-des1{padding-top:25px;}
    .home-bannar-btn1{padding-top:25px;}
    .grid-wrap{margin: 0px auto 0px; width: 600px; overflow: hidden;}
    .grid-wrap li{width: 194px; height: 194px; float: left;display: -webkit-box;display: -ms-flexbox;
        display: -webkit-flex;display: -moz-flex;display: flex;cursor: pointer;border:1px solid #e5e5e5;
         border-radius: 10px;background:#fff;}
    .grid-wrap li div{ margin: auto; font-size: 18px;}
    .grid-wrap li:nth-of-type(1),.grid-wrap li:nth-of-type(2),
    .grid-wrap li:nth-of-type(4),.grid-wrap li:nth-of-type(5),
    .grid-wrap li:nth-of-type(7),.grid-wrap li:nth-of-type(8){border-right: 0;}
    .grid-wrap li:nth-of-type(4),.grid-wrap li:nth-of-type(5),.grid-wrap li:nth-of-type(6){
       /* margin: 0 5px;*/border-top:0;border-bottom: 0; }
    .grid-wrap li img{width: 50px;height: 50px;}
    .grid-wrap li .p1{margin: 10px 0 0;}
    .sub-box{cursor: pointer; position: fixed;right: 1.5rem;bottom: 7.5rem;z-index: 999;color: #fff;}
    /*.sub-box div{width: 3.8rem;height: 3.8rem;border-radius: 5px;margin-bottom: 5px;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);font-size: 12px;}*/
    /*.sub-box div img{vertical-align: top;padding-top: 3px;width: 18px;}*/
    .sub-box div p{margin-bottom: 0;}
    /*.gotop {background-color: rgba(246,77,98,0.6);  }*/
    .goback {background-color: rgba(246,77,98,0.6);}
    .gohelp {background-color: rgba(244,67,54,0.7);}
    .goback a:hover, a:focus {color: #fff;text-decoration: none;}
    .goback-box{position: fixed;top: 65px;left:13px;z-index: 999;}
    .goback-box img{width: 30px;/*opacity: 0.6*/}
    /*footer*/
    .link{padding: 15px 0 5px;}
    .link ul{margin-bottom: 0;}
    .link a{padding: 0px 10px;color:#666;line-height: 30px;}
    .link-about{padding: 0px 10px;}
    .link-about-li{position: relative;}
    .erwei{border-bottom: 1px solid #7D7D7D;padding: 15px 0px;}
    .about-pop{padding: 12px;background:#fff;border-radius: 5px;width: 250%;position: absolute;
        bottom: 38px;left: 50%;margin-left:-107px;box-shadow: 3px 3px 7px #000;display: none;}
    .about-pop span{display:block; width:0; height:0; border-width:10px 10px 0; border-style:solid; 
        border-color:#fff transparent transparent; position:absolute; bottom:-9px; left:50%;
        margin-left:-10px;}
    .about-pop hr{border-top: 1px solid #BFBFBF;margin-bottom: 0px;margin-top: 12px;}
    .about-con{text-align: left;}
    .about-con h4{font-size: 14px;background:url(../img/icon_about.png) no-repeat;
        background-size:30px;background-position-y: 2px;padding: 10px 0px 10px 33px;
        margin-top: 6px;margin-bottom: 0px;}
    .about-con p{line-height: 18px;margin-bottom: 0;font-size: 12px;} 
    .copyright{/*height: 45px;background:#303030;*/line-height: 22px;/*margin-top: 10px;*/color: #838383;
        font-size: 12px;padding: 8px 0px;}
    .copyright p{margin-bottom: 0px;} 
    .panel{-webkit-box-shadow: none;box-shadow: none;}
    /*weui.min.css*/
    .weui-picker__hd{font-size: 16px;}
    @media (min-width: 768px){
        .navbar-toggle { display: block; }
        .navbar-header {float: none;}
        .navbar-right{float: none !important;}
    }
    /*ip6p 412*/
    @media screen and (max-width: 600px){
        .home-bannar{
            min-height: 180px;
            /*line-height: 168px;*/
        }
        .home-bannar-title{padding-top: 25px;}
        .home-bannar-des{padding-top: 6px;}
        .home-bannar-btn{padding-top: 15px;}
        .grid-wrap li div{font-size: 14px;}
        .grid-wrap{width: 414px;}
        .grid-wrap li{ width: 138px; height: 138px;}
        .grid-wrap1 li{ width: 131px; height: 131px;}
        .list-title .img-con .title-bg {
            padding-left: 5px;
            padding-right: 4px;
        }
    }
    /*ip6 375*/
    @media screen and (max-width: 390px){
        .grid-wrap{width: 375px;}
        .grid-wrap li{ width: 125px; height: 125px;}
        .grid-wrap1 li{ width: 118px; height: 118px;}
        .list-title .img-con .title-bg {
            padding-left: 0px;
            padding-right: 0px;
        }
    }
    
    @media screen and (max-width: 360px){
        .grid-wrap{width: 360px;}
        .grid-wrap li{ width: 120px; height: 120px;}
        .grid-wrap1{width: 340px;}
        .grid-wrap1 li{ width: 106px; height: 106px;}
    }
    /*ip5 320*/
    @media screen and (max-width: 320px){
        .grid-wrap{width: 320px;}
        .grid-wrap li{ width: 106px; height: 106px;}
        .grid-wrap1 li{ width: 99px; height: 99px;}
    }
    a{color: inherit;}