*{ margin:0; padding:0; font-family:"微软雅黑"; outline:none;}
button{ cursor:pointer;}
.prop .centent{ width:1300px; margin:10px auto 0px;}
.prop .inform{ height:48px; line-height:48px; background:#fff; margin:10px auto; color:#727171;}
.prop .centent .add_oath{ width:auto; height:24px; background:#c91a00; color:#fff; border:0; font-size:12px; cursor:pointer; padding:0 10px;}

/*左边道具列表*/
.centent .li_box{ width:250px; height:557px; padding:10px 5px; background:#fff;}
.centent .user_data{ width:100%; height:120px;}
.user_data .leftimg{ width:120px; height:120px; float:left;}
.user_data .data{ width:120px; height:80px; padding: 20px 0; float:left; padding-left:5px;}
.user_data .data .user_name{ margin-bottom:8px; color:#333333; width:110px; height:20px; /*overflow:hidden; */text-align:left;text-align:center;line-height: 30px; }
.user_data .data span{display:inline-block; padding:1px 5px; color:#fff; font-weight:700; background:#C91A00; cursor:pointer;}
.user_data .data span.no_bg{ background:#ccc;}
.user_data .data .vip{  margin-right:4px;}
.user_data .data .tuichu{ margin-right:15px; color:#d30000;}


.li_box .mengyue{padding-top:30px;padding-bottom:20px;}
.prop .centent .mengyue .add_oath{ width:100%; height:55px; background:#c91a00; color:#fff; font-size:22px;}
.centent .prop_li li{ width:245px; height:67px; float:right; line-height:67px; }
.prop_li li.curr{ background:url(../../images/promise/prop-li.png) center center no-repeat; background-size: 245px 67px;}
.prop_li li:hover{background:url(../../images/promise/prop-li.png) center center no-repeat; background-size: 245px 67px;}
.prop_li li a{ color:#3e3a39; font-size:16px; display:inline-block; width:160px; height:67px;padding-left: 20px;}


/*右边道具详情*/
.centent .prop_details{ width:1035px; height:auto;}

/*banner*/
.centent  .banner_li{ width:1240px; height:301px; background:#ccc; margin:0; position:relative; overflow:hidden;}
.banner_li ul.img_ul{ position: absolute; left:0px; top:0px;}
.banner_li ul.img_ul li{ float:left; line-height:0px;}
.banner_li ul.img_ul li img{ width: 1240px;}
.banner_li .rotate{ position:absolute; right:50px; bottom:20px;}
.banner_li .rotate li{ width:15px; height:15px; border-radius:15px; background:#d8d8d8; float:left; margin:0 2px;}
.rotate li.curr{ background:#f45b5f; width:5px; height:5px; padding:5px;}
.rotate li.curr .small{ width:5px; height:5px; background:#fff; border-radius:8px}
/*卡片*/
.prop_details .prop_card{ height: auto; padding:20px; background:#fff;}
.prop_card .inform{ width:auto; height:auto; line-height: 24px; margin:0; padding-bottom:10px; margin-bottom:20px;font-size: 14px; border-bottom: 1px solid #f1f1f1;}
.prop_card  .inform p>a{ display: inline-block; padding: 5px 27px; color: #231815;}
.prop_card  .inform .red{ background-color: #c91a00; color:#ffffff;margin-right:10px;}
.prop_card .card_box .card{ width:145px; height: auto; margin:0 27px; margin-bottom:50px; float:left; background:#fff;}
.card_box .card .card-img{ width:143px; height:200px; border:1px solid #e5e4e4;}
.card .card-img .img{ width:87px; height:90px; padding:24px 28px; background:#f4f1f1;}
.card .card-img .txtbox{ text-align:center; line-height:20px; margin-top:10px; color:#3e3a39;}
.card-img .txtbox .cardname{ font-size:14px;font-weight: bold;}
.card_box .card .function{ margin-top:10px; color:#3e3a39; text-align:center;}
.card_box .card .function p{ text-align:left;}
.card .function p.xg{ height:40px; overflow:hidden;}
.card .function .convert{ width:75px; height:28px; background:#c91a00; border-radius:4px; border:0; color:#fff; margin-top:8px;}

/*在线用户*/
.prop_details .on_line_user{ height:auto; padding:20px 54px 25px 60px; background:#fff; margin-top:15px;}
.on_line_user .inform{ margin:0; padding:0; width:auto; }
.on_line_user .ljjr{ color:#325e7f;}
.on_line_user ul li{ width:80px; height:80px; padding:1px; border:1px solid #d4d4d4; float:left; margin-right:25px;}

/*道具弹出框*/
.prop .popupBox{ position: fixed; left: 40%; top: 30%; width: 617px; height: 275px; background: #fff; display: none; z-index: 11;}
.prop .boxshadow {-moz-box-shadow: -1px 0 0 #e5e6eb,0 0px 0 #e5e6eb,0 1px 0 e5e6eb,1px 0 0 #e5e6eb;-webkit-box-shadow: -1px 0 0 #e5e6eb,0 0px 0 #e5e6eb, 0 1px 0 #e5e6eb, 1px 0 0 #e5e6eb;box-shadow: -1px 0 0 #e5e6eb,0 0px 0 #e5e6eb, 0 1px 0 #e5e6eb, 1px 0 0 #e5e6eb; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top: 1px solid #e5e6eb;}
.popupBox .title{ height: 37px;line-height: 37px; padding-left: 10px; font-size: 14px; color: #646160; background: url(../../images/jbxiaoguo.png) center center;background-size: 100% 100%; border-bottom: 1px solid #e5e6eb;}
.popupBox .title .close{ float: right; display: inline-block; color:#b5b5b6; margin-right: 15px; margin-top: 13px; cursor: pointer; }
.popupBox .shop{width: 559px; height: 167px; margin: 40px auto 0; }
.popupBox .shop .propImg{ float: left; width: 166px;height: 166px; margin-right: 30px;}
.popupBox .shop .propData{ float: left; width: 355px; }
.shop .propData .dataTop{height: 40px; line-height: 40px;}
.dataTop ul li{ float:left; height: 40px; overflow: hidden;}
.dataTop ul li.name{ width: 80px; margin-right: 25px; color: #333333; font-size: 18px; overflow: hidden;}
.dataTop ul li.way{ width: 90px; margin-right: 30px;overflow: hidden;}
.dataTop ul li.way>input[type="radio"]{ float: left; margin-top: 14px; margin-right: 4px;}
.dataTop ul li.way>label{ cursor: pointer; color: #333333;}
.shop .propData .function { width: 100%; height: 70px; overflow: hidden; margin: 9px auto;}
.propData .function p{ line-height: 22px;}
.number .btn{ width: 20px; height: 20px; background: none; border:none;}
.number .numInput{ width: 73px; height: 33px; border: 1px solid #e5e1dc; text-align: center; color: #333}
.number .convertBtn{ width: 100px; height: 35px; text-align:center; background: #c91a00; border-radius: 5px; color: #fff; margin-left: 55px; font-size: 14px;}


/*弹出盒子，兑换提示 popubBoxAlert*/
.prop .popupBoxAlert{ width:207px; height: 88px; padding: 23px 18px; border-radius: 5px; left: 50%;top: 45%; z-index: 12;}
.popupBoxAlert .info{ margin-left: 10px; margin-top: 5px; margin-bottom: 10px;}
.popupBoxAlert .info p{ line-height: 18px; color: #333333; font-size: 14px;}
.popupBoxAlert .affirm{ width: 100%; height: 35px; color: #fff; border-radius: 5px; border:none; background: #c91a00;}
.popupFailure .affirm{ width: 48%; height: 35px;}
.popupFailure .affirm.bgc9{ background: #c9caca;}

.prop .popupWin{ width: 400px; height: 510px; padding: 0; background: url(../../images/prop/exchange-succeed.png) center center no-repeat; background-size: 100% 100%; left: 30%; top: 15%;}
.popupWin>.alert{ color: #fff; font-size: 30px; width: 400px;height: 66px;line-height: 66px;text-align: center;margin-top: 26px;}
.popupWin>.kpimg{ width: 200px; height: 200px; margin: 15px auto;}
.popupWin>.kpname{ width: 210px; height: 60px; line-height: 60px; color: #fff; font-size: 30px; margin: 0 auto; margin-top: 59px; text-align: center;}
.popupWin>.kpzy{ width: 210px; height: 40px; line-height: 40px; color: #895904; font-size: 16px; text-align: center; margin: 0 auto;}
/*蒙板*/
.prop .filebox{ position: fixed; display: none; width:100%; height: 100%; top: 0; left: 0; background: #000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5; z-index: 10; }

.privilege{ padding-left:40px;}
.privilege li{ line-height: 33px; font-size: 16px;}
.privilege li span{ color: #c91a00; margin-right: 20px; margin-left: 5px;}
.lead{ padding-top:30px;}
.lead span{ color: #d41a3b;}