a,a:hover,a:active,a:visited,a:link,a:focus{
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
  outline:none;
  text-decoration: none;
}
.clearfix { *zoom: 1; } 
.clearfix:before, .clearfix:after {  display: table; line-height: 0; content: ""; } 
.clearfix:after { clear: both; }
.fl { float:left;}
.fr { float:right;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.flex-item{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-center{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-middle{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-box{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-betw{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}

.font36{font-size: 36px;}
.font24{font-size: 24px;}

.about{padding: 70px 0 50px;}
.about h2,.about h3{font-weight: normal;}
.about p{font-size: 16px;line-height: 32px;}

.about-sec1 .text{width: calc(100% - 480px);}
.about-sec1 .img{width: 350px;margin-right: 50px;}
.about-sec1 p{text-indent: 32px;}

.about-sec2 p{text-indent: 32px;}

.about .video-player video{width: 100%;height: 720px;object-fit: cover;}

.about-erweima .img{float: left;width: 189px;margin-right: 30px;}
.about-erweima .img img{width: 100%;}
.about-erweima .text{padding-top: 20px;}
.about-erweima .text h4{font-size: 16px;margin-bottom: 12px;}
.about-erweima .text p{font-size: 12px;line-height: 20px;padding: 5px 0;}

@media screen and (max-width: 1200px) {
  .about p{font-size: 14px;line-height: 28px;}
  .about{max-width: 90%;}
}

@media screen and (max-width: 992px) {
  .about-sec1 .text{width: calc(100% - 400px);}
  .about-sec1 .img{width: 300px;margin-right: 40px;}
}

@media screen and (max-width: 768px) {
  .font36{font-size: 24px;}
  .font24{font-size: 18px;}

  .about{padding: 40px 0 20px;}
  .about-sec1 .text{width: 100%;}
  .about-sec1 .img{text-align: center;margin-right: 0;margin-top: 20px;width: 100%;}
  .about-sec1 .img img{max-width: 240px;}

  .about-erweima .erweima-item{width: 100%;}
  .about-erweima .erweima-item:last-child{margin-top: 30px;}
  .about-erweima .img{width: 140px;margin-right: 10px;}
  .about-erweima .text{width: calc(100% - 150px);padding-top: 10px;}
  .about-erweima .text h4{margin-bottom: 4px;}
  .about-erweima .text p{padding: 3px 0;}
}


.member{padding: 30px 0;}
.member .member-tit{font-size: 20px;margin-bottom: 30px;text-align: center;}
.diagram{height: 600px;margin-bottom: 50px;}
.member-table{width: 100%;border-collapse: collapse;}
.member-table thead{background: #efefef;}
.member-table th,
.member-table td{padding: 8px 10px;line-height: 24px;text-align: center;}
.member-table tbody tr{border-bottom: 1px solid #efefef;}
.member-table .bind-btn{color: #1f88ff;}

.avatar{border-radius: 100%;overflow: hidden;width: 50px;height: 50px;}
.avatar img{width: 100%;height: 100%;object-fit: cover;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.chat{background: #d3d6df;padding: 60px 0;}
.chat .scroll-view{height: 100%;overflow-y: auto;}
.chat .scroll-view::-webkit-scrollbar{width: 8px;height: 8px;}
.chat .scroll-view::-webkit-scrollbar-thumb{background-color: rgba(120,120,120,.5);border-radius: 4px;}
.chat-wrap{height: 800px;position: relative;}
.chat-bar{height: 100%;background: #33353a;float: left;width: 330px;}
.chat-bar .my-info{height: 74px;padding: 10px 20px;display: -webkit-box;display: flex;-webkit-box-align: center;align-items: center;background-color: #292b2e;}
.chat-bar .my-info .avatar{width: 54px;height: 54px;}
.chat-bar .my-info .text{margin-left: 20px;width: calc(100% - 74px);}
.chat-bar .my-info .text h3{font-size: 18px;color: #fff;line-height: 24px;font-weight: normal;}
.contacts{height: calc(100% - 74px);position: relative;}
.contacts-menu{height: 54px;border-bottom: 1px solid #424449;background-color: #33353a;}
.contacts-menu a{display: block;width: 50%;height: 100%;line-height: 54px;color: #999;font-size: 16px;text-align: center;position: relative;transition: .4s;}
.contacts-menu a:first-child::after{display: block;content: '';width: 1px;height: 30px;background: #424449;position: absolute;right: 0;top: 50%;margin-top: -15px;}
.contacts-menu a:hover{color: #fff;transition: .4s;}
.contacts-menu a.on{color: #fff;}
.contacts-wrap{height: calc(100% - 54px);position: relative;}
.contacts-item{position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;z-index: 1;visibility: hidden;transition: .4s;}
.contacts-item.active{z-index: 3;opacity: 1;visibility: visible;transition: .4s;}
.history-list li{padding: 15px 20px;border-bottom: 1px solid #292b2e;border-left: 2px solid #33353a;display: -webkit-box;display: flex;-webkit-box-align: center;align-items: center;cursor: pointer;transition: .4s;}
.history-list li:hover{transition: .4s;background-color: #292b2e;border-left-color: #292b2e;}
.history-list li.on{background-color: #292b2e;border-left-color: #ff4d66;}
.history-list li.on:hover{border-left-color: #ff4d66;}
.history-list .avatar{width: 50px;height: 50px;}
.history-list .text{width: calc(100% - 70px);margin-left: 20px;}
.history-list .text>*{font-size: 14px;line-height: 24px;height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.history-list .text h4{color: #fff;font-weight: normal;}
.history-list .text p{color: #848485;}

.mail-box .search-bar{height: 54px;border-bottom: 1px solid #424449;padding: 10px 15px 9px 15px;width: 100%;display: block;}
.mail-box .search-group{height: 100%;background: #505155;border-radius: 4px;position: relative;padding-left: 34px;}
.mail-box .search-group .search-btn{display: block;position: absolute;width: 34px;height: 34px;top: 0;left: 0;background: url(../images/icon_search.png) no-repeat center center;}
.mail-box .search-group input{display: block;width: 100%;height: 34px;line-height: 34px;background: none;padding-right: 10px;color: #fff;}
.mail-box .mail-wrap{height: calc(100% - 54px);position: relative;padding-left: 30px;}
.mail-box .letters{position: absolute;left: 0;top: 0;width: 30px;height: 100%;padding: 10px 0;background-color: #292b2e;display: -webkit-box;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;justify-content: space-around;-webkit-box-align: center;align-items: center;}
.mail-box .letters a{display: block;width: 20px;height: 20px;text-align: center;line-height: 20px;color: #fff;border-radius: 100%;transition: .4s;}
.mail-box .letters a.on,
.mail-box .letters a:hover{background-color: #d2364c;transition: .4s;}

.chat-content{width: calc(100% - 330px);background: #eeeeee;height: 100%;float: right;position: relative;}
.chat-content .chat-tit{height: 50px;border-bottom: 1px solid #dadada;padding: 0 20px;}
.chat-content .chat-tit .other-name{line-height: 49px;height: 49px;font-size: 16px;color: #666666;}
.chat-content .chat-box{height: calc(100% - 210px);}
.chat-content .chat-form{height: 160px;border-top: 1px solid #dadada;padding: 0 20px;}
.chat-content .chat-form .form-tips{line-height: 24px;text-align: right;}
.chat-content .chat-form .form-tips a{color: #999;}
.chat-content .chat-form textarea{display: block;width: 100%;height: 120px;padding-top: 10px;line-height: 22px;border: none;background: none;resize: none;outline: none;font-size: 14px;}
.chat-content .no-select{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: #eee;z-index: 11;display: none;}
.chat-content .no-select .flex-center{width: 100%;height: 100%;font-size: 18px;color: #717171;}
.chat-box .timestamp{text-align: center;font-size: 14px;color: #999;}
.chat-box .scroll-view{padding: 20px;}
.chat-box .chart-item{padding: 15px 0;}
.chat-box .chart-item .item-box{position: relative;display: -webkit-box;display: flex;min-height: 32px;}
.chat-box .chart-item .avatar{width: 32px;height: 32px;position: absolute;top: 0;}
.chat-box .chart-item .other{padding-left: 48px;}
.chat-box .chart-item .other .avatar{left: 0;}
.chat-box .chart-item .mine{-webkit-box-pack: end;justify-content: flex-end;padding-right: 48px;}
.chat-box .chart-item .mine .avatar{right: 0;}
.chat-box .chart-item .text-wrap{position: relative;border-radius: 6px;max-width: 340px;}
.chat-box .chart-item .text-wrap::before{display: block;content: '';position: absolute;width: 0;height: 0;border-style: solid;border-width: 8px 6px;top: 8px;}
.chat-box .chart-item .other .text-wrap{background-color: #fff;}
.chat-box .chart-item .other .text-wrap::before{border-color: transparent #fff transparent transparent;left: -12px;}
.chat-box .chart-item .mine .text-wrap{background-color: #ecfde5;}
.chat-box .chart-item .mine .text-wrap::before{border-color: transparent transparent transparent #ecfde5;right: -12px;}
.chat-box .chart-item .text{padding: 8px 20px;font-size: 14px;line-height: 24px;}
.chat-bar-close{display: none;}
.chat-bar-show{display: none;}

@media screen and (max-width: 768px) {
  .chat{padding: 30px 0;}
  .chat-wrap{overflow: hidden;height: 500px;}
  .chat-bar{position: absolute;width: 100%;float: none;top: 0;left: 0;z-index: 99;transform: translateX(100%);transition: .4s;}
  .chat-bar-active{transform: translateX(0);transition: .4s;}
  .chat-bar .my-info{padding: 10px;height: 60px;}
  .chat-bar .my-info .avatar{width: 40px;height: 40px;}
  .contacts{height: calc(100% - 60px);}
  .contacts-menu{height: 36px;}
  .contacts-menu a{line-height: 35px;font-size: 14px;}
  .contacts-wrap{height: calc(100% - 36px);}
  .history-list li{padding: 7px 10px;}
  .history-list .avatar{width: 40px;height: 40px;}
  .history-list .text>*{height: 20px;line-height: 20px;font-size: 12px;}
  .mail-box .letters{overflow-y: auto;-webkit-box-pack: start;justify-content: flex-start;}
  .chat-bar-close{display: block;width: 24px;height: 24px;position: absolute;right: 10px;top: 18px;z-index: 24;}
  .chat-bar-close::before,
  .chat-bar-close::after{display: block;content: '';width: 100%;height: 2px;background: #fff;position: absolute;left: 0;top: 50%;margin-top: -1px;border-radius: 2px;}
  .chat-bar-close::before{transform: rotate(45deg);}
  .chat-bar-close::after{transform: rotate(-45deg);}

  .chat-content{width: 100%;}
  .chat-content .chat-tit{display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;-webkit-box-align: center;align-items: center;}
  .chat-bar-show{width: 24px;height: 24px;display: -webkit-box;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;}
  .chat-bar-show span{display: block;width: 100%;height: 2px;background: #ccc;border-radius: 2px;}
  .chat-bar-show span:nth-child(2){margin: 6px 0;}

  /*.diagram{height: auto;}*/
}


.account-popup{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;background-color: rgba(0,0,0,.6);display: none;}
.account-popup .popup-flex{width: 100%;height: 100%;}
.account-popup .popup-box{width: 92%;max-width: 400px;background-color: #fff;border-radius: 4px;overflow: hidden;position: relative;}
.account-popup .popup-tit{padding: 0 20px;line-height: 44px;font-size: 16px;border-bottom: 1px solid #ddd;}
.account-popup .popup-close{position: absolute;width: 24px;height: 24px;top: 10px;right: 12px;transition: .4s;}
.account-popup .popup-close::before,
.account-popup .popup-close::after{display: block;content: '';width: 100%;height: 2px;background-color: #999;border-radius: 2px;position: absolute;left: 0;top: 50%;margin-top: -1px;}
.account-popup .popup-close::before{-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.account-popup .popup-close::after{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.account-popup .popup-close:hover{transition: .4s;transform: rotate(180deg);}
.account-popup .popup-con{padding: 20px 0;}
.account-popup .account-list{list-style: none;max-height: 300px;overflow-y: auto;}
.account-popup .account-list li{padding: 5px 20px;cursor: pointer;line-height: 24px;transition: .4s;font-size: 16px;color: #4d4d4d;}
.account-popup .account-list li:hover{background-color: #eee;transition: .4s;}
.account-popup .account-list li span{display: inline-block;vertical-align: top;width: 16px;height: 16px;background: url(../images/radio.png) no-repeat center center/contain;margin: 4px 10px;}
.account-popup .account-list li.active span{background-image: url(../images/radio_on.png);}
.account-popup .account-list li.active p{color: #000;}
.account-popup .account-list li p{display: inline-block;vertical-align: top;}
.account-popup .btns{margin: 16px 0 6px;text-align: right;padding: 0 20px;text-align: center;}
.account-popup .btns a{display: inline-block;vertical-align: top;line-height: 30px;width: 80px;border-radius: 4px;text-align: center;margin: 0 8px;}
.account-popup .btns .account-sure{background-color: #d2364c;color: #fff;}
.account-popup .btns .account-cancle{background-color: #ccc;color: #fff;}

@media screen and (max-width: 768px) {
  .account-popup .account-list{max-height: 160px;}
}

/**积分转让/转出弹层**/
.rollout-popup{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;background-color: rgba(0,0,0,.6);display: none;}
.rollout-popup .popup-flex{width: 100%;height: 100%;}
.rollout-popup .popup-box{width: 92%;max-width: 400px;background-color: #fff;border-radius: 4px;overflow: hidden;position: relative;}
.rollout-popup .popup-tit{padding: 0 20px;line-height: 44px;font-size: 16px;border-bottom: 1px solid #ddd;}
.rollout-popup .popup-close{position: absolute;width: 24px;height: 24px;top: 10px;right: 12px;transition: .4s;}
.rollout-popup .popup-close::before,
.rollout-popup .popup-close::after{display: block;content: '';width: 100%;height: 2px;background-color: #999;border-radius: 2px;position: absolute;left: 0;top: 50%;margin-top: -1px;}
.rollout-popup .popup-close::before{-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.rollout-popup .popup-close::after{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.rollout-popup .popup-close:hover{transition: .4s;transform: rotate(180deg);}
.rollout-popup .popup-con{padding: 20px 0;}
.rollout-popup .account-list{list-style: none;}
.rollout-popup .account-list li{padding: 5px 20px;cursor: pointer;line-height: 24px;transition: .4s;font-size: 16px;color: #4d4d4d;}
.rollout-popup .account-list li:hover{background-color: #eee;transition: .4s;}
.rollout-popup .account-list li span{display: inline-block;vertical-align: top;width: 16px;height: 16px;background: url(../images/radio.png) no-repeat center center/contain;margin: 4px 10px;}
.rollout-popup .account-list li.active span{background-image: url(../images/radio_on.png);}
.rollout-popup .account-list li.active p{color: #000;}
.rollout-popup .account-list li p{display: inline-block;vertical-align: top;}
.rollout-popup .btns{margin: 16px 0 6px;text-align: right;padding: 0 20px;text-align: center;}
.rollout-popup .btns a{display: inline-block;vertical-align: top;line-height: 30px;width: 80px;border-radius: 4px;text-align: center;margin: 0 8px;}
.rollout-popup .btns .account-sure{background-color: #d2364c;color: #fff;}
.rollout-popup .btns .account-cancle{background-color: #ccc;color: #fff;}

.rollout-popup .form-group{padding: 0 20px;margin-bottom: 10px;}
.rollout-popup .form-group span{display: inline-block;vertical-align: top;line-height: 32px;width: 90px;margin-right: 12px;text-align: right;}
.rollout-popup .form-group input[type="text"]{vertical-align: top;width: calc(100% -102px);height: 32px;border: 1px solid #ddd;line-height: 30px;padding: 0 15px;}
.rollout-popup .form-group label{margin-right: 20px;display: inline-block;vertical-align: top;line-height: 32px;}
.rollout-popup .form-group label input{vertical-align: top;margin: 9px 4px 0 0;}
.jifen-btn-style{display: inline-block;vertical-align: middle;line-height: 24px;padding: 0 12px;border-radius: 3px;background: #ff6600;color: #fff !important;margin-left: 10px;}



.stock .stock-tit{text-align: center;}
.stock .diagram{width: 100%; overflow: hidden}
.stock .diagram img{width: 100%}

/**充值窗口**/
.recharge-popup{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;background-color: rgba(0,0,0,.6);display: none;}
.recharge-popup .popup-flex{width: 100%;height: 100%;}
.recharge-popup .popup-box{width: 92%;max-width: 400px;background-color: #fff;border-radius: 4px;overflow: hidden;position: relative;}
.recharge-popup .popup-tit{padding: 0 20px;line-height: 44px;font-size: 16px;border-bottom: 1px solid #ddd;}
.recharge-popup .popup-close{position: absolute;width: 24px;height: 24px;top: 10px;right: 12px;transition: .4s;}
.recharge-popup .popup-close::before,
.recharge-popup .popup-close::after{display: block;content: '';width: 100%;height: 2px;background-color: #999;border-radius: 2px;position: absolute;left: 0;top: 50%;margin-top: -1px;}
.recharge-popup .popup-close::before{-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.recharge-popup .popup-close::after{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.recharge-popup .popup-close:hover{transition: .4s;transform: rotate(180deg);}
.recharge-popup .popup-con{padding: 20px 0;}
.recharge-popup .account-list{list-style: none;}
.recharge-popup .account-list li{padding: 5px 20px;cursor: pointer;line-height: 24px;transition: .4s;font-size: 16px;color: #4d4d4d;}
.recharge-popup .account-list li:hover{background-color: #eee;transition: .4s;}
.recharge-popup .account-list li span{display: inline-block;vertical-align: top;width: 16px;height: 16px;background: url(../images/radio.png) no-repeat center center/contain;margin: 4px 10px;}
.recharge-popup .account-list li.active span{background-image: url(../images/radio_on.png);}
.recharge-popup .account-list li.active p{color: #000;}
.recharge-popup .account-list li p{display: inline-block;vertical-align: top;}
.recharge-popup .btns{margin: 16px 0 6px;text-align: right;padding: 0 20px;text-align: center;}
.recharge-popup .btns a{display: inline-block;vertical-align: top;line-height: 30px;width: 80px;border-radius: 4px;text-align: center;margin: 0 8px;}
.recharge-popup .btns .account-sure{background-color: #d2364c;color: #fff;}
.recharge-popup .btns .account-cancle{background-color: #ccc;color: #fff;}

.recharge-popup .form-group{padding: 0 20px;margin-bottom: 10px;display: -webkit-box;display: flex;}
.recharge-popup .form-group span{display: inline-block;vertical-align: top;line-height: 32px;width: 90px;margin-right: 12px;text-align: right;}
.recharge-popup .form-group input[type="text"]{vertical-align: top;width: calc(100% - 110px);height: 32px;border: 1px solid #ddd;line-height: 30px;padding: 0 15px;}
.recharge-popup .form-group label{margin-right: 20px;display: inline-block;vertical-align: top;line-height: 32px;}
.recharge-popup .form-group label input{vertical-align: top;margin: 9px 4px 0 0;}
.recharge-popup .form-group select{width: 100%;background: none;}
.recharge-popup .form-group textarea{width: 100%;outline: none;}

.stock-img img{max-width: 100%;}


/**用户加入二叉树****/
.jointree-popup{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;background-color: rgba(0,0,0,.6);display: none;}
.jointree-popup .popup-flex{width: 100%;height: 100%;}
.jointree-popup .popup-box{width: 92%;max-width: 400px;background-color: #fff;border-radius: 4px;overflow: hidden;position: relative;}
.jointree-popup .popup-tit{padding: 0 20px;line-height: 44px;font-size: 16px;border-bottom: 1px solid #ddd;}
.jointree-popup .popup-close{position: absolute;width: 24px;height: 24px;top: 10px;right: 12px;transition: .4s;}
.jointree-popup .popup-close::before,
.jointree-popup .popup-close::after{display: block;content: '';width: 100%;height: 2px;background-color: #999;border-radius: 2px;position: absolute;left: 0;top: 50%;margin-top: -1px;}
.jointree-popup .popup-close::before{-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.jointree-popup .popup-close::after{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.jointree-popup .popup-close:hover{transition: .4s;transform: rotate(180deg);}
.jointree-popup .popup-con{padding: 20px 0;}
.jointree-popup .btns{margin: 16px 0 6px;text-align: right;padding: 0 20px;text-align: center;}
.jointree-popup .btns a{display: inline-block;vertical-align: top;line-height: 30px;width: 80px;border-radius: 4px;text-align: center;margin: 0 8px;}
.jointree-popup .btns .account-sure{background-color: #d2364c;color: #fff;}
.jointree-popup .btns .account-cancle{background-color: #ccc;color: #fff;}

.jointree-popup .form-group{padding: 0 20px;margin-bottom: 10px;}
.jointree-popup .form-group span{display: inline-block;vertical-align: top;line-height: 32px;width: 90px;margin-right: 12px;text-align: right;}
.jointree-popup .form-group input[type="text"]{vertical-align: top;width: calc(100% -102px);height: 32px;border: 1px solid #ddd;line-height: 30px;padding: 0 15px;}
.jointree-popup .form-group label{margin-right: 20px;display: inline-block;vertical-align: top;line-height: 32px;}
.jointree-popup .form-group label input{vertical-align: top;margin: 9px 4px 0 0;}
.jifen-btn-style{display: inline-block;vertical-align: middle;line-height: 24px;padding: 0 12px;border-radius: 3px;background: #ff6600;color: #fff !important;margin-left: 10px;}

/**购买页面的上传身份证照片**/
.upload_usercard{margin-top: 10px; }
.upload_usercard .am-form-group{float: left; width:130px; margin-left: 20px;}

/*20200720新增样式*/
.chat-content .chat-form{padding-top: 36px;position: relative;}
.chat-form .chat-btns{position: absolute;width: 100%;height: 36px;top: 0;left: 20px;padding: 8px 0;}
.chat-form .btn-group{float: left;width: 20px;height: 20px;position: relative;margin-right: 24px;}
.chat-form .btn-group .btn-item{display: block;width: 20px;height: 20px;background-size: 100% 100%;cursor: pointer;}
.chat-form .btn-group .btn-item img{display: block;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;position: absolute;}
.chat-form .btn-group .btn-item img:last-child{opacity: 0;}
.chat-form .btn-group .btn-item:hover img:first-child{opacity: 0;}
.chat-form .btn-group .btn-item:hover img:last-child{opacity: 1;}
.chat-form .btn-group .btn-img input{display: block;width: 100%;height: 100%;top: 0;left: 0;z-index: 11;opacity: 0;position: absolute;cursor: pointer;}
.chat-content .chat-form textarea{height: 84px;padding-top: 6px;}
.chat-content .biaoqing{width: 300px;height: 140px;position: absolute;left: -60px;bottom: 100%;margin-bottom: 4px;background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, .1);z-index: 11;overflow-y: auto;display: none;}
.chat-content .biaoqing .bq-list{padding: 8px;}
.chat-content .biaoqing .bq-list li{float: left;}
.chat-content .biaoqing .bq-list li a{display: block;width: 30px;height: 30px;display: -webkit-box;display: flex;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;}
.chat-content .biaoqing .bq-list li a img{max-width: 20px;max-height: 20px;}
.chat-content .biaoqing .bq-list li a:hover{background-color: #eee;transition: .4s;}

.chat-box .chart-item .mine .text-wrap.no-bg{background: none;}
.chat-box .chart-item .mine .text-wrap.no-bg::before{display: none;}
.chat-box .chart-item .bq-img{width: 32px;padding: 4px;}
.chat-box .chart-item .bq-img img{width: 100%;}
.chat-box .chart-item .img{width: 200px;}
.chat-box .chart-item .img img{width: 100%;}

/**********************************************************/
/**充值窗口**/
.online-recharge-popup{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;background-color: rgba(0,0,0,.6);display: none;}
.online-recharge-popup .popup-flex{width: 100%;height: 100%;}
.online-recharge-popup .popup-box{width: 92%;max-width: 400px;background-color: #fff;border-radius: 4px;overflow: hidden;position: relative;}
.online-recharge-popup .popup-tit{padding: 0 20px;line-height: 44px;font-size: 16px;border-bottom: 1px solid #ddd;}
.online-recharge-popup .popup-close{position: absolute;width: 24px;height: 24px;top: 10px;right: 12px;transition: .4s;}
.online-recharge-popup .popup-close::before,
.online-recharge-popup .popup-close::after{display: block;content: '';width: 100%;height: 2px;background-color: #999;border-radius: 2px;position: absolute;left: 0;top: 50%;margin-top: -1px;}
.online-recharge-popup .popup-close::before{-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.online-recharge-popup .popup-close::after{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.online-recharge-popup .popup-close:hover{transition: .4s;transform: rotate(180deg);}
.online-recharge-popup .popup-con{padding: 20px 0;}
.online-recharge-popup .account-list{list-style: none;}
.online-recharge-popup .account-list li{padding: 5px 20px;cursor: pointer;line-height: 24px;transition: .4s;font-size: 16px;color: #4d4d4d;}
.online-recharge-popup .account-list li:hover{background-color: #eee;transition: .4s;}
.online-recharge-popup .account-list li span{display: inline-block;vertical-align: top;width: 16px;height: 16px;background: url(../images/radio.png) no-repeat center center/contain;margin: 4px 10px;}
.online-recharge-popup .account-list li.active span{background-image: url(../images/radio_on.png);}
.online-recharge-popup .account-list li.active p{color: #000;}
.online-recharge-popup .account-list li p{display: inline-block;vertical-align: top;}
.online-recharge-popup .btns{margin: 16px 0 6px;text-align: right;padding: 0 20px;text-align: center;}
.online-recharge-popup .btns a{display: inline-block;vertical-align: top;line-height: 30px;width: 80px;border-radius: 4px;text-align: center;margin: 0 8px;}
.online-recharge-popup .btns .account-sure{background-color: #d2364c;color: #fff;}
.online-recharge-popup .btns .account-cancle{background-color: #ccc;color: #fff;}

.online-recharge-popup .form-group{padding: 0 20px;margin-bottom: 10px;display: -webkit-box;display: flex;}
.online-recharge-popup .form-group span{display: inline-block;vertical-align: top;line-height: 32px;width: 90px;margin-right: 12px;text-align: right;}
.online-recharge-popup .form-group input[type="text"]{vertical-align: top;width: calc(100% - 110px);height: 32px;border: 1px solid #ddd;line-height: 30px;padding: 0 15px;}
.online-recharge-popup .form-group label{margin-right: 20px;display: inline-block;vertical-align: top;line-height: 32px;}
.online-recharge-popup .form-group label input{vertical-align: top;margin: 9px 4px 0 0;}
.online-recharge-popup .form-group select{width: 100%;background: none;}
.online-recharge-popup .form-group textarea{width: 100%;outline: none;}




.online-recharge-popup .form-group .paymentlist h3 { border-bottom: 3px solid #e3e3e3; margin-top:5px; font-size: 14px;font-weight: 700; }
.online-recharge-popup .form-group .paymentlist { width: calc(100% - 110px);display: flex; overflow: hidden; }
.online-recharge-popup .form-group .paymentlist li { width: 50%;text-align: center;border:1px solid transparent ;overflow: hidden; float: left; cursor: pointer; border: 1px solid #eee; margin: 0 10px 10px 0; }
.online-recharge-popup .form-group .paymentlist li img { width: 36px; height: 36px; }
.online-recharge-popup .form-group .paymentlist li span{text-align: center;margin-right: 0}
.online-recharge-popup .form-group .paymentlist li.selected { border-color: #d2364c ; position: relative; }
.online-recharge-popup .form-group .paymentlist li.selected i.icon-active { position: absolute; width: 10px; height: 10px; font-size: 0; line-height: 0; right: 0px; bottom: 0px; background: url(../images/sys-item-selected.gif) no-repeat right bottom; }
@media only screen and (min-width:640px) {/*
  .online-recharge-popup .form-group .paymentlist li {width:calc(33% - 5px); }*/
  .online-recharge-popup .form-group .paymentlist li:nth-child(3n) { margin-right: 0; }
  .online-recharge-popup .form-group .paymentlist li:hover { border: 1px solid #d2364c; box-shadow: 0px 0 0px 1px #d2364c; }
}
@media only screen and (max-width:640px) {
  /*.online-recharge-popup .form-group .paymentlist li { width: calc(50% - 5px); }*/
  .online-recharge-popup .form-group .paymentlist li:nth-child(2n) { margin-right: 0; }
}


@media only screen and (min-width: 641px) {
  form.am-form .am-form-group:hover, .plug-file-upload-view:hover {
    background: none;
  }
}

.btn-group{position: relative;width: 120px;height: 32px;}
.btn-group .btn-item{display: block;text-align: center;line-height: 32px;color: #fff;background: #4e6ef2;border-radius: 4px;height: 32px;}
.btn-group input{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 11;opacity: 0;}

.picturesList .addlist{float: left;width: calc(25% - 20px);margin: 0 20px 10px 0;position: relative;border: 1px dashed #ccc;background: #eee;}
.picturesList .addlist a{display: block;width: 100%;height: 180px;line-height: 200px;text-align: center;}
.picturesList .addlist a img{vertical-align: middle;max-width: 100%;max-height: 100%;object-fit: contain;}
.picturesList .addlist span{display: block;width: 20px;height: 20px;background: #ff4400;border-radius: 100%;position: absolute;top: -10px;right: -10px;}
.picturesList .addlist span::before,
.picturesList .addlist span::after{display: block;content: "";width: 16px;height: 2px;background: #fff;position: absolute;top: 50%;left: 50%;margin: -1px 0 0 -8px;}
.picturesList .addlist span::before{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.picturesList .addlist span::after{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}

@media screen and (max-width: 992px) {
  .picturesList .addlist{width: calc(33.33% - 20px);}
  .picturesList .addlist a{height: 140px;line-height: 140px;}
} 
@media screen and (max-width: 500px) {
  .picturesList .addlist a{height: 100px;line-height: 100px;}
} 

.filesList .addlist{padding-right: 30px;margin-bottom: 10px;position: relative;}
.filesList .addlist span{display: block;width: 20px;height: 20px;background: #ff4400;border-radius: 100%;position: absolute;top: -4px;right: 5px;}
.filesList .addlist span::before,
.filesList .addlist span::after{display: block;content: "";width: 16px;height: 2px;background: #fff;position: absolute;top: 50%;left: 50%;margin: -1px 0 0 -8px;}
.filesList .addlist span::before{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.filesList .addlist span::after{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}