﻿

.sub_title{ margin: 0 auto;width:96%; height:50px; border:1px solid #eaeaea;display:block; background: #fbfbfb; margin-top: 10px;  border-radius:4px;}
.sub_title ul{ margin:0; padding:0; }
.sub_title li{ float: left; width: 50%;   background:url(/img/line.png) no-repeat right;  }
.la{ margin: 0 auto;width:80%;text-align: center; font-weight: bold; font-size:16px;height: 50px; line-height: 50px; background:url(/img/la.png) no-repeat right; }
.la_list{border:1px solid #eaeaea;border-top:none; height:30px; line-height:30px; text-align:center; background: #fbfbfb;}


.conlist{width:100%; border-bottom:0px solid #eaeaea; overflow: hidden; background-color: #fff;}
.con_list_top{    padding: 2px 10px 5px;}
.con_list_pic{float: left; width:120px;  height:110px;margin-left: 0px;}
.con_list_pic img{width: 120px; height:90px;border: none;border-radius: 10px; margin-top: 10px;}
.con_list_text{float: left; width:calc(100% - 130px); color:#888888;  padding: 0px 0px 0px 10px;}
.con_list_text ul{ margin:0; padding:0; margin-top: 0px;}
.con_list_text li{ line-height: 24px; width: 100%;}
.con_intro{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;float: left;width: calc(100% - 90px);margin-top: 15px;color: rgba(102,102,102,0.7
);margin-bottom: 0px; font-size: 16px;
    color: #333; padding: 0 15px 0px; font-weight: bold;}
.list_name{float: left; margin-right: 10px; font-size: 14px; color: #F33833; font-weight: bold;white-space: nowrap;overflow: hidden;}
.list_name p img{width: 20px;height: 20px;margin-bottom: 10px;}
.list_name_loop p {animation: 3s wordsLoop linear infinite alternate;width: auto;display: inline-block;}
@keyframes wordsLoop {
    0% {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
    }
    100% {
        transform: translateX(calc( 100vw - 270px - 100%));
        -webkit-transform: translateX(calc(100vw - 270px - 100%));
    }
}

@-webkit-keyframes wordsLoop {
    0% {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
    }
    100% {
        transform: translateX(calc( 100vw - 270px - 100%));
        -webkit-transform: translateX(calc(100vw - 270px - 100%));
    }
}

.list_namea{ font-size: 13px; color: #F33833;}
.con_btn{float:right; text-align: center; line-height: 25px; width:85px;  background: #b90f00;  height: 25px; color: #fff; font-size: 14px;  border-radius: 15px;background: url(/img/btn_bg.png) no-repeat center;margin-top: 17px;}
.con_btna{float:right; text-align: center; line-height: 32px; margin-top: 10px; width:60px;  background: #ffb133;  height: 32px; color: #fff; font-size: 14px; margin-right:8px; margin-top: 35px; border-radius: 4px;}
.con-line2{margin-top:5px;height:24px;}

.banner{ width:100%; margin:0 auto; min-width:320px; max-width:720px;  overflow:hidden; position:relative;font-size:0; margin-bottom:10px;}
.bannerDiv{display:none;}
.b-img{ height:200px;  position:absolute; left:0; top:0;}
.bannerimg{max-width: 100%;max-height:250px;border-radius:10px;}
.b-list{ height:50px; padding-top:330px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:8px; height:8px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #14ab04;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}


.contain2{display:none;}
.contain3{display:none;}
.opentime{float:left;width:100%;margin-top:0px;color: #8A8A8A;font-size: 13px;}
.ip{float:left;color: #8A8A8A;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;     margin-top: 3px;font-size: 13px;}

.ip1{float:left;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;     margin-top: 6px;font-size: 16px; font-weight: bold;}


.list_con_text{}
.iconImg{ padding-top:0px;display:flex;align-items: center;height:24px;}
.conlistDiv{height:100px;}
.bannerimg2{max-width: 100%; max-height:250px;border-radius: 10px;}
.swiper-slide{width:100%;display: flex;align-items: center;justify-content: center;}

.conlist_hot{width:100%;overflow: hidden;background-color: white;margin: 0 auto;border: 1px solid #e8e8e8; border-radius: 10px;}
.list_hot_title{width:100%;  background: url( /img/dot.png) no-repeat left; text-indent:20px; font-size:16px; font-weight: bold; margin: 8px 0px 5px 10px; }
.list_hot_list {width:95%; list-style: none; margin-left: 3px; margin-bottom: 10px; line-height: 25px; text-decoration: none;}
.more_btn{width:60%;  margin: 0 auto; text-align: center; line-height: 50px; margin-top: 10px;  background: url( /img/head_bg.png) no-repeat center;   height: 50px; color: #fff; font-size: 16px;  margin-top: 35px; margin-bottom: 35px; border-radius: 60px; }


#drop_down{position:relative}
#drop_down li.on{color: #ce0000;border-bottom:2px solid #eb4c50;}
#drop_down li i.fg-arrow{background:url(/img/arrowdown.png) no-repeat;background-size:14px 16px;font-size:10px;color:#000}
#drop_down li i{display:block;width:14px;height:16px;float:right;margin:12px 6px 0 0}
#drop_down dl{display:none;background:#fff;position:absolute;top:39px;width:100%;left:0;z-index:100;border:1px solid #ddd;border-top:none;border-bottom:none}
#drop_down dd{border-bottom:1px solid #e9e9e9;text-align:left;padding-left:15px;cursor:pointer}
#drop_down .current{background:#7DB777;color:#fff}
.fixed{position:fixed;top:-10px;left:0;width:100%;z-index:100}
.fixed{position:fixed;top:-10px;left:0;width:100%;z-index:100}
.mod-stab{display:-webkit-box;-webkit-box-sizing:border-box;height:40px;background-color:#fbfbfb;border:1px solid #e9e9e9;border-radius:4px; }
.mod-stab>li{display:block;-webkit-box-flex:1;width:1%;border-right:1px solid #e9e9e9;color:#666;line-height:40px;text-align:center;}
.mod-stab>li:last-child{border-right:none}
.mod-stab>li.cur{background-color:#fff;color:#09A500}
.mod-stab>li.cur a{color:#09A500;display:block}
.choose-list dd{line-height: 40px; color: black;}

.warning2{display: none;font-size: 16px;text-align: center;line-height: 50px;}
.layui-layer-content{padding: 5px 5px !important;}
.iconImg img {margin-right: 5px;}
.iconImg {float:left;}
.big-swiper{
    position: fixed;top:0;left:0;width:100%;height:100%;z-index: 10;display: none;background-color: rgba(0,0,0,0.7);
}
.swiper-container-big{width: 100%;height: 100%;}
.big-swiper img{max-width: calc(100% - 60px);max-height: 100%;}
.detail-btn{float:right;text-align:center;margin-right: 2px;}
.close_big_swiper{position: fixed;bottom:30px;left:0;width:100%;height:30px;z-index: 11;display: flex;justify-content: center;align-items: center;}
.close_big_swiper img{height:30px;margin: 0 auto;}
.con_list_btn{}

/*#contain5{display: none;}*/
 
@media (max-width: 380px) {
    .opword{font-size: 15px;}
}

.packet_div{
    position: fixed;left:0;top:0;width:100%;height:100%;z-index: 10;background-color: rgba(0,0,0,0.6);display: flex;align-items: center;justify-content: center;
}
.packet-code{
    width:70%;background-color: white;padding: 30px 10px;border:solid 1px rgb(188,45,45) ;border-radius: 10px;padding-top: 10px;text-align: center;max-height: 60%;overflow:scroll;
}
.packet-code .packet-close-btn{width: 100%;height:20px;cursor: pointer;}
.packet-code .packet-close-btn img{float: right;}

.packet_div{width:100%;height:100%;position: fixed;background-color: rgba(128,128,128,0.5); align-items: center; z-index: 3;display: none;}
.packet_div .packet-area{ width:300px; background:#ffffff; margin: 0 auto;overflow: hidden; padding: 30px;border:solid 1px rgb(188,45,45) ;}
.packet_div .packet-title{line-height: 25px;font-size: 16px;text-align: center;font-weight: bold;}
.packet_div .packet-area-icon{width: 100%;max-width: 120px;}
.packet_div .packet-area-content{font-size: 13px;color:rgb(150,150,150);}
.packet_div .packet-name{font-size: 16px;line-height: 25px;font-weight: bold;color:rgb(215,52,52);}
.packet_div .packet-input{width:100%; height:34px;line-height: 30px;text-align: center;background-color: rgb(166,42,42);color: white;  border: 1px solid rgb(210,210,210);border-radius: 5px;}
.packet_div .packet-copy{height:34px;width: 100%;border: 1px solid rgb(210,210,210);background-color: white;border-radius: 5px;margin-top: 10px;}
.packet_div .packet-back{width:100%;margin-top: 20px;background-color: white;border: 1px solid rgb(210,210,210);border-radius: 5px;height:30px;}
.packet_div .packet-group{width: 100%;}
.code-button{width: 70px;background-color: red;border: none;color: white;height:26px;position: relative; top: 5px;border-radius: 5px;padding: 0;line-height: 26px;text-align: center;}
.packet_div .packet-input-hidden{position: absolute;top:-99999px;}
.packet_div .packet-area-single{border-bottom: 1px dashed rgb(210,210,210);padding: 0 10px; padding-bottom: 10px;}
.packet_div .packet-area-single:last-child{border-bottom: none;}

.back_top{ width: 100%;height:50px; font-size: 14px;}
.back_top a{width:50%; float:left; display: flex;align-items: center;justify-content: center;color: #999999; height:100%}