/*公共*/

.width1200{position: relative; width: 1200px; margin: auto;}

.p-h1{font-size: 32px; font-weight: 500; margin-bottom: 10px; line-height: normal;}

.p-h2{font-size: 18px; color: #9f9f9f; line-height: normal;}

.text--center{text-align: center}
/*----------------------------------------------------------------------------------------------------------*/

/*组件*/

/*侧边栏*/

.side-bar{width: 100%;position:relative;border:1px solid #e5e5e5;}

.side-bar .side-bar__mian .item{height: 52px;border-bottom:1px solid #e5e5e5;font-size: 16px;color:#323232;padding-left: 18px;line-height: 52px}

.side-bar .side-bar__mian .item:last-child{border:none;}

.side-bar .side-bar__mian .item--on{background: #ffe5e5;color:#ff4e50;border-left:4px solid #ff4e50;}

/*页码*/

.pagination{display: inline-block;}

.pagination .pagination-main{font-size: 0;color:white;}

.pagination .pagination-main .page-item{background:#cccccc;display: inline-block;width: 35px;height: 35px;font-size: 16px;border-radius:6px; margin-right: 12px;text-align: center;line-height: 35px;}

.pagination .pagination-main .page-item:last-child{margin: 0;}

.pagination .pagination-main .page-item--no-bg{color:#cccccc;background: none}

.pagination .pagination-main .item-hover:hover{background:#ff4e50;}

.pagination .pagination-main .page-item--on{background:#ff4e50;}

/*面包屑导航*/



.breadcrumb { display: inline-block;font-size: 16px;}

.breadcrumb li {display: inline;color:#ff9596}

.breadcrumb li+li:before {padding: 8px;color: black;content: "❯";}

.breadcrumb li a {color: #666666;}

/*查看图片*/

.look-photo-box{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:none;width: 620px;height: 570px;background: white;margin: auto;border-radius: 5px;padding: 10px;}

.look-photo-box .photo-close{position:absolute;top:-20px;right:-20px;z-index:10;width: 40px;height: 40px;background: #7f7f7f;border:3px solid white;border-radius: 50%;font-size: 35px;line-height: 26px;text-align: center;color: white;}

.look-photo-box img{width: 100%;height: 500px;}

.look-photo-box .photo-tips{height: 60px;line-height: 60px;text-align: center;font-size: 16px;}

/*---------------------------------------------------------------------------------------------------------------------*/


/*顶部导航*/

.pulic-class .top{background: #373d44; font-size: 12px; color:#8d8e8f; height: 36px; line-height: 36px; text-align: center;}

.pulic-class .top .topnav .topnav-right a{width: 80px; height: 100%; display: inline-block;}

.pulic-class .top .topnav .topnav-right a:hover{background: #ff4e50; color: white;}

/*logo*/

.pulic-class .logo{padding: 20px 0; line-height: 50px; font-size: 24px; font-weight: 500;}

.pulic-class .logo .logo-img{width: 206px; height: 50px; margin-right: 80px; display: block;}

.pulic-class .logo .phone{color: #ff6465; background: url("../images/phon.png") no-repeat left center; background-size: 24px 24px; padding-left: 30px;}

/*导航和banner*/

.pulic-class .NavAndBanner{position: relative;}

.pulic-class .NavAndBanner .nav{position: absolute; top:0; left: 0; width: 100%; height: 75px; z-index: 2; background: rgba(0,0,0,.1);}

.pulic-class .NavAndBanner .banner{ width: 100%;}

.pulic-class .NavAndBanner .nav-list{margin:0 -30px}

.pulic-class .NavAndBanner .nav-list li{margin: 0 30px; line-height: 75px; display: inline-block; font-size: 18px; color: white; position: relative;}

.pulic-class .NavAndBanner .nav-list li:after{content: ""; display: block; width: 0; height: 2px; background:#ffdc00; position: relative; bottom: 2px; /*left: 50%;*/ /*-webkit-transform: translateX(-50%);*/ /*-ms-transform: translateX(-50%);*/ /*transform: translateX(-50%);*/ -webkit-transition: width .2s; -o-transition: width .2s; transition: width .2s; margin: auto;}

.pulic-class .NavAndBanner .nav-list li.nav-active{color: #ffdc00;}

.pulic-class .NavAndBanner .nav-list li.nav-active:after{color: #ffdc00; width: 100%;}

.pulic-class .NavAndBanner .nav-list li:hover{color: #ffdc00;}

.pulic-class .NavAndBanner .nav-list li:hover:after{width: 100%; /*-webkit-transform: translateX(-50%);*/ /*-ms-transform: translateX(-50%);*/ /*transform: translateX(-50%);*/ margin: auto;}
/*页脚*/

.footer{background: #373d44;}

.footer .footer-mian{padding: 0 45px;}

.footer .footer-mian .footer-box{padding: 80px 0; border-bottom:solid 1px #ddd; position: relative;}

.footer-mian .footer-box .footer-list{color: white; float: left; font-size: 14px; margin-right: 100px;}

.footer-mian .footer-box .footer-list h4{font-size: 20px;}

.footer-mian .footer-box .footer-list ul{float: left; padding-top: 25px; margin-right: 40px;}

.footer-mian .footer-box .footer-list ul li{height: 40px; line-height: 40px;}

.footer-mian .footer-box .footer-list .footre-icon{vertical-align: middle; display: inline-block; margin-top: -3px;}

.footer-mian .footer-copy{font-size: 12px; height: 72px; text-align: center; line-height: 72px; color: #96989b;}

.footer-mian .footer-box .group-qrcode{width: 121px; position: absolute; top:80px; right: 0; color: #96989b; font-size: 15px; text-align: center; line-height: 30px;}

/* 王人杰 2021-1-4新增直播页面样式 */
.c-title{font-size: 32px;font-weight: bold;color: #333333;line-height: 36px;text-align: center;margin-bottom: 25px;}
.d-title{font-size: 18px;color: #999999;line-height: 36px;text-align: center;}

/*banner*/
.mainbanner{height: 575px;position: relative;overflow: hidden;}
.mainbanner .banner-box{display: flex;flex: 1;justify-content: space-between;}
.mainbanner .banner-box .banner-right-img{width: 600px;height: 490px;margin-top: 75px;position: absolute;top: 0;right: -40px;}
.mainbanner .banner-box .banner-left-img{width: 678px;height: 235px;position: absolute;top: 172px;left: 0;}

.tendency{padding-top: 100px;height: 694px;}
.tendency-box{height: 524px;}
.tendency-box .tendency-item{display: flex;flex-direction: column;align-items: center;position: absolute;text-align: center;max-width: 226px;}
.tendency-box .tendency-item .tendency-name{font-size: 20px;color: #FF426A;margin-bottom: 18px;}
.tendency-box .tendency-item .tendency-desc{font-size: 14px;color: #999999;line-height: 24px;}
.tendency-box img{width: 60px;height: 60px;margin-bottom: 19px;}
.tendency-box .start{left: 118px;bottom: 263px;transform: translateX(-50%);}
.tendency-box .bonus{left: 428px;bottom: 289px;transform: translateX(-50%);}
.tendency-box .band{left: 738px;bottom: 263px;transform: translateX(-50%);}
.tendency-box .people{left: 1048px;bottom: 353px;transform: translateX(-50%);}

.live-func{padding-top: 100px;background-color: #F7F8FA;}
.live-box{display: flex;align-items: center;justify-content: space-between;padding-bottom: 42px;border-bottom: 1px solid #D5DBDB;}
.live-box .live-demo-list{width: 190px;}
.live-box .live-demo-list .live-demo-item{width: 190px;height: 70px;background: #F7F8FA;border: 1px solid #D5DBDB;border-radius: 6px;display: flex;align-items: center;justify-content: center;margin-bottom: 40px;font-size: 24px;color: #666666;cursor: pointer;}
.live-box .live-demo-list .live-demo-item-cur{background: linear-gradient(270deg, #FF3297, #FF426A);box-shadow: 0px 5px 25px 0px rgba(218, 27, 68, 0.3);color: #FFFFFF;border: 0;}
.live-box .live-swiper-container{width: 720px;height: 520px;overflow: hidden;}
.live-box .live-swiper-container img{width: 720px;height: 520px;}

.admin-func{padding-top: 100px;background-color: #F7F8FA;}
.admin-box{width: 1020px;margin: auto}
.admin-box .admin-tabs{width: 1020px;display: flex;justify-content: space-between;font-size: 24px;color: #666666;margin-top: 80px;}
.admin-box .admin-tabs .tabs-item{padding: 0 9px 20px;font-weight: 500;cursor: pointer;}
.admin-box .admin-tabs .tabs-item-cur{border-bottom: 4px solid #FF426A;color: #FF426A;}
.admin-box .admin-swiper-container{width: 1020px;height: 514px;overflow: hidden;}
.live-box .admin-swiper-container img{width: 1020px;height: 514px;}

.profit{padding-top: 100px;padding-bottom: 66px;}
.profit-box{display: flex;flex-wrap: wrap;margin-top: 100px;}
.profit-box .profit-item{display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: 18px;width: 300px;padding-top: 30px;padding-bottom: 44px;}
.profit-box .profit-item img{width: 48px;height: 48px;margin-bottom: 20px;}

.case{background: #F5F5F6;padding-top: 95px;padding-bottom: 135px;}
.case-box{display: flex;align-items: center;justify-content: space-between;margin-top: 95px;}
.case-box .case-item{width: 560px;border-radius: 8px;overflow: hidden;}
.case-box .case-item .case-img-box{width: 560px;height: 270px;background: rgba(0, 0, 0, .8);}
.case-box .case-item .case-img-box .case-img-box-cover{background-color: #000000;opacity: 0;height: 100%;width: 100%;text-align: center;line-height: 270px;color: #fff;font-size: 30px;transition: all .3s;}
.case-box .case-item .case-img-box:hover .case-img-box-cover{opacity: .8;}
.case-box .case-item .case-info{padding: 30px 40px 33px 17px;height: 170px;position: relative;background-color: #fff;}
.case-box .case-item .case-info .case-name{font-size: 20px;color: #333333;margin-bottom: 11px;}
.case-box .case-item .case-info .case-desc{font-size: 14px;color: #999999;line-height: 18px;margin-bottom: 22px;}
.case-box .case-item .case-view{display: flex;align-items: center;font-size: 16px;color: #FF426A;position: absolute;left: 17px;bottom: 33px;}
.case-box .case-item .case-view img{width: 24px;height: 24px;margin-left: 5px;}

.advantage{padding-top: 95px;padding-bottom: 135px;}
.advan-box{display: flex;align-items: center;margin-top: 160px;}
.advan-box .adv-img{width: 730px;height: 450px;margin-right: 42px;}
.advan-list{flex: 1;}
.advan-list .advan-item{margin-bottom: 44px;}
.advan-list .advan-item .advan-item-top{display: flex;align-items: center;}
.advan-list .advan-item .advan-item-bottom{font-size: 14px;color: #999999;margin-top: 10px;}
.advan-list .advan-item .advan-item-top .name{font-size: 20px;color: #333333;}
.advan-list .advan-item .advan-item-top img{width: 30px;height: 30px;margin-right: 12px;}
.advantage .advan-box-end{margin-top: 122px;flex-direction: row-reverse;}
.advantage .advan-box-end .adv-img{margin: 0; margin-left: 42px;}

.contact-us{padding-top: 96px;padding-bottom: 99px;background: url('../live_images/contact_us_bg.png') no-repeat;background-size: 100% 100%;width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: space-between;}
.contact-us .name{font-size: 28px;color: #FFFFFF;margin-bottom: 43px;}
.contact-us .desc{font-size: 20px;color: #FFFFFF;margin-bottom: 43px;opacity: .6;}
.contact-us .contact-btn{width: 175px;height: 60px;font-size: 24px;border-radius: 6px;text-align: center;line-height: 60px;color: #fff;border: 1px solid #FFFFFF;}