.h5muban{ margin: 0px auto 30px;}
.h5muban .templatelist{padding-left:10px;}
.h5muban .templatelist li {float:left;width:225px;margin:20px 20px 0 0;border-radius:6px;overflow:hidden;background:#fff;border: 1px solid #e4e4e4;}

.h5muban .templatelist li .tempitem {width:100%;position:relative;}
.h5muban .templatelist li .tempitem .thumbimg {width:100%;height:225px; background: #fff;}
.h5muban .templatelist li .tempitem img {display:block;width:100%; padding:0px;}
.h5muban .templatelist li .tempitem .tempinfo p {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;text-align:left; padding:0 4px}
.h5muban .templatelist li .tempitem .tempinfo p a {float:none;}
.h5muban .templatelist li .tempitem .tempinfo div {margin-top:0;margin-left:0;float:right;height:40px;line-height:40px;}
.h5muban .templatelist li .tempitem .tempinfo div i {font-size:14px;}
.h5muban .templatelist li .tempitem .tempinfo {width:100%;line-height:35px;height:35px;overflow:hidden;color:#333;font-size:14px;padding: 0 6px;}
.h5muban .templatelist li .tempitem .editmask { display: none;top:0;left:0;width:100%;height:225px;position:absolute; background-color: rgba(0,0,0,.5); justify-content: center; align-items: center;flex-direction:column; }
.h5muban .templatelist li:hover{transform:translateY(-6px);-moz-transform:translateY(-6px);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;}
.h5muban .templatelist li:hover p{color:#3191f5 ;}
.h5muban .templatelist li .tempitem .editmask .m_num{font-size: 14px; color: #fff; margin-bottom:10px;}
.h5muban .templatelist li .tempitem .editmask .usenow {display:block;width:110px;height:32px;line-height:32px;background-color:#3191f5; background-image: linear-gradient(to right,#3191f5,#3191f5);font-size:12px;color:#ffffff;border-radius:16px; text-align: center;}

.h5muban .templatelist li .scene-data-wrap {width:100%;height:36px;padding:0 12px;font-size:12px;color:#666;background-color:#fff;border-top:1px solid #e6ebed;border-radius:0 0 3px 3px;overflow:hidden;display: flex;align-items: center;}
.h5muban .templatelist li .wapitem {float:left;margin-right:8px;cursor:pointer;}
.h5muban .templatelist li .wapitem span {color:#3191f5;}
.h5muban .templatelist li:hover .tempitem .editmask{display: flex;}

.select_mb{display: flex; font-size: 16px;height: 120px; border: 1px solid #eee;border-right: 0;margin-top:15px; background: #f3f3f3;}
.select_mb .cts{ display: flex;}

.select_mb .t1{ width: 150px; justify-content: center; align-items: center;color: #888;cursor: pointer;display: flex;}
.select_mb .t1 .back{width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;flex-direction: column;background-color: #3191f5;color: #fff;border-radius: 50%;}
.select_mb .t1 i{font-size: 22px; }
.select_mb .t1:hover{opacity: 0.8;}
.select_mb .t2{ flex: 1; display:flex;align-items: center; padding-left: 30px;}
.select_mb .t2 .scene{display: flex;flex-direction: column;}
.select_mb .t2 .scene .id{margin-top: 10px;color: #666;}
.select_mb .t2 img{margin-right: 20px;border-radius: 5px;background-color: #fff;}
.select_mb .t3{ width: 150px; justify-content: center; align-items: center;}


.position,.position a{color: #333; font-size: 12px;}
.position span{color: #3191f5;}
.member_cont_r{min-height: 630px;padding-bottom: 20px;}
.member_cont_r .head_t1{border-bottom: 1px solid #eee; margin-bottom: 10px;}
.member_cont_r .head_t1 a{font-size: 16px;line-height: 45px;color: #555;font-weight: bold;padding: 0 35px; position: relative;}
.member_cont_r .head_t1 a::after{content: ''; display: inline-block; width: 2px; height: 15px;background: #eee;position: absolute; right: 0;
    top: 3px;}
.member_cont_r .head_t1 a:last-child::after{background: #fff;}
.member_cont_r .head_t1 a.on{color:#3191f5;}
.navhd {line-height:40px;height:40px;padding: 0 0 0 30px;margin-bottom:5px;border-bottom: 1px solid #eee;}
.navhd span {position:relative;padding:0 20px;float:left; font-size:14px; margin-right: 40px;}
.navhd span a{ color: #666;line-height:40px; display: inline-block; font-size: 16px; font-weight: bold;}
.navhd span.on a{color:#3191f5;}
.navhd .on i,.navhd span:hover i{position:absolute;bottom:0px;left:0;height:3px;overflow:hidden;background-color:#3191f5; background-image: linear-gradient(to right,#3191f5,#3191f5);width:100%;}
.navhd .down a{ display: inline-block; width: 100px;height: 20px; line-height: 20px;background-color:#3191f5; 
    background-image: linear-gradient(to right,#3191f5,#3191f5);color:#fff; text-align: center;border-radius: 5px;}
.navhd .down a:hover{opacity: 0.8;}

.gift_list{padding:10px 30px 10px;}
.gift_list li{display: flex;border-bottom:1px solid #e6e6e6; padding: 15px 0; }
.gift_list li .uface{width:55px; margin-right: 20px;}
.gift_list li .uface img{border-radius: 50%;}
.gift_list li .ifr{flex: 1; }
.gift_list li .ifr .uname{font-size: 16px;color: #333;}
.gift_list li .ifr .uname span{color: #666; }
.gift_list li .ifr .gtime{color: #999; line-height:40px;font-size: 14px;}
.gift_list .msg_chat_gift{position: relative; padding: 4px;width: 195px;}
.gift_list .msg_chat_gift .msg_wg{text-align: center; background: #fff;position: relative; padding:20px 10px; border-radius: 10px;}
.gift_list .msg_chat_gift .gname{position: absolute; color: #3191f5; left: 10px; top: 10px;}
.gift_list .msg_chat_gift .gprice{width:60px; background: #3191f5; height: 20px; line-height: 20px; text-align: center; color: #fff; position: absolute; right: 0; bottom: 0;border-radius: 5px;}

/* .gift_list a:hover{color: #3191f5 !important;} */
.reply_list_c{ display: flex;margin: 10px 0 0;}
.reply_list_c .rface{ width:60px; height: 45px;}
.reply_list_c .rface img{border-radius: 50%;}
.reply_con{padding: 15px; border: 1px solid #e5e5e5;border-radius: 8px;  position: relative;background: #f3f3f3; flex: 1;}
.reply_con::before{content: '';display:block;width:10px;height: 10px;border-top: 1px solid #e5e5e5;border-left:1px solid #e5e5e5;transform: rotate(-45deg);position: absolute;left: -5px; top:19px;background: #f3f3f3;}
.reply_con .my_t{color: #999; font-size: 14px}
.reply_con .my_c{ margin-top: 5px; font-size: 14px;color: #666;}
.reply_con .del_reply{ display: block; width: 30px; height: 30px; text-align:right;cursor: pointer; position: absolute; right: -10px; top: -10px;}
.reply_con .del_reply .iconfont{font-size: 26px; color: #e41e1d;}
.reply_con .del_reply:hover .iconfont{color: #d00f0e;}

.replybtn{text-align: right;}
.replybtn .reply{display: inline-block; margin: 10px 0 0 20px; font-size: 16px; color: #3191f5; background: #fff;border:1px solid #3191f5; padding:5px 25px;border-radius: 25px;}
.replybtn .reply.close { color: #888;border-color: #999;}
.replybtn .reply.hf{background-color:#3191f5;background-image: linear-gradient(to right,#3191f5,#3191f5);color:#fff;}
.replybtn .reply.hf:hover{color: #fff !important; opacity: 0.8;}
.replybtn .reply:hover{background-color:#3191f5;color:#fff;border-color:#3191f5;}
/*回复框*/
.reply_box {position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.5);z-index:9999;}
.reply_box .rb_cont {padding:10px;box-sizing:border-box;background:#fff;z-index:201;position:fixed;top:50%;left:50%;width:100%;font-size:14px;color:#333;display:flex;display:-webkit-flex;height:56px; width:600px; transform: translate(-50%,-50%);border-radius:5px;}
.reply_box .rb_left{ flex:1}
.reply_box .rb_left input{ width:100%; vertical-align:top; padding:3px 5px; height:36px; line-height:36px; border-radius:5px; border:1px solid #e1e1e1;box-sizing:border-box;}
.reply_box .rb_right{ width:100px; height:36px; line-height:36px; text-align:center; color:#fff; border-radius:5px;background-color:#3191f5; 
    background-image: linear-gradient(to right,#3191f5,#3191f5);color:#fff;cursor: pointer;margin-left: 10px;}
.reply_box .rb_right:active {opacity:0.6;}
.reply_box .rb_left input:focus{ border:1px solid #3191f5}