.bg{width: 100%; height: 100%; display: block}

/*滑动切换swiper*/
.swiper-container {margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-no-flexbox .swiper-slide {float:left}
.swiper-container-vertical>.swiper-wrapper {-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper {-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide {-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}
.swiper-slide-invisible-blank {visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {height:auto}
.swiper-pagination {position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {bottom:10px;left:0;width:100%}
.swiper-pagination-bullet {width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}
.swiper-pagination-bullet-active {opacity:1;background:#007aff}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 4px}
.swiper-container {background:#fff;margin:10px 10px 0;padding-bottom:25px;}
.swiper-slide {width:25%;}
.swiper-pagination {clear:both;}
.swiper-pagination-bullet-active {background:#00BFFF;}
.swiper-container-horizontal>.swiper-pagination-bullets {border-bottom:0;}

/**{ -webkit-user-select:none; } 取消文字选中*/

/*提示语*/
#sendText {width:70%;max-width:600px; color: #fff; font-size: 14px;line-height:1.4; text-align: center;z-index: 999999;position: fixed;top:50%; right:0; left:0; margin:-24px auto 0; display:none; box-sizing:border-box;}
#sendText .msgtext{background-color:rgba(0,0,0,.7);border-radius: 5px;padding:12px 10px; display:inline-block; margin:0 auto;}

/*留言显示*/
#gift_wrap {position:fixed;bottom:0;left:0;width:100%;box-sizing:border-box;color:#fff;z-index:3;padding:10px;transform:translateY(100%);transition:transform .3s ease;-webkit-transition:-webkit-transform .3s ease;height:100vh;}
#gift_wrap .msg_item_list{height:25px;line-height:25px;overflow: hidden; }
.gift_item_list .c_g {display:-webkit-box;font-size:12px;-webkit-line-clamp:1;-webkit-box-orient:vertical;height:25px;overflow: hidden;}
.gift_item_list .c_g p {display:inline-block;padding:0 10px;word-wrap:break-word;word-break:break-all;}
#gift_wrap em,#gift_wrap i {font-style:normal;margin-right:3px;}
.gift_item_list .msg_item {border-radius:25px;height:25px;line-height:25px;background:rgba(0,0,0,0.35);overflow:hidden;}



/*礼物开关*/
.gift_switch {background: rgba(0,0,0,0.35) url(images/switch.png) center center no-repeat; background-size: 18px; width: 30px; height: 30px; border-radius: 50%;position:absolute;right:3px;top:-40px;cursor:pointer;}


/*礼物显示*/
.gift_item_list{ position:absolute;left:0px;bottom:45px; display:none; margin:0 60px 0 10px;}
.gift_scoll{ min-height:45px;  margin-bottom:10px;}
.gift_item_list li{ max-height:45px; margin-top:3px; }
.gift_item_list li .gift_item{}
.gift_item_list li .g_num{ vertical-align:top;font-size:24px; color:#f60; padding:0 10px 0 0; font-weight:bold; text-shadow:2px 0px 5px #FFDEAD, 2px 0 5px #FFDEAD !important; margin-left:5px;}
.buncein{-webkit-transform:translateZ(0);
	transform:translateZ(0);
	-webkit-animation-name:bounceIn;
	animation-name:bounceIn;
	-webkit-animation-duration:.6s;
	animation-duration:.6s;
	-webkit-animation-delay:1s;
	animation-delay:1s;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-direction:alternate;
	animation-direction:alternate;}	

@-webkit-keyframes bounceIn {
0% {
	-webkit-transform:scale(.85);
	transform:scale(.85)
}
to {
	-webkit-transform:scale(1.1);
	transform:scale(1.1)
}
}
@keyframes bounceIn {
	0% {
	-webkit-transform:scale(.85);
	transform:scale(.85)
}
to {
	-webkit-transform:scale(1.1);
	transform:scale(1.1)
}
}
  
.gift_item .gift_layout {display:inline-block;background:rgba(248,50,68,0.35);box-sizing:border-box;-webkit-transition-duration:600ms;padding:4px 10px 4px 4px;border-radius:35px;opacity:1;transform:translateX(0px); clear:both; }
.gift_item .gy {background:rgba(0,0,0,0.45);}
.gift_item .giftBd {display:-webkit-box; float:left }
.gift_item .g_y { height:35px;}
.gift_item .g_y:nth-child(2) {padding-left:3px;}
.gift_item .g_y span {display:inline-block;overflow:hidden;height:35px;width:35px;border-radius:35px;background:#fff;}
.gift_item .g_y img {width:100%;height:100%;}
.gift_item .g_y h5 {margin-top:3px;font-weight:700; font-size:12px; }
.gift_item .g_y p{ font-size:12px; height:20px; line-height:20px; overflow:hidden}

/*弹幕*/
.danmu{ margin:0;top:15px;width: 100%;}
.danmu marquee { margin-bottom:6px;}
.danmu .gift_scoll{ margin-bottom:40px;}
.danmu li{ display: inline-block; cursor:pointer}
.danmu li .gift_item{ clear:both;}
.danmu li .g_num{ display:inline-block;}
.danmu .danmu_bg1{background:rgba(0,0,0,0.35)}
.danmu .danmu_bg2{background:rgba(220,20,60,0.35)}
.danmu .danmu_bg3{background:rgba(255,20,147,0.35)}
.danmu .danmu_bg4{background:rgba(186,85,211,0.35)}
.danmu .danmu_bg5{background:rgba(123,104,238,0.35)}
.danmu .danmu_bg6{background:rgba(100,149,237,0.35)}
.danmu .danmu_bg7{background:rgba(0,206,209,0.35)}
.danmu .danmu_bg8{background:rgba(0,250,154,0.35)}
.danmu .danmu_bg9{background:rgba(255,255,0,0.35)}
.danmu .danmu_bg10{background:rgba(255,165,0,0.35)}
.danmu .danmu_bg11{background:rgba(255,127,80,0.35)}
.danmu .danmu_bg12{background:rgba(139,0,0,0.35)}
.danmu .danmu_bg13{background:rgba(128,128,0,0.35)}
/*查看留言弹窗*/
.winBgt{position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 201;}
#msg_chatBox {padding:25px;background:rgba(255,255,255,0.95);border-radius:8px;z-index:201;position:fixed;width:60%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:14px;color:#333;}
#msg_chatBox dt h3 {font-weight:700}
#msg_chatBox dd {margin-top:5px}
#msg_chatBox dd .bgt_col{word-wrap: break-word;word-break: break-all;}
#msg_chatBox .msg_chat_gift{ width:80%; margin:10px auto 0; text-align:center;padding:10px; box-sizing:border-box; border-radius:10px; background:rgba(255,255,255,0.95);position:relative;}
#msg_chatBox .msg_chat_gift .g_num{ position:absolute; right:0px; top:-35px;font-size:24px; color:#f60; padding:0 10px 0 0; font-weight:bold; text-shadow:2px 0px 5px #FFDEAD, 2px 0 5px #FFDEAD !important;}
#msg_chatBox .msg_wg{ background:#fff;position: relative; padding:5px; border-radius:10px;}
#msg_chatBox .bgt_col span{ color:rgb(254,98,101); display:block; font-size:12px;}
#msg_chatBox .msg_chat_gift img{ width:100%;}
#msg_chatBox .chatBox_close {position:absolute;top:3px;right:3px;width:40px;height:40px;background:url(images/close.png) center center no-repeat;background-size:28px;cursor:pointer;}
.product-hover {border-radius:10px;position:absolute;top:0;left:0;right:0;bottom:0;opacity:1;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;transition:opacity 0.3s ease;background-size:30px 30px;background-image:-webkit-linear-gradient(45deg,rgba(234,176,176,1) 25%,transparent 25%,transparent 50%,rgba(234,176,176,1) 50%,rgba(234,176,176,1) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(234,176,176,1) 25%,transparent 25%,transparent 50%,rgba(234,176,176,1) 50%,rgba(234,176,176,1) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(234,176,176,1) 25%,transparent 25%,transparent 50%,rgba(234,176,176,1) 50%,rgba(234,176,176,1) 75%,transparent 75%,transparent);-webkit-animation:barberpole 0.5s linear infinite;-moz-animation:barberpole 0.5s linear infinite;animation:barberpole 0.5s linear infinite;}
/*礼物旋转边框动画*/
@-webkit-keyframes barberpole{
	from{
		background-position:0 0;
	}
	to{
		background-position:60px 30px;
	}
}

@-moz-keyframes barberpole{
	from{
		background-position:0 0;
	}
	to{
		background-position:60px 30px;
	}
}

@keyframes barberpole{
	from{
		background-position:0 0;
	}
	to{
		background-position:60px 30px;
	}
}



/*底部留言框*/
#gift_wrap .chat_entry {display:flex;display:-webkit-flex;justify-content:space-around;margin-top:8px;font-size:14px;height:36px;line-height:36px; position:absolute; bottom:10px; left:10px; width:calc(100% - 20px); z-index:1}
#gift_wrap .chat_entry input,.chat_entry span {margin-left:5px;width:90%;display:block;background:transparent;border:0;color:#f8fcfb;line-height:36px;cursor:pointer;}
#gift_wrap .chat_entry .uface img{ width:26px; height:26px; border-radius:50%; margin:5px 5px 0 0; float:left}
#gift_wrap .chat_entry .c_txt {flex:1;height:36px;background:rgba(0,0,0,0.35);border-radius:36px;}
#gift_wrap .chat_entry .c_txt div {-webkit-box-flex:1}
#gift_wrap .chat_entry .c_icon {display:flex;display:-webkit-flex;justify-content:space-around}
#gift_wrap .chat_entry .c_icon div {text-align:right;margin-left:10px}
#gift_wrap .chat_entry .c_icon span {display:inline-block}
#giftShow{ background:rgba(254,98,101,0.9) url(images/xgift.png) center center no-repeat; background-size:22px; display:inline-block; width:36px; height:36px; border-radius:50%;}
#priceShow{ background:rgba(0,0,0,0.35) url(images/comment.png) center center no-repeat; background-size:22px; display:inline-block; width:36px; height:36px; border-radius:50%;}
#gift_wrap #giftShow,#gift_wrap2 #giftShow1{-webkit-animation:td_shake 12s ease-in-out 2s forwards infinite;cursor:pointer;}
#gift_wrap #priceShow,#gift_wrap2 #priceShow1{-webkit-animation:td_shake 12s ease-in-out 0s forwards infinite;cursor:pointer;}

#gift_wrap2 {width:60px;position:absolute;bottom:10px;right:0;text-align:center;z-index:2;color:#f5f5f5; font-size:12px;}
.quan_vcd_list-item_commit {margin-bottom:20px}
.quan_vcd_list-item_commit > i {display:block;background:rgba(0,0,0,0.5) url(images/comment.png) center center no-repeat;background-size:22px;width:36px;height:36px;margin:0 auto;margin-bottom:0;border-radius:50%;}
.quan_vcd_list-item_share {margin-bottom:1rem}
.quan_vcd_list-item_share > i {display:block;background:rgba(254,98,101,0.9) url(images/xgift.png) center center no-repeat; background-size:22px;width:36px;height:36px;margin:0 auto;margin-bottom:0;border-radius:50%;}
.quan_vcd_list-item_share >span{ margin-top:3px;}
	
/*祝福语提交*/
#formModal{position:absolute;top:0;left:0;bottom:0;right:0;z-index:201;display:none;}
#formModal .formModal_bg {position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.5)}
#formModal .formModal_box {background:#fff;border-radius:8px;margin:30px 25px 0;box-sizing:border-box;position:relative;padding:20px 18px 18px}
#formModal .formModal_box_body {display:flex;display:-webkit-flex;justify-content:space-around;flex-direction:column}
#formModal .body_title {font-family:MicrosoftYaHei-Bold;font-weight:bold;color:#333;font-size:16px;text-align:center}
#formModal .body_content {color:#333;padding:12px 0px 15px;font-size:12px;}
#formModal .body_content_item {display:flex;display:-webkit-flex;align-items:center;margin-bottom:10px;}
#formModal .ac_name_bd input,.ac_name_bd textarea,.ac_wish input,.ac_wish textarea,.send_user_box textarea {-webkit-box-flex:1;flex:1;line-height:1.2;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;resize:none;width:100%;height:100%;}
#formModal .body_content label::before {content:'*';color:#f83244}
#formModal .body_btn {background:#00BFFF;color:#fff;border-radius:20px;text-align:center;margin:auto;font-family:MicrosoftYaHei-Bold;font-weight:bold;width:100%;height:40px;line-height:40px;font-size:14px;cursor:pointer;}
#formModal .body_btn:active {opacity:0.6;}
#formModal .formModal_close{position:absolute;top:3px;right:3px;width:40px;height:40px;background:url('images/close.png') center center no-repeat;background-size:28px;cursor:pointer;}
#formModal .send_user_box {border-radius:5px;padding:10px 5px 10px 12px;border:1px solid #d2d2d2;box-sizing:border-box;flex:1;}
#formModal .send_user_ipt {background:transparent;border:0;height:100%;width:100%;caret-color:#00BFFF; cursor:pointer}

/*礼物提交*/
#formModal2{position:absolute;top:0;left:0;bottom:0;right:0;z-index:999;display:none;}
#formModal2 .formModal_bg {position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.5)}
#formModal2 .formModal_box {background:#fff;border-radius:15px;margin:30px 25px 0;box-sizing:border-box;position:relative;padding:20px 18px 18px}
#formModal2 .formModal_box_body {display:flex;display:-webkit-flex;justify-content:space-around;flex-direction:column}
#formModal2 .body_title {font-family:MicrosoftYaHei-Bold;font-weight:bold;color:#333;font-size:16px;text-align:center}
#formModal2 .body_content {color:#333;padding:12px 0px 15px;font-size:12px;}
#formModal2 .body_content_item {display:flex;display:-webkit-flex;align-items:center;margin-bottom:10px;}
#formModal2 .ac_name_bd input,.ac_name_bd textarea,.ac_wish input,.ac_wish textarea,.send_user_box textarea {-webkit-box-flex:1;flex:1;line-height:1.2;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;resize:none;width:100%;height:100%;caret-color:#00BFFF;cursor:pointer}
#formModal2 .body_content label::before {content:'*';color:#f83244}
#formModal2 .body_btn {background:#00BFFF;color:#fff;border-radius:20px;text-align:center;margin:auto;font-family:MicrosoftYaHei-Bold;font-weight:bold;width:100%;height:40px;line-height:40px;font-size:14px;cursor:pointer}
#formModal2 .body_btn:active {opacity:0.6;}
#formModal2 .formModal_close{position:absolute;top:3px;right:3px;width:40px;height:40px;background:url('images/close.png') center center no-repeat;background-size:28px;cursor:pointer}
#formModal2 .send_user_box {border-radius:5px;padding:10px 5px 10px 12px;border:1px solid #d2d2d2;box-sizing:border-box;flex:1;}
#formModal2 .send_user_ipt {background:transparent;border:0;height:100%;width:100%}

/*留言列表*/
.message_box{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);transform:translateY(100%);z-index:201;transition:transform 0.3s ease;-webkit-transition:-webkit-transform 0.3s ease; font-size:12px;-webkit-overflow-scrolling : touch;}
.message_box .speech {float:left;margin:10px 0;padding:9px 8px;table-layout:fixed;word-break:break-all;position:relative;background:#fff;border:1px solid #eee;border-radius:5px;}
.message_box .speech:before {content:'';position:absolute;width:0;height:0;left:15px;top:-20px;border:8px solid;border-color:transparent transparent #eee transparent;}
.message_box .speech:after {content:'';position:absolute;width:0;height:0;left:17px;top:-16px;border:6px solid;border-color:transparent transparent #ffffff transparent;}
.message_box .left {display:inline-block;margin-left:13px;max-width:75%;position:relative;}
.message_box .left:before {content:'';position:absolute;width:0;height:0;top:9px;bottom:auto;left:-8px;border-width:7px 8px 7px 0;border-color:transparent #eee;}
.message_box .left:after {content:'';position:absolute;width:0;height:0;top:10px;bottom:auto;left:-6px;border-width:6px 7px 6px 0;border-color:transparent #fff;}
.message_box .leftimg {float:left;margin-top:10px;}
.message_box .rightimg {float:right;margin-top:10px;}
.message_box .leftd {clear:both;float:left;margin-left:10px;}
.message_box .leftd_h {width:39px;height:39px;border-radius:100%;display:block;float:left;overflow:hidden;margin-top:5px;}
.message_box .leftd_h img {display:block;width:100%;height:100%;}
.message_box .speech b{ display:block;}
.message_box .speech img{ width:70%;margin-top: 5px; }
.message_box .right {display:inline-block;margin-right:13px;max-width:75%;float:right;}
.message_box .right:before {content:'';position:absolute;width:0;height:0;top:9px;bottom:auto;left:auto;right:-8px;border-width:7px 0 7px 8px;border-color:transparent #eee;}
.message_box .right:after {content:'';position:absolute;width:0;height:0;top:10px;bottom:auto;left:auto;right:-6px;border-width:6px 0 6px 7px;border-color:transparent #fff;}
.message_box .rightd {clear:both;float:right;margin-right:10px;}
.message_box .rightd_h {width:39px;height:39px;border-radius:100%;display:block;float:right;overflow:hidden;margin-top:5px;}
.message_box .rightd_h img {display:block;width:100%;height:100%;}
.mess_list{ padding:10px 0; position: fixed;  left: 0;  right: 0;  margin: auto;  z-index: 9;  bottom: 0px;touch-action: none; overflow:hidden; background:rgba(0,0,0,0.6);
}
.mess_list .mess_scroll_cont{height:55vh; overflow: scroll;}
.mess_list .mess_list_cont{ overflow:scroll}
.mess_list .message_close{position:absolute;top:-29.5px;right:-29.5px;width:60px;height:60px;z-index:9999;border-radius:50%;background:rgba(0,0,0,0.6)}
.mess_list .message_close i{ position:absolute; bottom:5px; left:5px; display:inline-block; width:28px; height:28px;background:url('images/close.png') center center no-repeat;background-size:28px}
/*加载动画*/
#gift_loading{height: 20px; width: 20px;border:4px solid transparent;border-radius: 50%; border-top-color: rgb(38, 162, 255); border-left-color: rgb(38, 162, 255); border-bottom-color: rgb(38, 162, 255); position:absolute; bottom:20px; left:0; right:0; margin:auto; z-index:9999; display:none; animation: circle 1s infinite linear;-webkit-animation:circle 1s infinite linear; /* Safari 和 Chrome */  }
@-webkit-keyframes circle{
    0%{transform:rotate(0deg);}
    100%{transform: rotate(-360deg)}
}
/*礼物列表*/
.gift_list_c{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);transform:translateY(100%);z-index:99;transition:transform .3s ease;-webkit-transition:-webkit-transform .3s ease;}
.send_gift {position:fixed;left:0;right:0;margin:auto;z-index:9;overflow:hidden;bottom:0px;width:100%;transform:translateY(0px);background:#fff; border-radius:10px 10px 0 0;}
.gift_main {position:relative;background:#fff;}
.gift-ratio-wrap {position:relative;width:100%;height:0;padding-top:100%;background:#fff;box-sizing:border-box;-webkit-box-sizing:border-box}
.gift-item {position:absolute;top:0;left:0;bottom:1px;right:0;border-radius:10px;border:2px solid transparent;transition:all .3s ease;-webkit-transition:all .3s ease;text-align:center;color:#333;font-size:12px;display:-webkit-flex;display:flex;align-items:center;box-sizing:border-box;-webkit-box-sizing:border-box}
.gift-item img {width:72%;height:43px;vertical-align:middle}
.gift-item p {margin:0;padding:0;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;z-index:1}
.gift-item .p2 {color:#f83244;font-size:12px}
.gift-item>div {width:100%;height:100%;position:relative;border-radius:10px;overflow:hidden}
.gift-item.active {border-color:#00BFFF;}
.gift-item.active::after {content:'';position:absolute;width:9px;height:9px;background:url('images/select.png') 0 0 no-repeat;background-size:100% 100%;right:2px;bottom:2px}
.gift-item.active .divRadius {display:block;border:10px solid #555;border-left:10px solid transparent;border-top:10px solid transparent;border-bottom-right-radius:5px;content:'';position:absolute;width:0;bottom:0;right:0;border-color:transparent #00BFFF #00BFFF transparent;}
.gift_footer {padding:0 12px 12px;}
.gift_tishi {display:flex;}
.gift_tishi .gift_l_d {width:30%;overflow:hidden;height:35px;margin:0;}
.gift_tishi .sendGiftBtn {margin:auto;font-size:16px;width:100px;height:35px;line-height:35px;color:#fff;text-align:center;border-radius:20px;background:#00BFFF;cursor:pointer}
.gift_tishi .sendGiftBtn:active {opacity:0.6;}
.gift_footer_figure {position:relative;box-sizing:border-box;height:35px;line-height:35px;margin-left:3%;text-align:center;border:2px solid #00BFFF;border-radius:18px;}
.gift_footer_Num {display:inline-block;width:100%;height:31px;background-color:white;border-radius:20px;line-height:32px;font-size:15px;font-weight:bold;}
.gift_footer_minus_p {position:absolute;float:left;width:25px;height:25px;line-height:25px;top:3px;left:4px;background:#00BFFF;border-radius:18px;color:#fff;font-weight:bold;font-size:20px;cursor:pointer}
.gift_footer_add_P {position:absolute;width:25px;height:25px;line-height:25px;top:3px;right:4px;background:#00BFFF;border-radius:18px;color:#fff;font-weight:bold;font-size:20px;cursor:pointer}
.gift_footer_price {float:left;width:30%;line-height:35px;text-align:center;font-size:16px;color:#f00;}
.gift_footer_priceSpan {display:inline-block;height:13px;width:16px;background-image:url(images/gift-cost.png);background-size:100%;}

/*礼物说明*/
.gift_box_head {margin:10px 0 0 10px;color:#747474;cursor:pointer}
.gift_box_head_W {display:inline-block;width:15px;height:15px;text-align:center;line-height:15px;font-size:12px;border-radius:50%;background-color:red;color:rgb(255,255,255);}
.gift_box_head_T {font-size:12px;cursor:pointer}
.gift_dec_all{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5); display:none;z-index:999999;transition:transform .3s ease;-webkit-transition:-webkit-transform .3s ease;}
.gift_dec {position: absolute;left: 0;right: 0;margin: auto;z-index: 9;bottom: 0px;}
.gift_dec_top {width:100%;background:#fff;}
.gift_dec_top p {padding:0 10px;color:#747474;font-size:14px;}
.gift_dec_title {color:#747474;font-size:16px;line-height:40px;border-bottom:1px solid #e7e7ed;text-align:center;}
.gift_dec_word {padding:20px 0;}
.gift_dec button {width:100%;height:50px;margin-top:5px;border:none;background:#fff;outline:none;color:#4d4d4d;font-size:16px;cursor:pointer}


/*评论留言*/
.comment_box{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);transform:translateY(100%);z-index:201;transition:transform 0.3s ease;-webkit-transition:-webkit-transform 0.3s ease; font-size:12px;-webkit-overflow-scrolling : touch; }
.comment_box .comment_list,.comment_box .reply_list{position: fixed;  left: 0;  right: 0;  margin: auto;  z-index: 9;  bottom: 0px;touch-action: none; overflow:hidden; background:rgba(0,0,0,1);}
.comment_box .cmt_head{ height:40px; line-height:40px; color:#fff; font-size:14px; font-weight:bold; padding:0 10px; position:relative;}
.comment_box .cmt_head.t_center{text-align: center;}
.comment_box .cmt_head .comment_close{position:absolute;top:0px;right:0px;width:40px;height:40px;background:url('images/close.png') center center no-repeat;background-size:28px;cursor:pointer;}

.comment_box .cmt_list_input {width:100%;height:50px;background-color:#000;box-sizing:border-box;padding:8px 0;}
.comment_box .cmt_list_input_inner {margin:0 8.5px;height:34px;line-height:34px;background:#333;border-radius:4px;font-size:12px;color:#e1e1e1;letter-spacing:0;text-align:left;font-weight:100;padding-left:11px;cursor:pointer;}
.comment_box .cmt_list_input_inner > i {width:14px;height:14px;display:inline-block;background-image:url('images/cmt_icon.png');background-position:0 0;background-repeat:no-repeat;background-size:100% auto;margin-right:4px;vertical-align:middle}
.comment_box .cmt_scroll_cont{height:60vh; overflow: scroll;}

/*回复列表*/
.comment_box .reply_list{ z-index:10;background:rgba(0,0,0,1);transform:translateX(100%);transition:transform .3s ease;}
.comment_box .cmt_head .reply_close{position:absolute;top:0px;right:0px;width:40px;height:40px;background:url('images/right.png') center center no-repeat;background-size:20px}


.commentBox{ padding-bottom:10px;}
.commentBox .li {padding:8px 5px;display:flex;}
.commentBox .li.main{ border-bottom:1px solid #333; padding-bottom:15px;}
.commentBox .rp_head{color: #fff; font-weight: bold; margin-top: 10px; padding: 0 10px;}
.commentBox .icon {display:table-cell;width:60px;}
.commentBox .icon img {margin:10px;width:30px; height:30px;border-radius:30px;}
.commentBox .content {flex:1;}
.commentBox .name {color:#fff;margin-top:8px; font-size:14px; font-weight:bold;}
.commentBox .name:after{ clear: both; content: '.' ; display:block; width: 0; height: 0; visibility: hidden;}
.commentBox .name .uname{ max-width:75px; overflow:hidden; display:inline-block; height:17px; line-height:18px; float:left}
.commentBox .name .cmt_gname{ font-size:12px; color:#999; display:inline-block;margin-left:5px;}
.commentBox .cmt_num{ color: #f60; font-size:20px; margin-left:5px;display:inline-block; text-shadow:0px 0px 3px #FFDEAD, 0px 0 3px #FFDEAD !important;}
.commentBox .name .me{ font-weight: normal;font-size:10px;-webkit-text-size-adjust:none;color:#666; border-radius:2px; height:13px; line-height:15px; padding:0 3px;background:#eee; margin-left:5px; display:inline-block; vertical-align:top;}
.commentBox .name .gift_show{ float:right;margin: -8px 10px 0 0;}
.commentBox .text img { width: 60%; margin-top: 5px;}
.commentBox .text {margin-top:8px;margin-bottom:10px;color:#fff;font-size:14px;word-wrap: break-word;word-break: break-all;}
.commentBox .text .foryou{ display:block; padding:5px 8px; color:#999; background:#333; font-size:12px; border-radius:3px;line-height: 18px; margin-bottom:16px; margin-right:5px; overflow:hidden; clear:both}
.commentBox .text .white_bg{ color:#fff;}
.commentBox .time_reply{font-size:12px;color:#fff; }
.commentBox .time {margin-top:2px;color:#888;}
.commentBox .advice{ color:#ddd; float:right; margin-right:10px;}
.commentBox .reply_btn{ color:#d1d1d1;cursor:pointer;}
.commentBox .reply_num{ background:#555; padding:3px 8px; border-radius:15px; margin-left:10px;}
.like_btn{ float:right; line-height:18px; margin-right:10px;cursor:pointer;}
.like_btn:before{ content:''; width:16px; height:16px; background:url('images/001.png') left top no-repeat; background-size:16px; display:inline-block;vertical-align:middle; float:left; margin-right:5px;}
.like_btn.active:before{content:''; width:16px; height:16px; background:url('images/002.png') left top no-repeat; background-size:16px; display:inline-block;vertical-align:middle; float:left; margin-right:5px;}

/*评论提交*/
.cmt_textcont{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);z-index:11;cursor:pointer;}
.cmt_textcont .cmt_textcont_dt{ background:#fff;padding:0 15px 5px; position:fixed; bottom:0; width:100%; box-sizing:border-box; display:block; z-index:11}
.cmt_textcont .cmt_textcont_t{ display:flex;justify-content: space-between; color:#44; line-height:45px; font-size:14px;}
.cmt_textcont .cmt_textcont_t .cmt_cancel{cursor:pointer;}
.cmt_textcont .cmt_enter{ color:#00BFFF;cursor:pointer;}
.cmt_textcont .body_content_item {display:flex;display:-webkit-flex;align-items:center;margin-bottom:10px;cursor:pointer;}
.cmt_textcont .send_user_box textarea {-webkit-box-flex:1;flex:1;line-height:1.2;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;resize:none;width:100%;height:100%;background:transparent;caret-color:#00BFFF;}
.cmt_textcont .body_content_item label{ color:#888; font-size:14px; margin-right:5px;}
.cmt_textcont .body_content label::before {content:'*';color:#f83244}
.cmt_textcont .send_user_box {border-radius:5px;padding:10px 5px 10px 12px;border:1px solid #f1f1f1;box-sizing:border-box;flex:1; background:#f7f7f7;cursor:pointer;}
.cmt_textcont .send_user_ipt {background:transparent;border:0;height:100%;width:100%;caret-color:#00BFFF;}
/*@supports (-webkit-mask: none) and (not (cater-color: red)) {
    .send_user_box input,.send_user_box textarea{color: #00BFFF; }
    .send_user_box input::first-line,.send_user_box textarea::first-line{ color: #333; }
}*/

/*没登录关注微信号*/
/* 弹出复制框 */
.yqh_dialog,.dialog_img {display:none;position:fixed;top:0;left:0;width:100%;height:100%;font-family:'Microsoft YaHei';line-height:1;}
.yqh_dialog{ display:block;}
.shadow {position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background:rgba(0,0,0,.5);}
.dialog-content {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;width:90%;text-align:center;background:#fff;border-radius:10px;}
.dialog-action {padding:3px 10px 5px 5px;text-align:right;}
.dialog-close-action,.dialog-close-img {display:inline-block;font-size:35px;color:#888;transform:rotate(45deg);cursor:pointer;}
.dialog-close-action img,.dialog-close-img img {width:1rem;height:1rem;display:block;}
.dialog-content-title {margin-bottom:13px;font-size:18px;font-weight:bold;color:#1a1a1a;}
.dialog-content-explain {margin-bottom:10px;font-size:14px;color:#707070;}
.dialog-content-explain span {color:#4ec7ff}
.dialog-content-qrcode-image {margin:0 auto 1rem;width:60%;box-shadow:0 0 1.5rem #ddd;}
.dialog-content-qrcode-image p {font-size:12px;padding-bottom:10px;color:#444}
.dialog-content-qrcode-image img {display:block;width:100%;}
.copy-keyword-action {margin:0 auto;width:85%;line-height:45px;background:#41cd4b;border-radius:5px;font-size:16px;color:#fff;cursor:pointer;}
.copy-keyword-action:active {opacity:0.7}
.check-tutorial {display:block;padding:20px 0;color:#4ec7ff;font-size:14px;}
.check-tutorial img {display:inline-block;margin-right:5px;vertical-align:middle;width:15px;height:auto;}
.check-tutorial span {vertical-align:bottom;color:#4ec7ff;}
.dialog_img .process_img img{ max-height:60%; max-width:80%;}


/*回复时关注微信公众号*/
.yqh_dialog_wx{display:block;position:fixed;top:0;left:0;width:100%;height:100%;font-family:'Microsoft YaHei';line-height:1;}
.txt_add{ font-size:14px; margin-top:5px;}

@keyframes td_shake {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    4% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }

    8% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    11% {
        -webkit-transform: translateY(4.5px);
        transform: translateY(4.5px)
    }

    14% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    16% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }

    18% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    19% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }

    20% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media screen and (min-width: 640px) {#tools {display:none;}}