/**
 * [OElove] (C)2010-2099 oelove.com Inc.
 * This is not a freeware, use is subject to license terms
 * $Id: oe_varpop.css LastTime 8:52 2017/5/11 Powered by wz $
*/

/* -----public box----- */
.oe_shade_box .bd h3{font-weight:normal; color:#333; font-size:16px; line-height:50px; margin-bottom:15px;}
.oe_shade_box .bd h3 em{font-size:12px; color:#999;}
.oe_shade_box .bd h3 span{font-size:12px; color:#999;}
.oe_shade_box .bd.edit{padding-left:40px;}
.oe_shade_box .bd.edit dl{ padding-left:80px; margin-bottom:20px;}
.oe_shade_box .bd.edit dl.type dd{padding-top:5px;}
.oe_shade_box .bd.edit dl.type dd span{display:inline-block; border:1px solid #ebebeb; line-height:28px; padding:0px 10px; border-radius:2px; cursor:pointer;}
.oe_shade_box .bd.edit dl.type dd span.current{background:#ff7da9; color:#fff; border:1px solid #fff;}
.oe_shade_box .bd.edit dl dt{color:#999; width:80px; margin-left:-80px; float:left; padding-top:5px;}
.oe_shade_box .bd.edit dl dd{ position:relative; }
.oe_shade_box .bd.edit dl.text dd{padding-top:5px;}
.oe_shade_box .bd.edit dl dd input[type="text"],.oe_shade_box .bd.edit dl dd input[type="password"]{border:1px solid #e6e6e6; padding:0px 8px; line-height:35px; height:35px; border-radius:4px; width:80%;}
.oe_shade_box .bd.edit dl dd ul li{width:60px; height:60px; border:1px solid #ebebeb; text-align:center; line-height:60px; vertical-align:middle; position:relative; float:left; margin-right:5px;}
.oe_shade_box .bd.edit dl dd ul li span{display:inline-block; width:40px; height:40px; background:url(../images/upload.png) left top no-repeat; position:relative; top:10px;}
.oe_shade_box .bd.edit dl dd ul li img{width:60px; height:60px;}
.oe_shade_box .bd.edit dl dd ul li input[type="file"]{ position:absolute; width:60px; height:60px; left:0px; top:0px; z-index:1; cursor:pointer; filter:alpha(opacity=0);	-moz-opacity:0;	-khtml-opacity: 0;	opacity: 0;}
.oe_shade_box .bd.edit dl dd ul li.loading{background:url(../images/loading_s.gif) center no-repeat;}
.oe_shade_box .bd.edit dl dd select{border:1px solid #ebebeb; height:30px; line-height:30px; margin-right:5px;}
.oe_shade_box .bd.edit dl dd div.spanselect{ padding-top:5px;}
.oe_shade_box .bd.edit dl dd div.spanselect span{display:inline-block; border:1px solid #ebebeb; padding:0px 8px; border-radius:2px; cursor:pointer; margin-right:5px;}
.oe_shade_box .bd.edit dl dd div.spanselect span:hover{background:#fafafa;}
.oe_shade_box .bd.edit dl dd div.spanselect span.current{background:#ff4f86; color:#fff; border:1px solid #ff4f86;}
.oe_shade_box .bd.edit dl dd textarea{border:1px solid #ebebeb; padding:8px; width:380px; height:80px; border-radius:4px;  font-family:Microsoft Yahei; font-size:14px;}
.oe_shade_box .bd.edit dl dd label{background:#ff4f86; color:#fff; display:inline-block; border-radius:4px; line-height:35px;  padding:0px 20px; cursor:pointer;}
.oe_shade_box .bd.edit dl dd label:hover{background:#f71d61;}
.oe_shade_box .bd.edit dl dd p{position:absolute; left:8px; top:7px; color:#dcdcdc;}
.oe_shade_box .bd.edit dl dd p.current{color:red;}
.oe_shade_box .bd.edit dl dd .interval{position:relative; padding-top:5px;}
.oe_shade_box .bd.edit dl dd .interval .con{position:absolute; left:0px; top:34px; background:#fff; padding:10px; border:1px solid #ddd; z-index:1;}
.oe_shade_box .bd.edit dl dd .interval .con h4{font-size:14px; font-weight:normal; padding-bottom:5px;}
.oe_shade_box .bd.edit dl dd .interval .text{position:relative; z-index:2;}
.oe_shade_box .bd.edit dl dd .interval .text span{display:inline-block; border:1px solid #ddd; padding-right:20px; position:relative; border-radius:2px; padding-left:8px; z-index:2; cursor:pointer; height:28px; height:28px; line-height:28px; background:#fff;}
.oe_shade_box .bd.edit dl dd .interval .text span:hover{background:#fafafa;}
.oe_shade_box .bd.edit dl dd .interval .text span em{display:inline-block; width:7px; height:4px; background:url(../images/jias.png) 0px -18px no-repeat; position:absolute; right:5px; top:12px;}
.oe_shade_box .bd.edit dl.current{position:relative; z-index:111;}
.oe_shade_box .bd.edit dl.current dd .interval .text span{border-bottom:1px solid #fff; }
.oe_shade_box .bd.edit dl dd .interval .con h5{padding-top:10px;}
.oe_shade_box .bd.edit dl dd .interval .con h5 b{display:inline-block;  background:#ddd; color:#333; padding:0px 8px; border-radius:2px; cursor:pointer;}
.oe_shade_box .bd.edit dl dd .interval .con h5 b:hover{color:#ff4f86;}
.oe_shade_box .bd.edit dl.float{float:left; width:170px; height:30px;}
/* -----marryuser----- */
.oe_shade_box .bd.marryuser{padding-left:40px; padding-top:30px;}
.oe_shade_box .bd.marryuser dl{padding-left:120px; padding-top:25px;}
.oe_shade_box .bd.marryuser dl dt{margin-left:-120px; float:left; text-align:center; position:relative;}
.oe_shade_box .bd.marryuser dl dt span{display:inline-block; width:23px; height:23px; background:url(../images/gou.png) left top no-repeat; position:absolute; right:0px; top:0px;}
.oe_shade_box .bd.marryuser dl dt img{width:90px; height:110px; border-radius:5px;}
.oe_shade_box .bd.marryuser dl dd{width:405px; float:left;}
.oe_shade_box .bd.marryuser dl dd ul.ul_1 li{float:left; width:200px; line-height:35px; border-bottom:1px dotted #ebebeb;}
.oe_shade_box .bd.marryuser dl dd ul.ul_1 li span{color:#999;}
.oe_shade_box .bd.marryuser dl dd ul.ul_2{margin-top:15px;}
.oe_shade_box .bd.marryuser dl dd ul.ul_2 li{width:200px; float:left; line-height:35px; border-bottom:1px dotted #ebebeb;}
.oe_shade_box .bd.marryuser dl dd ul.ul_2 li span{color:#999;}
.oe_shade_box .bd.marryuser div.btn{ padding-top:30px;}
.oe_shade_box .bd.marryuser div.btn span{display:inline-block;  padding:0px 35px; border:1px solid #e0e6e9; border-radius:30px; line-height:35px; margin-right:15px; cursor:pointer;}
.oe_shade_box .bd.marryuser div.btn span.span_1{background:#ff4f86; color:#fff; border:1px solid #ff4f86;}
.oe_shade_box .bd.marryuser div.btn span.span_1 a{color:#fff;}
.oe_shade_box .bd.marryuser h3{margin-bottom:0px; text-align:center;}


/* -------upload_photo-------- */
.upload_photo ul li{float:left; border:1px solid #ebebeb; margin-right:25px; width:100px; height:100px; margin-bottom:28px; text-align:center; position:relative;}
.upload_photo ul li span{display:inline-block; width:40px; height:40px; background:url(../images/upload.png) left top no-repeat; margin-top:15px;}
.upload_photo ul li input[type="file"]{ position:absolute; width:100px; height:100px; left:0px; top:0px; z-index:1; cursor:pointer; filter:alpha(opacity=0);	-moz-opacity:0;	-khtml-opacity: 0;	opacity: 0;}
.upload_photo ul li img{}
.upload_photo ul li.loading{ background:url(../images/loading_s.gif) center no-repeat;}
.upload_photo .textbtn p.p_1{text-align:center; padding:20px 0px;}
.upload_photo .textbtn p.p_1 span{display:inline-block; color:#fff; background:#2b65f8; line-height:40px; width:150px; border-radius:30px; cursor:pointer;}
.upload_photo .textbtn p.p_1 span:hover{background:#1750e2;}


/* --------togift_list-------- */
.togift_list{position:relative;}
.togift_list h3{position:relative;}
.togift_list h3 em{display:inline-block; margin-left:20px;}
.togift_list h3 em select{border:1px solid #ebebeb; line-height:32px; height:32px; border-radius:3px;}
.togift_list .con dl{float:left; margin-right:20px; border:1px solid #ebebeb; text-align:center; margin-bottom:20px; width:130px;}
.togift_list .con dl dt{padding:5px;}
.togift_list .con dl dt img{width:120px; height:120px; vertical-align:top;}
.togift_list .con dl dd h4{font-weight:normal;}
.togift_list .con dl dd p{ color:#999; font-size:12px; padding-bottom:5px;}

.oe_togift_sendbox{position:absolute; left:0px; top:0px; width:100%; height:100%;  background:url(../images/shades.png);}
.oe_togift_sendgift{position:absolute; left:50%; margin-left:-221px; top:50%; padding:20px; background:#fff; z-index:2; width:400px; box-shadow:0px 3px 5px -3px #ccc; margin-top:-155.5px; border:1px solid #ebebeb; border-radius:10px;}
.oe_togift_sendgift dl{padding-left:100px;}
.oe_togift_sendgift dl dt{ float:left; margin-left:-100px; position:relative;}
.oe_togift_sendgift dl dt span{display:inline-block; width:80px; height:80px; border-radius:100px; overflow:hidden;}
.oe_togift_sendgift dl dt img{width:80px;}
.oe_togift_sendgift dl dt p{position:absolute; left:100px; top:27px; width:100px; height:24px; line-height:24px; overflow:hidden;}
.oe_togift_sendgift dl dd{float:right; padding-left:80px; padding-top:15px;}
.oe_togift_sendgift dl dd img{width:60px; height:60px; border-radius:5px; float:left;  margin-left:-80px;}
.oe_togift_sendgift dl dd h4{font-size:14px; margin-top:5px;}
.oe_togift_sendgift dl dd p{color:#f40;}
.oe_togift_sendgift .text{border-top:1px dotted #ebebeb; margin-top:15px; padding-top:20px; position:relative;}
.oe_togift_sendgift .text textarea{border:1px solid #ddd; border-radius:5px; padding:5px; width:390px; height:80px;  font-family:Microsoft Yahei; font-size:14px;}
.oe_togift_sendgift .text span.tips{position:absolute;right:10px; top:90px; font-size:12px;}
.oe_togift_sendgift .btn{text-align:center;padding-top:20px;}
.oe_togift_sendgift .btn span{display:inline-block; border-radius:30px; color:#fff; background:#ff4f86; padding:0px 20px; line-height:30px; cursor:pointer;}
.oe_togift_sendgift .btn span:hover{}
.oe_togift_sendgift .btn label{display:inline-block; border:1px solid #ebebeb; line-height:30px; border-radius:30px; padding:0px 20px; margin-left:15px; cursor:pointer; }

.gift_page{text-align:center; }
.gift_page span{display:inline-block; border:1px solid #ebebeb; padding:0px 15px; border-radius:20px; line-height:30px; margin:0px 8px;}
.gift_page span:hover{background:#ff4f86; border:1px solid #ff4f86; color:#fff;}

label.label_btn_1{background:#ff4f86; color:#fff; display:inline-block; border-radius:40px; line-height:32px; height:32px;  padding:0px 20px; cursor:pointer; margin:0px 8px;}
label.label_btn_1:hover{background:red; color:#fff;}

label.label_btn_2{background:#ddd; color:#333; display:inline-block; border-radius:40px; line-height:32px; height:32px;  padding:0px 20px; cursor:pointer; margin:0px 8px;}
label.label_btn_2:hover{background:red; color:#fff;}

label.label_btn_3{background:#fff; color:#666; display:inline-block; border-radius:40px; line-height:30px; height:30px;  padding:0px 20px; cursor:pointer; border:1px solid #ddd; margin:0px 8px;}
label.label_btn_3:hover{background:red; color:#fff; border:1px solid red;}


/* -------story_comment------- */
.bd.story_comment{padding-top:20px;}
.bd.story_comment textarea{border:1px solid #ddd; border-radius:4px; width:515px; height:150px; padding:10px;  font-family:Microsoft Yahei; font-size:14px;}
.bd.story_comment h3{line-height:20px;}
.bd.story_comment .btn{text-align:center; padding-top:15px;}
.bd.story_comment .btn p{font-size:14px; color:#999; padding-top:5px;}

/* ----oe_chat---- */
.oe_chat_box{ background:#fff; border-radius:10px; height:550px; max-height:550px; border-radius:10px;  }
.bd.oe_chat{position:relative;}
.bd.oe_chat .left{border-right:1px solid #ebebeb; width:250px; height:550px; border-radius:10px 0px 0px 0px; overflow:hidden; top:0px; bottom:0px; float:left; font-size:12px; }
.bd.oe_chat .left .lefttop{height:55px; line-height:55px;  text-align:center; border-bottom:1px solid #ebebeb;}
.bd.oe_chat .left .lefttop span{float:left; width:33%; position:relative; cursor:pointer; height:54px; }
.bd.oe_chat .left .lefttop span i{display:inline-block;width:28px; height:25px; background:url(../images/msg.png) -1px -36px no-repeat; margin-top:15px;}
.bd.oe_chat .left .lefttop span.current i{ background:#0374ff; color:#fff; background:url(../images/msg.png) -1px 0px no-repeat;}
.bd.oe_chat .left .lefttop span.current{ border-bottom:2px solid #7fa6d6;}
.bd.oe_chat .left .lefttop label{float:left; width:84px;cursor:pointer; position:relative; line-height:45px; height:54px; margin-left:-1px;}
.bd.oe_chat .left .lefttop label em{font-size:10px; color:#f40; display:inline-block;  position:absolute; text-align:center; top:18px; padding:0px 5px; line-height:20px; left:55px; border-radius:10px; background:#c3dbc2; color:#fff; line-height:15px;}
.bd.oe_chat .left .lefttop label i{display:inline-block;width:28px; height:25px; background:url(../images/msg.png) -46px -36px no-repeat; margin-top:15px;}
.bd.oe_chat .left .lefttop label.current i{ background:url(../images/msg.png) -46px 0px no-repeat; }
.bd.oe_chat .left .lefttop label.current{ border-bottom:2px solid #7fa6d6;}
.bd.oe_chat .left .lefttop b{float:left; width:33%; position:relative; cursor:pointer; font-weight:normal; height:54px;}
.bd.oe_chat .left .lefttop b em{font-size:10px; color:#f40; display:inline-block;  position:absolute; text-align:center; top:18px; padding:0px 5px; line-height:20px;  left:55px; border-radius:10px; background:#c3dbc2; color:#fff; line-height:15px;}
.bd.oe_chat .left .lefttop b i{display:inline-block;width:28px; height:25px; background:url(../images/msg.png) -82px -36px no-repeat; margin-top:15px;}
.bd.oe_chat .left .lefttop b.current i{ background:url(../images/msg.png) -82px 0px no-repeat; }
.bd.oe_chat .left .lefttop b.current{ border-bottom:2px solid #7fa6d6;}

.bd.oe_chat .left .msg_tips{background:#edf1f6;  width:200px; margin:0 auto; margin-top:15px; border-radius:5px; padding:0px 5px; text-align:center;}



/*----------oe_chat 2017/3/23------------*/
.bd.oe_chat .left .left_box{ overflow-y:auto;  height:495px;}
.bd.oe_chat .left dl{padding-left:80px; height:50px; padding-bottom:12px;  padding-top:12px; cursor:pointer;}
.bd.oe_chat .left dl dt{width:50px; margin-left:-60px; float:left; position:relative;}
.bd.oe_chat .left dl dt i{display:inline-block; width:7px; height:7px; border-radius:8px; background:red; position:absolute; right:0px; top:0px; border:2px solid #fff;}
.bd.oe_chat .left dl dt img{width:50px;}
.bd.oe_chat .left dl dt em{display:inline-block; position:absolute; width:18px; height:18px; line-height:18px; top:-2px; right:-5px; background:#ff4f86; font-size:12px; text-align:center; color:#fff; border-radius:15px; border:2px solid #fff;}
.bd.oe_chat .left dl dt span{display:inline-block; width:50px; height:50px; overflow:hidden; border-radius:50px;}
.bd.oe_chat .left dl dd p{color:#bdbdbd; height:24px;line-height:24px; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; font-size:12px;} 
.bd.oe_chat .left dl.current{background:#6482a4;}
.bd.oe_chat .left dl.current h4{color:#fff;}
.bd.oe_chat .left dl.current p{color:#fff;}
.bd.oe_chat .left dl dd h4 {position:relative;}
.bd.oe_chat .left dl dd h4 em{ background:#3dc800; border-radius:10px; display:inline-block; width:7px; height:7px; position:relative; top:-1px; margin-left:8px;}
.bd.oe_chat .left dl dd h4 span{display:inline-block; width:12px; height:12px; position:absolute; right:10px; top:5px; background:url(../images/msg.png) 0px -71px no-repeat; }
.bd.oe_chat .left dl dd h4 label{font-weight:normal; font-size:10px; position:absolute; right:30px; top:0px; color:#999;}
.bd.oe_chat .left .leftuser{overflow-y:auto;  height:495px;}
.bd.oe_chat .left .leftuser .usertop{padding-top:15px; padding-left:80px; border-bottom:1px dotted #ebebeb; padding-bottom:15px;}
.bd.oe_chat .left .leftuser .usertop p.p_1{width:60px; float:left; margin-left:-70px;}
.bd.oe_chat .left .leftuser .usertop p.p_1 span{display:inline-block; width:60px; height:60px; border-radius:60px; overflow:hidden;}
.bd.oe_chat .left .leftuser .usertop p.p_1 span img{width:60px;}
.bd.oe_chat .left .leftuser .usertop p.p_2{font-weight:bold; font-size:14px; padding-top:5px;}
.bd.oe_chat .left .leftuser .usertop p.p_3{color:#999;}
.bd.oe_chat .left .leftuser .usercontent .oe_nodata{text-align:center;}
.bd.oe_chat .left .leftuser .usercontent h4{padding-left:10px; font-weight:normal; font-size:15px; border-bottom:1px dotted #ebebeb; background:#fafafa; line-height:40px;}
.bd.oe_chat .left .leftuser .usercontent ul{padding:10px; padding-left:0px; position:relative; max-height:240px;}
.bd.oe_chat .left .leftuser .usercontent ul .line{position:absolute; height:100%; border-left:1px solid #fcfcfc; left:65px; top:0px;}
.bd.oe_chat .left .leftuser .usercontent ul li{ padding-bottom:10px;padding-left:85px; max-height:72px; overflow:hidden; position:relative; z-index:1;}
.bd.oe_chat .left .leftuser .usercontent ul li span{font-size:12px; color:#999; display:inline-block; margin-left:-75px; float:left;}
.bd.oe_chat .left .leftuser .usercontent ul li span i{display:inline-block; width:24px; height:24px; background:url(../images/leng.png) left top no-repeat; vertical-align:middle; text-align:center; margin-left:4px; color:#f40;}
.bd.oe_chat .left .leftuser .usercontent ul li label{display:inline-block; font-size:12px; color:#999; margin-left:4px;}
.bd.oe_chat .left .leftuser .usercontent ul li p{max-height:72px; overflow:hidden;}
.bd.oe_chat .left .leftuser .userphoto{border-top:1px solid #ebebeb; height:80px; overflow:hidden; padding-top:20px;}
.bd.oe_chat .left .leftuser .userphoto ul li{float:left; width:60px; height:60px; margin:0px 5px;}
.bd.oe_chat .left .leftuser .userphoto ul li img{width:60px;}
.bd.oe_chat .left .leftuser .userphoto .bd{margin-left:20px;}
.bd.oe_chat .left .leftuser .userphoto .hd{ position:relative;}
.bd.oe_chat .left .leftuser .userphoto .hd a{display:inline-block; position:absolute; top:18px; display:inline-block; width:15px; height:29px;}
.bd.oe_chat .left .leftuser .userphoto .hd a.prev{left:5px; background:url(../images/prev.png) left top no-repeat;}
.bd.oe_chat .left .leftuser .userphoto .hd a.next{right:5px; background:url(../images/next.png) left top no-repeat;}
.bd.oe_chat .left .msgchat_more_page{text-align:center; padding:10px 0px;}
.bd.oe_chat .left .msgchat_more_page span{background:#e6ecf2; display:inline-block; line-height:24px; padding:0px 20px; border-radius:30px; cursor:pointer; color:#2b65f8;}
.bd.oe_chat .left .msgchat_more_page label{background:url(../images/page_loading.gif) left top no-repeat;display:inline-block; width:16px; height:11px; margin-top:5px;}
.bd.oe_chat .right{ width:599px; float:right;}
.bd.oe_chat .right .top{border-bottom:1px solid #ebebeb; line-height:55px; height:55px; padding-left:10px; padding-right:30px; position:relative;}
.bd.oe_chat .right .top span{font-weight:bold; font-size:16px; margin-right:5px;}
.bd.oe_chat .right .top em{display:inline-block; width:7px; height:7px; background:#ebebeb; border-radius:5px; position:relative; top:-2px; margin-right:8px;}
.bd.oe_chat .right .top em.current{background:#3dc800;}
.bd.oe_chat .right .top label{color:#bdbdbd;}
.bd.oe_chat .right .top label b{display:inline-block; background:#5a7bb7; color:#fff; line-height:24px; font-weight:normal; border-radius:30px; padding:0px 10px; font-size:12px; cursor:pointer;}
.bd.oe_chat .right .top label b.current{background:#ebebeb;}
.bd.oe_chat .right .top .tool{position:absolute; right:10px; top:10px; z-index:1;}
.bd.oe_chat .right .top .tool span.num{position:absolute; left:20px; top:-10px; color:#fff; background-color:#f40; line-height:18px; width:18px; border-radius:20px; height:18px; 
border:2px solid #fff; font-size:9px; text-align:center;}
.bd.oe_chat .right .top .tool span.more{display:inline-block; width:30px; height:30px; background:url(../images/msggift.png) center no-repeat; cursor:pointer;}
.bd.oe_chat .right .top .tool .tool_ul{position:absolute; right:-38px; top:40px; width:120px; line-height:32px; text-align:center; border:1px solid #ebebeb; background:#fff; border-radius:5px;  box-shadow:0px 3px 5px -3px #ccc;}
.bd.oe_chat .right .top .tool .tool_ul span.jiao{display:inline-block; width:14px; height:8px; background:url(../images/jiao.png) left top no-repeat; border:none; position:absolute;  top:-7px; left:57px;}
.bd.oe_chat .right .top .tool .tool_ul .text{text-align:left; font-size:12px; padding:10px 15px; line-height:22px;}
.bd.oe_chat .right .top .tool .tool_ul .text p.p_1 b{color:#f40;}
.bd.oe_chat .right .top .tool .tool_ul .text p.p_2{text-align:center;}
.bd.oe_chat .right .top .tool .tool_ul .text p.p_2 span{display:inline-block; color:#fff; background-color:#00baff; border-radius:2px; font-weight:normal; font-size:12px;width:100%; line-height:26px; cursor:pointer;}
.bd.oe_chat .right .top .tool .tool_ul .text p.p_2 span:hover{background-color:#0088de;}

.bd.oe_chat .right .top .rz{display:inline-block; }
.bd.oe_chat .right .top .rz span{display:inline-block; width:22px; height:22px; background:url(../images/bg.png) no-repeat; vertical-align:middle;   margin-right:4px;} 
.bd.oe_chat .right .top .rz span.span_1{background-position:-87px -25px;}
.bd.oe_chat .right .top .rz span.span_1.current{background-position:-87px 0px;}
.bd.oe_chat .right .top .rz span.span_2{background-position:-115px -25px;}
.bd.oe_chat .right .top .rz span.span_2.current{background-position:-115px 0px;}
.bd.oe_chat .right .top .rz span.span_3{background-position:-144px -25px;}
.bd.oe_chat .right .top .rz span.span_3.current{background-position:-144px 0px;}
.bd.oe_chat .right .top .rz span.span_4{background-position:-173px -25px;}
.bd.oe_chat .right .top .rz span.span_4.current{background-position:-173px 0px;}
.bd.oe_chat .right .top .rz span.span_5{background-position:-201px -25px;}
.bd.oe_chat .right .top .rz span.span_5.current{background-position:-201px 0px;}


.bd.oe_chat .right .content_box{padding:10px 20px; height:410px; overflow-y:auto;}
.bd.oe_chat .right .content p.tips{text-align:center; line-height:30px; margin-top:5px; margin-bottom:10px;}
.bd.oe_chat .right .content p.tips span{color:#93a0ab; font-size:12px; border-bottom:1px solid #93a0ab; cursor:pointer; }
.bd.oe_chat .right .content p.time{text-align:center; color:#909eb0; font-size:12px; clear:both;margin-bottom:5px;}
.bd.oe_chat .right .content .tips_vip{clear:both; text-align:center; margin-bottom:15px;}
.bd.oe_chat .right .content .log_l{background:#dcfbfc; color:#333; padding:8px 18px; border-radius:20px; position:relative; margin-bottom:15px; display:inline-block; float:left; clear:both;}
.bd.oe_chat .right .content .log_l span{display:inline-block; position:absolute; left:5px;   bottom:-10px; width:16px; height:19px;  background:url(../images/l.png) left top no-repeat;}
.bd.oe_chat .right .content .log_l .open{color:#909eb0;}
.bd.oe_chat .right .content .log_l .open em{font-style:normal; color:#2b9ff8; border-bottom:1px solid #2b9ff8; cursor:pointer;}
.bd.oe_chat .right .content .log_l .open i{color:#000; position:relative; top:1px;}
.bd.oe_chat .right .content .log_r span{display:inline-block; position:absolute; right:5px;   bottom:-10px; width:16px; height:19px;  background:url(../images/r.png) 0px top no-repeat;}
.bd.oe_chat .right .content .log_l p.open i.iconfont{display:inline-block; width:11px; height:12px; background:url(../images/lock.png) left top no-repeat; position:relative;  top:1px; margin-right:3px;}
.bd.oe_chat .right .content .log_l p.open em{text-decoration:underline; font-size:12px;}
.bd.oe_chat .right .content .log_l p.open em a{color:#fff;}

.bd.oe_chat .right .content .log_r{background:#d4ffc7 ; color:#333; padding:8px 18px; border-radius:20px; position:relative; display:inline-block; float:right;  clear:both; margin-bottom:15px;}
.bd.oe_chat .right .content .log_r p.open i.iconfont{display:inline-block; width:11px; height:12px; background:url(../images/lock.png) left top no-repeat; position:relative;  top:1px; margin-right:3px;}
.bd.oe_chat .right .content .log_r p.open em{text-decoration:underline;}
.bd.oe_chat .right .content .log_r p.open em a{color:#fff;}
.bd.oe_chat .right .content .user{background:#f5f6fc; border-radius:100px; padding:8px; padding-left:70px; color:#5e6773; margin-bottom:15px;}
.bd.oe_chat .right .content .user span{display:inline-block; width:50px; height:50px; border-radius:50px; overflow:hidden; vertical-align:top; background:#f6fbff; margin-left:-62px; float:left;}
.bd.oe_chat .right .content .user span img{width:50px; vertical-align:top;}
.bd.oe_chat .right .content .user h3{font-size:16px; font-weight:normal;}
.bd.oe_chat .right .content .user p{font-size:12px; color:#909eb0;}
.bd.oe_chat .right .content_box .tips_gift{clear:both; text-align:center; margin-bottom:15px;  border-radius:100px; padding:8px; border:1px dashed #ebebeb;}
.bd.oe_chat .right .content_box .tips_gift p.p_1{line-height:24px; padding-bottom:10px; color:#00caa8;}
.bd.oe_chat .right .content_box .tips_gift p.p_2 span{background:#00caa8; color:#fff; display:inline-block; border-radius:50px; padding:0px 20px; line-height:30px;}
.bd.oe_chat .right .msgchat_more_page{text-align:center; padding:10px 0px;}
.bd.oe_chat .right .msgchat_more_page span{background:#e6ecf2; display:inline-block; line-height:24px; padding:0px 20px; border-radius:30px; cursor:pointer; color:#2b65f8;}
.bd.oe_chat .right .msgchat_more_page label{background:url(../images/page_loading.gif) left top no-repeat;display:inline-block; width:16px; height:11px; margin-top:5px;}
.bd.oe_chat .right .sendbox{ border-top:1px solid #ebebeb; position:relative; padding-left:50px; height:63px;  box-shadow:0px -2px 3px -3px #ccc;}
.bd.oe_chat .right .sendbox span.face{display:inline-block; width:24px; height:24px; background:url(../images/face.png) left top no-repeat; position:absolute; left:15px; top:19px; cursor:pointer;}
.bd.oe_chat .right .sendbox textarea{position:absolute; border-radius:3px; border:1px solid #ddd; height:32px; top:14px; left:50px; line-height:32px; padding:0px 5px; width:460px;  font-family:Microsoft Yahei; font-size:14px;}
.bd.oe_chat .right .sendbox label{display:inline-block; position:absolute; left:530px; top:15px; background:#3dc800; color:#fff; line-height:32px; padding:0px 9px; border-radius:3px; cursor:pointer;}
.bd.oe_chat .right .sendbox label:hover{background:#37b500;}
.bd.oe_chat .right .sendbox b{display:inline-block; position:absolute; left:530px; top:15px;   color:#fff;  border-radius:3px;  width:46px; height:32px; z-index:3;}
.bd.oe_chat .right .sendbox .oe_msg_face{position:absolute; left:4px; bottom:60px; width:545px; background:#fff;padding:10px; border:1px solid #ebebeb; border-radius:5px; padding-left:15px;}
.bd.oe_chat .right .sendbox .oe_msg_face ul li{float:left; width:34px; height:27px; text-align:center; padding-top:5px; cursor:pointer;}
.bd.oe_chat .right .sendbox .oe_msg_face span.jiao{display:inline-block; background:url(../images/down.png) left top no-repeat; width:14px; height:8px; position:absolute; left:15px; bottom:-8px;}
.bd.oe_chat .right .sendbox .oe_msg_face ul li:hover{background:#fafafa;}
.bd.oe_chat .right .sendbox .msg_model{position:absolute; left:12px; bottom:70px; background:url(../images/msg_bg.png); color:#fff;  display:inline-block; border-radius:3px; padding:0px 5px; cursor:pointer;}
.bd.oe_chat .right .sendbox .msg_model.current{background:#6da3e5;}
.bd.oe_chat .right .sendbox .msg_modelcon{position:absolute; left:4px; bottom:110px; width:545px; background:#fff;padding:10px; border:1px solid #ebebeb; border-radius:5px; padding-left:15px; box-shadow:0px 3px 5px -3px #ccc;}
.bd.oe_chat .right .sendbox .msg_modelcon ul li{ padding-top:5px; cursor:pointer; font-size:12px; line-height:18px; padding-bottom:5px; padding-left:15px; border-bottom:1px dotted #ebebeb;}
.bd.oe_chat .right .sendbox .msg_modelcon ul li i{display:inline-block; width:3px; height:3px; background:#eed6ba;   margin-right:10px; margin-left:-15px; float:left;  vertical-align:top; margin-top:8px;}
.bd.oe_chat .right .sendbox .msg_modelcon ul li:hover{color:#a26d21;}
.bd.oe_chat .right .sendbox .msg_modelcon span.jiao{display:inline-block; background:url(../images/down.png) left top no-repeat; width:14px; height:8px; position:absolute; left:35px; bottom:-8px;}




.oe_openmsg_box{position:absolute; background:url(../images/shades.png); left:0px; top:0px;width:100%; height:100%; z-index:2; border-radius:10px;}
.oe_openmsg_box h3{background:#2b65f8;  border-radius:10px 10px 0px 0px; color:#fff; font-size:16px; font-weight:normal; line-height:40px; text-align:center;}
.oe_openmsg_box .oe_openmsg{ background:#fff; border-radius:10px; width:300px; position:absolute; left:50%; margin-left:-150px; top:50%; text-align:center; margin-top:-94.5px;}
.oe_openmsg_box .oe_openmsg .oe_opencon{padding:35px 0px;}
.oe_openmsg_box .oe_openmsg .oe_opencon p.p_1 span{display:inline-block; background:#2b65f8; color:#fff; border-radius:20px; padding:0px 15px; line-height:35px; cursor:pointer;}
.oe_openmsg_box .oe_openmsg .oe_opencon p.p_1 span:hover{background:#1452ef;}
.oe_openmsg_box .oe_openmsg .oe_opencon p.p_1 label{display:inline-block; background:#f40; color:#fff; line-height:35px; border-radius:20px; padding:0px 15px; margin-left:15px; cursor:pointer;}
.oe_openmsg_box .oe_openmsg .oe_opencon p.p_1 label a{color:#fff;}
.oe_openmsg_box .oe_openmsg .oe_opencon p.p_2{ padding-top:20px;}
.oe_openmsg_box .oe_openmsg .oe_opencon p.p_2 span{color:#999; text-decoration:underline; cursor:pointer;}


.oe_msglog .opentalk{ position:fixed; background:#fff; border-top:1px solid #ddd; width:100%; left:0px; bottom:0px; z-index:101; text-align:center; padding-top:10px; padding-bottom:10px;}
.oe_msglog .opentalk p.p_1{padding:0px 10px; }
.oe_msglog .opentalk p.p_1 span{display:inline-block; background:#2b65f8; color:#fff; width:100%; text-align:center; border-radius:20px; line-height:40px;font-size:16px; cursor:pointer;}
.oe_msglog .opentalk p.p_2{padding:0px 10px; margin-top:10px;}
.oe_msglog .opentalk p.p_2 span{background:#69717c; color:#fff;  font-size:16px;border-radius:20px; line-height:40px; width:100%; text-align:center; display:inline-block; cursor:pointer;}

.oe_shade_pay{position:absolute; left:0px; top:0px; width:100%; height:100%; background:url(../images/shades.png); z-index:2; border-radius:10px;}
.oe_shade_pay .oe_shade_paycon{position:absolute; left:50%; top:0px; background:#fff; width:260px; border-radius:4px; margin-left:-130px; overflow:hidden;}
.oe_shade_pay .oe_shade_paycon h4{padding-left:30px; line-height:50px; background:#fafafa; border-bottom:1px solid #ebebeb;font-weight:normal;font-size:16px;}
.oe_shade_pay .oe_shade_paycon dl dt ul li{border-bottom:1px solid #ebebeb; line-height:40px; padding-left:30px; font-size:14px; cursor:pointer;}
.oe_shade_pay .oe_shade_paycon dl dt ul li span{display:inline-block; background:url(../images/payico.png) no-repeat; width:22px; height:22px;margin-right:8px; vertical-align:middle; }
.oe_shade_pay .oe_shade_paycon dl dt ul li:hover{background:#fafafa;}
.oe_shade_pay .oe_shade_paycon dl dt ul li.alipay span{background-position:0px 0px;}
.oe_shade_pay .oe_shade_paycon dl dt ul li.balance span{background-position:0px -246px;}
.oe_shade_pay .oe_shade_paycon dl dt ul li.balance em{color:#f40;}
.oe_shade_pay .oe_shade_paycon dl dt ul li.alipayescow span{background-position:0px 0px;}
.oe_shade_pay .oe_shade_paycon dl dt ul li.tenpay span{background-position:0px -122px;}
.oe_shade_pay .oe_shade_paycon dl dt ul li.weixinpay span{background-position:0px -39px;}
.oe_shade_pay .oe_shade_paycon dl dt ul li.wangyin span{background-position:0px -82px;}
.oe_shade_pay .oe_shade_paycon dl dt ul li.yeepay span{background-position:0px -163px;}
.oe_shade_pay .oe_shade_paycon dl dt ul li.jdpay span{background-position:0px -204px;}
.oe_shade_pay .oe_shade_paycon dl dd{text-align:center; line-height:40px; cursor:pointer; color:#2b8cfc;}



.oe_shade_box .bd.oe_pay_box{ background:#fff;  padding:0px;}
.oe_pay_box h4{padding-left:30px; line-height:50px; background:#fafafa; border-bottom:1px solid #ebebeb;font-weight:normal;font-size:16px;}
.oe_pay_box dl dt ul li{border-bottom:1px solid #ebebeb; line-height:40px; padding-left:30px; font-size:14px; cursor:pointer;}
.oe_pay_box dl dt ul li span{display:inline-block; background:url(../images/payico.png) no-repeat; width:22px; height:22px;margin-right:8px; vertical-align:middle; }
.oe_pay_box dl dt ul li:hover{background:#fafafa;}
.oe_pay_box dl dt ul li.alipay span{background-position:0px 0px;}
.oe_pay_box dl dt ul li.balance span{background-position:0px -246px;}
.oe_pay_box dl dt ul li.balance em{color:#f40;}
.oe_pay_box dl dt ul li.alipayescow span{background-position:0px 0px;}
.oe_pay_box dl dt ul li.tenpay span{background-position:0px -122px;}
.oe_pay_box dl dt ul li.weixinpay span{background-position:0px -39px;}
.oe_pay_box dl dt ul li.wangyin span{background-position:0px -82px;}
.oe_pay_box dl dt ul li.yeepay span{background-position:0px -163px;}
.oe_pay_box dl dt ul li.jdpay span{background-position:0px -204px;}
.oe_pay_box dl dd{text-align:center; line-height:40px; cursor:pointer; color:#2b8cfc;}


.allmore_btn{text-align:center;}
.allmore_btn span{display:inline-block; background:#e6ecf2; padding:0px 25px; border-radius:25px; line-height:30px; cursor:pointer;}
.allmore_btn p{padding-top:5px;}

.login_box .hd{padding:35px 30px 0px 30px; position:relative;}
.login_box .hd span{font-size:24px;}
.login_box .hd label{position:absolute; right:32px; top:0xp; font-size:16px;}
.login_box .hd label a{color:#ff4200;}
.login_box .bdcn{ padding:35px 32px 0px 32px;}
.login_box .bdcn ul li{position:relative; margin-bottom:15px;}
.login_box .bdcn ul li input[type='text'],.login_box .bdcn ul li input[type='password']{border:1px solid #dae2e5; padding:11px 5px; width:342px;}
.login_box .bdcn ul li p{position:absolute;  left:8px; top:9px; color:#999;}
.login_box .bdcn ul li.btn span{display:inline-block; color:#fff; background:#ff4f86; width:120px; text-align:center; line-height:38px; height:38px; cursor:pointer; font-size:16px;}
.login_box .bdcn ul li.btn span:hover{background:#ef356f;}
.login_box .bdcn ul li.btn label input{ position:relative; top:2px;}
.login_box .bdcn ul li.btn a{position:absolute; right:3px; top:8px;}
.login_box .line{border-bottom:1px solid #ebebeb; margin:0px -10px; margin-top:45px;}
.login_box .logintype{ padding:20px 30px;}
.login_box .logintype h4{font-weight:normal; margin-bottom:15px;}
.login_box .logintype ul li{float:left; width:109px; background:#fafafa; text-align:center; line-height:40px; cursor:pointer; color:#fff;}
.login_box .logintype ul li i{display:inline-block; width:20px; height:16px; background:url(../images/three.png);}
.login_box .logintype ul li.li_1{ background:#3eb0d8; margin-right:15px;}
.login_box .logintype ul li.li_1 i{background-position:-3px -3px; position:relative; top:3px;}
.login_box .logintype ul li.li_2{ background:#d63b22; margin-right:15px;}
.login_box .logintype ul li.li_2 i{background-position:-27px -3px; position:relative;  top:3px; margin-right:3px;}
.login_box .logintype ul li.li_3{ background:#70ca10;}
.login_box .logintype ul li.li_3 i{background-position:-54px -4px; margin-right:3px; position:relative; top:3px;}



.oe_contactbox .hd{background:url(../images/hu.png) center bottom  no-repeat #00caa8 ; height:120px; background-size:100% auto; padding-top:1px; margin:-20px -10px; border-radius:10px 10px 0px 0px;}
.oe_contactbox .hd span.oe_back{display:inline-block; position:absolute; left:0px; top:0px; cursor:pointer; width:48px; height:48px; text-align:center; line-height:48px; color:#fff;}
.oe_contactbox .hd span.oe_back i{font-size:22px;}
.oe_contactbox .hd p.p_1{color:#fff; text-align:center; font-size:16px; margin-top:20px;}
.oe_contactbox .hd p.p_1 span{display:block; font-size:12px;}
.oe_contactbox .hd p.p_2{text-align:center;position:relative; top:50px;}
.oe_contactbox .hd p.p_2 label{display:block;  padding-top:10px;}
.oe_contactbox .hd p.p_2 span{display:inline-block;  background:#eff9ff; width:100px; height:100px; border-radius:80px; line-height:100px; border:3px solid #fff; overflow:hidden;}
.oe_contactbox .hd p.p_2 span img{width:100px;}
.oe_contactbox .bd{padding-top:60px; width:50%; margin:0 auto;}
.oe_contactbox .bd ul li{ line-height:40px; border-bottom:1px solid #ebebeb; }
.oe_contactbox .bd ul li span{display:inline-block; width:60px; color:#999;}
.oe_contactbox .bd .no_pw{padding-top:60px;}
.oe_contactbox .bd .no_pw p.p_1{text-align:center;}
.oe_contactbox .bd .no_pw p.p_1 i{ font-size:60px; color:#ebebeb;}
.oe_contactbox .bd .no_pw p.p_2{text-align:center; padding-top:20px; color:#999;}
.oe_contactbox .bd .no_pw p.p_3{text-align:center; padding-top:25px;}
.oe_contactbox .bd .no_pw p.p_3 span{font-size:16px; cursor:pointer;display:inline-block; background:#00caa8; color:#fff; line-height:40px; padding:0px 55px; border-radius:30px;}
.oe_contactbox .bd .no_pw p.p_3 span:hover{background:#00b899;}
.oe_contactbox .yueta_btn{ text-align:center; padding-top:20px;}
.oe_contactbox .yueta_btn span{display:inline-block; background:#00caa8; color:#fff; line-height:40px; padding:0px 55px; border-radius:30px;}
.oe_contactbox .yueta_btn span:hover{background:#00b899;}
.oe_contactbox .bd .no_pw p.p_4{text-align:center; padding-top:10px;}
.oe_contactbox .bd .no_pw p.p_4 a{display:inline-block; margin-right:20px; border-bottom:1px solid #ebebeb;}
.oe_contactbox .bd .no_pw p.p_4 span{display:inline-block;border-bottom:1px solid #ebebeb; cursor:pointer;}


.bd.oe_paybox{padding-top:30px;}
.bd.oe_paybox h2{ font-size:20px; line-height:30px; margin-bottom:25px; color:#333;text-align:center;}
.bd.oe_paybox .oe_paynums{ font-size:16px; padding-bottom:10px; color:#888; text-align:center;}
.bd.oe_paybox .oe_paynums p.p_2{line-height:30px;}
.bd.oe_paybox .oe_paynums p.p_2 span{color:#f40; font-weight:bold;}
.bd.oe_paybox h4{font-size:16px;  margin-bottom:15px; margin-top:25px;}
.bd.oe_paybox .oe_selectpay_comm .btn{text-align:center; padding-right:30px; padding-top:20px;}
.bd.oe_paybox .oe_selectpay_comm .btn span{width:250px; height:45px; line-height:45px; font-size:18px;}

.oe_selectpay_comm ul li{width:200px;  border:1px solid #b0c2e1; height:50px; float:left; margin-right:20px; border-radius:4px; margin-bottom:20px; cursor:pointer; text-align:center; position:relative; background:#fff;}
.oe_selectpay_comm ul li span{display:inline-block; width:138px; height:35px; background:url(../images/bgs.png) no-repeat; position:relative; top:7px;}
.oe_selectpay_comm ul li.alipay span{background-position:-80px -266px; left:17px;}
.oe_selectpay_comm ul li.balance span{background-position:-80px -582px; left:17px; top:13px;}
.oe_selectpay_comm ul li.alipayescow span{background-position:-80px -266px; left:17px;}
.oe_selectpay_comm ul li.tenpay span{background-position:-80px -440px; left:15px;}
.oe_selectpay_comm ul li.weixinpay span{background-position:-80px -318px; left:8px;}
.oe_selectpay_comm ul li.wangyin span{background-position:-80px -370px; top:12px;}
.oe_selectpay_comm ul li.yeepay span{background-position:-80px -490px; top:12px;}
.oe_selectpay_comm ul li.jdpay span{background-position:-80px -534px; top:9px; left:-1px;}
.oe_selectpay_comm ul li i{display:none; position:absolute; right:0px; bottom:0px;}
.oe_selectpay_comm ul li.current,.oe_selectpay_comm ul li:hover{border:1px solid #ff5d5b;}
.oe_selectpay_comm ul li.current i{display:inline-block; width:24px; height:19px; background:url(../images/bgs.png) -80px -409px no-repeat;}
.oe_selectpay_comm .btn{padding-top:10px;}
.oe_selectpay_comm .btn span{display:inline-block; background:#ff5d5b; color:#fff; border-radius:2px; line-height:40px; height:40px; font-size:16px; width:150px; text-align:center; border:1px solid #f44745; cursor:pointer;}
.oe_selectpay_comm .btn span:hover{background:#f74442;}
.oe_selectpay_comm .btn label{display:inline-block; margin-left:10px;}
.oe_selectpay_comm .btn label b{color:#f40;}

/* -----地图弹窗------ */
.bd.oe_map_box{  padding:0px;  }
.bd.oe_map_box .hd{height:50px; position:relative;}
.bd.oe_map_box .hd .jw{ position:absolute; right:90px; top:10px; color:#999;}
.bd.oe_map_box span.oe_save{display:inline-block; position:absolute; right:10px; top:0px; line-height:40px; height:40px; cursor:pointer; background:#3385ff; color:#fff; width:65px; text-align:center; font-size:15px; border-radius:2px;  z-index:1000;}
.bd.oe_map_box span.oe_save:hover{background:#1b71f1;}
.bd.oe_map_box .map_search{line-height:38px; padding-top:5px; position:absolute; left:10px; top:0px; z-index:1000;
height:38px;}
.bd.oe_map_box .map_search input{ background:none; border:none; width:250px; line-height:36px; height:36px; vertical-align:middle; background:#fff;  padding-left:15px; border:1px solid #ebebeb; }
.bd.oe_map_box .map_search p.text{ position:absolute; left:15px; top:5px; color:#999;}
.bd.oe_map_box .map_search span.btn{background:#3385ff; color:#fff; vertical-align:middle; display:inline-block; width:60px; height:40px; cursor:pointer; text-align:center; line-height:40px; }
.bd.oe_map_box .map_search span.btn:hover{background:#1b71f1;}
.bd.oe_map_box .map_search span.btn i{width:19px; height:19px; display:inline-block; background:url(../images/zoom.png) 0px 0px no-repeat; margin-top:10px;}
.bd.oe_map_box .map_tips{background:#fff; border:1px solid #ebebeb; border-radius:5px; position:absolute;  left:65px; top:75px; width:200px; line-height:22px; padding:8px; font-size:12px; color:#ea8b11; padding-right:15px;z-index:1000;}
.bd.oe_map_box .map_tips label.close{display:inline-block; width:18px; height:18px; background:url(../images/a20.png) -19px 0px no-repeat; position:absolute; right:5px; top:5px; cursor:pointer;}
.bd.oe_map_box .map_tips label.close:hover{background:url(../images/a20.png) 5px 0px no-repeat;}

.oe_popbox{background:#fff; border-radius:20px;  width:650px;  height:600px; overflow:hidden; position:absolute; left:50%; margin-left:-325px; top:50%; margin-top:-300px; }
.oe_popbox .hd{background:#2b65f8; color:#fff; height:60px; line-height:60px; padding-left:20px; font-size:18px; position:relative;}
.oe_popbox .hd span.close{display:inline-block; width:16px; height:16px; background:url(../images/close.png) left top no-repeat; position:absolute; right:15px; top:20px; cursor:pointer;transition: all 0.2s ease-in-out 0s;}
.oe_popbox .hd span.close:hover{
  transform:rotate(180deg);
  -ms-transform:rotate(180deg); 	
  -moz-transform:rotate(180deg); 	
  -webkit-transform:rotate(180deg); 
  -o-transform:rotate(180deg); 
  transition: all 0.2s ease-in-out 0s;
 }
.oe_popbox .bd{padding:10px 20px; text-align:center; height:380px;}
.oe_popbox .bd img{max-height:380px; max-width:610px;}
.oe_popbox .tips{text-align:center; font-size:14px; color:#999; margin-top:10px;}
.oe_popbox .btn{text-align:center; margin-top:10px;}
.oe_popbox .btn span{display:inline-block; font-size:16px; background:#2b65f8; color:#fff; line-height:40px; padding:0px 45px; border-radius:20px; cursor:pointer;}
.oe_popbox .btn span:hover{background:#336dff;}
.oe_popbox .btn em{display:block; font-style:normal; color:red; margin-left:10px;}


.oe_sound_box{text-align:center;}
.oe_sound_box .hd{ padding-top:30px;}
.oe_sound_box .hd span{display:inline-block; width:65px; height:65px; background:url(../images/sound_none.png) left top no-repeat;}
.oe_sound_box .hd p{padding-top:20px; color:#999;}
.oe_sound_box .bd{padding-top:20px;}
.oe_sound_box .bd img{width:200px;}
.oe_sound_box .bd p{ font-size:16px; padding-top:20px; line-height:24px; }
.oe_sound_box .bd p b{color:#14b5a0;font-weight:normal;}



div.message_tips{position:fixed; z-index:310; right:10px; bottom:10px; box-shadow:0px 0px 5px 0px #ccc; background:#fff; border-radius:5px; }
div.message_tips .hd{background:#14b5a0; color:#fff; line-height:45px; height:45px; border-radius:5px 5px 0px 0px; padding-left:15px; font-size:16px; position:relative;}
div.message_tips .hd span{display:inline-block; position:absolute; right:0px; top:0px; line-height:45px; width:25px; padding-left:15px; height:45px; cursor:pointer;}
div.message_tips .hd span em{width:15px; height:3px; background:#fff; display:inline-block; margin-top:20px;}
div.message_tips .bd{padding:20px 10px; }
div.message_tips .bd div.img{padding-left:90px;}
div.message_tips .bd div.img h4{padding-top:5px;font-weight:normal;}
div.message_tips .bd div.img img{width:60px; height:74px; margin-left:-80px; float:left;}
div.message_tips .bd div.img p{padding-top:5px; font-size:12px;}
div.message_tips .bd div.img p a{color:#0099d9;}
div.message_tips .bd div.img p b{margin-right:5px;}
div.message_tips .bd div.img p span.btn{display:inline-block; background:#14b5a0; color:#fff; border-radius:2px; font-size:12px; padding:0px 10px; line-height:28px; cursor:pointer;}
div.message_tips .bd div.img p span.btn:hover{opacity:0.8;}

div.message_tips .bd div.text p b{margin-right:5px;}
div.message_tips .bd div.text p span.btn{display:inline-block; background:#14b5a0; color:#fff; border-radius:2px; font-size:12px; padding:0px 10px; line-height:28px; cursor:pointer;}
div.message_tips .bd div.text p span.btn:hover{background:#e32d66;}


/* ---oe_chattips 14:30 2017/5/15----- */
.oe_chattips{background:url(../images/a7.png); position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index:9;}
.oe_chat_con{width:400px; background:#fff; border-radius:5px; padding:40px 0px; text-align:center; margin:0 auto; margin-top:150px;}
.oe_chat_con p.p_1 span{display:inline-block; width:62px; height:62px; background:url(../images/box_tips.png) 0px 0px no-repeat;}
.oe_chat_con p.p_2{padding:10px 0px;}
.oe_chat_con p.p_3 span{display:inline-block; background:#14b5a0; color:#fff; border-radius:3px; line-height:28px; padding:0px 15px; cursor:pointer;}
.oe_chat_con p.p_3 span:hover{background:#eb5b89;}
.oe_chat_con p.p_3 label{display:inline-block; margin-left:15px; cursor:pointer; background:#ebebeb;border-radius:3px; line-height:28px; padding:0px 15px;}

.inbox_tips{width:300px;  position:absolute; left:50%; margin-left:-150px; top:50%;}
.inbox_tips p.p_1{text-align:center; padding-top:20px; padding-bottom:20px;}
.inbox_tips p.p_1 span{display:inline-block; width:62px; height:62px; background:url(../images/bg.png) 0px -68px no-repeat;}
.inbox_tips p.p_2{text-align:center;}
.inbox_tips p.p_2 span{display:inline-block; color:#fff; background:#14b5a0; padding:2px 15px; cursor:pointer; border-radius:2px;}
.inbox_tips p.p_2 span:hover{background:#db4474;}







