@charset "utf-8";

/* CSS Document */

/*促销号码 B*/

.wrap {

    width: 1212px;

    margin: 0 auto;

}

.Promotion {

    margin-bottom: 100px;

}

.Promotion .pro-group {

    position: relative;

    text-align: center;

}

.Promotion .num-list {

    width: 937px;

    height: 254px;

    border-top: 2px solid #ec8c19;

    border-left: 2px solid #ec8c19;

    border-bottom: 2px solid #ec8c19;

}

.Promotion .pro-group .tags {

    margin-left: -1px;

    height: 46px;

    background: #f6f7fa;

}

.Promotion .pro-group .tags .active {

    background: #ec8c19;

    color: #fff;

}

.Promotion .pro-group .tag {

    float: left;

    width: 186px;

    height: 46px;

    margin-left: 1px;

    line-height: 46px;

    text-align: center;

    background: #f6f7fa;

    position: relative;

    cursor: pointer;

}

.Promotion .pro-group .tag:after {

    content: "";

    display: inline-block;

    width: 0;

    height: 15px;

    border-left: 1px solid #dddee1;

    background: #f6f7fa;

    position: absolute;

    right: -1px;

    top: 16px;

    z-index: 1;

}

.Promotion .pro-group li {

    float: left;

    margin-right: 15px;

    margin-bottom: 16px;

    cursor: pointer;

}

.Promotion .pro-group .nums {

    margin: 40px 34px;

}

.Promotion .pro-group .num {

    width: 154px;

    height: 30px;

    font-size: 16px;

    line-height: 30px;

    text-align: center;

    border: 1px dashed #e5e5e5;

    border-radius: 3px;

    box-sizing: border-box;

}

.Promotion .pro-group li:hover .num {

    display: none;

}

.Promotion .pro-group li .btn {

    border-radius: 3px;

    width: 154px;

    height: 30px;

    line-height: 30px;

    background: #ec8c19;

    background-image: -webkit-gradient(linear, left bottom, left top, from(#ff7c50), to(#ec8c19));

    background-image: linear-gradient(0deg, #ff7c50, #ec8c19);

    -webkit-box-shadow: 0 0 10px 0 #FF8690;

    box-shadow: 0 0 10px 0 #FF8690;

    color: #fff;

    display: none;

}

.Promotion .pro-group li:hover .btn {

    display: block;

}

.Promotion .pro-group .btn {

    display: none;

}

.Promotion .biaodan {

    background: #FFFFFF;

    width: 271px;

    height: 312px;

    float: right;

    position: absolute;

    right: 15px;

    top: -13px;

    z-index: 2;

}

/*促销号码-action*/

.Promotion{}

.cxhm-qh{width:925px;float: left;}

.cxhm-qh .hd{height:46px;background:#f6f7fa;position:relative; }

.cxhm-qh .hd ul{float:left;position:absolute;}

.cxhm-qh .hd ul li{position:relative;height:46px;padding:14px 53px;float:left;cursor:pointer;font-size:12px;color:#333333;}

.cxhm-qh .hd ul li.on{background:#ec8c19;color:#FFFFFF;}

.cxhm-qh .hd ul li:after{position: absolute;content:"";right:0;top:14px; width:1px;height:20px;background:#dddee1;}

.cxhm-qh .hd ul li:last-child:after{display: none;}

.cxhm-qh .bd{width:100%;height:270px;overflow: hidden;border:2px solid #ec8c19;border-right:0;}

.cxhm-qh .bd ul{zoom:1;padding:41px 0;}

.cxhm-qh .bd li{transition: all 0.5s; float: left;margin:8px 15px;position: relative;font-size:16px; width: 154px;height:30px;line-height:30px;text-align: center;border:1px dashed #e5e5e5;border-radius:3px;overflow: hidden;}

.cxhm-qh .bd li a{transition: all 0.5s;font-size:12px;position:absolute; top:0;left:0;opacity: 0;color:#ffffff; display: block;width:100%;height:100%;background:url(../images/cxhm-hover.png) no-repeat center;}

.cxhm-qh .bd li:hover{border:1px solid transparent;}

.cxhm-qh .bd li:hover a{transition: all 0.5s;opacity:1;text-decoration:underline;}



.sqhm{width:275px;height:316px;overflow: hidden;border:2px solid #ec8c19;box-shadow:0 0 10px rgba(0,0,0,0.3)}

.sqhm .sqhm-top {width:100%;overflow: hidden;height:40px;margin-top:20px;}

.sqhm .sqhm-top img{display: block;margin:auto;max-width:100%;}

.sqhm .sqhm-box{padding:20px;}

.sqhm .sqhm-box input{width:100%;height:40px;border:1px solid #cccccc;padding:0 10px;border-radius:3px;margin:10px 0;color:#666666;}

.sqhm .sqhm-box input:last-child{width:100%;height:40px;border-radius:60px;color:#FFFFFF;background:#ec8c19;border:none;font-size:16px;cursor: pointer;}

.Promotion .sqhm{float: right;}

























/*促销号码-over*/







































/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */

html { overflow-y: scroll; }

/*浮动*/

.fl {

    float: left;

}

.fr {

    float: right;

}

/*清除浮动*/

.cf:before,.cf:after {

    content:"";

    display:table;

}



.cf:after { clear:both; }



/*钻石套餐*/

.Diamonds .tc-show .tc-show-item {

    width: 380px;

    height: 434px;

    border: 1px solid #e5e5e5;

    position: relative;

    cursor: pointer;

    box-sizing: border-box;

}

.Diamonds .tc-show .tc-show-item:hover {

    margin-top: -8px !important;

    height: 422px;

    -webkit-box-shadow: 0 0 18px 0px #FF8690;

    box-shadow: 0 0 18px 0px #FF8690;

    border: 1px solid #FF8690;

    transition: all .3s;

}

.Diamonds .tc-show .tc-show-item .img {

    width: 65px;

    height: 70px;

    margin: 20px auto;

    text-align: center;

    display: flex;

    align-items: center;

}

.Diamonds .tc-show .tc-show-item .flag {

    font-size: 23px;

    color: #ec8c19;

    text-align: center;

}

.Diamonds .tc-show .tc-show-item .gp {

    margin: 10px auto 15px;

    width: 90px;

    height: 22px;

    line-height: 22px;

    text-align: center;

    color: #fff;

    background: #ec8c19;

    border-radius: 3px;

}

.Diamonds .tc-show .tc-show-item .rule {

    margin: 0 24px;

    padding-bottom: 14px;

    text-align: center;

    border-bottom: 1px dashed #666;

}

.Diamonds .tc-show .tc-show-item:hover .Example-num .num-group {

    margin: 0 25px 35px;

}

.Diamonds .tc-show .tc-show-item:hover .tc-btn {

    background: #ec8c19;

    background-image: -webkit-gradient(linear, left bottom, left top, from(#ff7c50), to(#ec8c19));

    background-image: linear-gradient(0deg, #ff7c50, #ec8c19);

    /*-webkit-box-shadow: 0 0 16px 0px #F5232F;*/

    /*box-shadow: 0 0 16px 0px #F5232F;*/

    border-top: #ec8c19;

    transition: all .3s;

    color: #fff;

}

.Diamonds .tc-show .tc-show-item.m-RL-16 {

    margin: 0 36px;

}

.Diamonds .tc-show .Example-num {

    padding-top: 18px;

}

.Diamonds .tc-show .Example-num p {

    margin: 0 25px;

    padding-bottom: 16px;

    font-weight: bold;

    text-align: center;

}

.Diamonds .tc-show .Example-num .num-group {

    margin: 0 25px 25px;

    line-height: 22px;

    font-size: 16px;

}

.Diamonds .tc-show .Example-num .num-group .n1 div:hover ,.Diamonds .tc-show .Example-num .num-group .n2 div:hover {

    color: #ec8c19;

}

.Diamonds .tc-show .tc-btn {

    height: 40px;

    line-height: 40px;

    text-align: center;

    color: #ec8c19;

    font-weight: bold;

    border-top: 1px solid #e5e5e5;

}









/*套餐详情*/

.Price-UP{ padding-top:10px;margin-top: 8px; text-align: center;font-size: 14px;color: #999999;}

.Price-UP span.color{color: #ec8c19;}

.Price-UP .yj{text-decoration: line-through;}

.Price-UP a{color: #ec8c19;}

.Price-UP a:hover{opacity: 0.8;}



.Price-content{text-align: center;padding-top: 7px;}

.Price-content .Price-left{display: inline-block;text-align: right;margin: 0 1px;}

.Price-content .Price-right{display: inline-block;margin: 0 4px;vertical-align: 4px;}

.Price-content .Price-hint1{font-size: 16px; color: #ec8c19; margin-bottom: 6px;}

.Price-content .Price-hint1 span{font-size: 16px; color: #ec8c19; margin-bottom: 6px;}

.Price-content .Price-hint1.grey{color: #666;margin: 3px 0 3px 0;}

.Price-content .Price-hint1 i{vertical-align: -3px;}

.Price-content .Price-hint2{font-size: 14px; color: #666666;} .Price-content .Price-right{font-size: 18px; color: #ec8c19;}

.Price-content .Price-right span{font-size: 48px;}

.Price-content .Price-btn{display: block;margin: 12px auto 0;width: 180px;height: 36px;line-height: 36px;background: #ec8c19; border-radius: 100px;font-size: 16px; color: #FFFFFF;}





/*400案例-action*/

.case-zs{position:relative;}

.case-lb {width: 100%; height: 100%;overflow: hidden;}

.case-lb .swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.case-zs .swiper-button-next{width:50px;height:80px;overflow: hidden;background:url(../images/case-qh.png) no-repeat right center;}

.case-zs .swiper-button-prev{width:50px;height:80px;overflow: hidden;background:url(../images/case-qh.png) no-repeat left center;}