/*弹窗样式*/
.mask{
    display: none;
    position: fixed;
    top:0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color:#000;
    -moz-opacity: 0.7;  
    opacity: 0.7; 
    filter: alpha(opacity=70);
    z-index: 1001;
}

.dialog{
    position: fixed;
    top:50%;
    left: 50%;
    width: 620px;
    height: 493px;
    margin-left: -334px;
    margin-top:-246.5px;
    background: url('../img/dialog_bg.png') center center no-repeat;
    background-size: cover;
    z-index: 1002;
}

.dialog .dialog_close{
    width: 32px;
    height: 32px;
    background: url('../img/dialog_close.png') center center no-repeat;
    background-size: cover;
    display: inline-block;
    z-index: 1003;
    left: 637px;
    top:84px;
    cursor: pointer;
    transition: all 0.2s ease-out;
}
.dialog .dialog_close:hover{
    transform: rotate(180deg);
}

/*css3过渡效果*/
.show_dialog{
    transform: translateY(0px);
    opacity: 1;
    /* transition: all 0.3s ease-out 0s; */
}
.hide_dialog{
    transform: translateY(-800px);
    opacity: 0;
    visibility: hidden;
    /* transition: all 0.5s ease-out 0s; */
}

/*活动锦集弹窗*/
#dialog_set .dialog_content h1{
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #333333;
    margin:152px 0 12px;
}
#dialog_set .dialog_content .text_wrap{
    max-width: 560px;
    height: 257px;
    margin:0 auto;
}
#dialog_set .dialog_content .text_wrap p{
    font-size: 16px;
    color: #666666;
    line-height: 20px;
    margin-bottom: 18px;
}
#dialog_set .dialog_content .text_wrap p.small{
    font-size: 14px;
}
#dialog_set .dialog_content .text_wrap .power{
    color:#3399ff;
    text-decoration: underline;
    cursor:pointer;
}

/*我的奖励弹窗*/
#dialog_myreward .dialog_content h1{
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #333333;
    margin:175px 0 0;
}
#dialog_myreward .dialog_content .text_wrap{
    max-width: 561px;
    height: 222px;
    margin-left: 45px;
    overflow-y: scroll;
}
/* #dialog_myreward .dialog_content ul:not(:empty){
    border-bottom: 1px dotted #b3b3b3;
} */
#dialog_myreward .dialog_content li{
    margin:5px 0; 
}
#dialog_myreward .dialog_content .text_wrap .qqCoinList,#dialog_myreward .dialog_content .text_wrap .aobiList,#dialog_myreward .dialog_content .text_wrap .rewardList{
    padding: 9px 0;
}
#dialog_myreward .dialog_content .text_wrap .qqCoinList p,#dialog_myreward .dialog_content .text_wrap .aobiList p,#dialog_myreward .dialog_content .text_wrap .rewardList p{
    line-height: 30px;
}
#dialog_myreward .dialog_content .text_wrap .qqCoinList .title,#dialog_myreward .dialog_content .text_wrap .aobiList .title,#dialog_myreward .dialog_content .text_wrap .rewardList .title{
    color: #3399ff;
    font-size: 18px;
    font-weight: 800;
    margin-right: 11px;
}
#dialog_myreward .dialog_content .text_wrap .qqCoinList .desc,#dialog_myreward .dialog_content .text_wrap .aobiList .desc,#dialog_myreward .dialog_content .text_wrap .rewardList .desc{
    color: #999999;
    font-size: 14px;
}
#dialog_myreward .dialog_content .text_wrap .qqCoinList .fz_btn,#dialog_myreward .dialog_content .text_wrap .aobiList .fz_btn,#dialog_myreward .dialog_content .text_wrap .rewardList .fz_btn{
    color: #3399ff;
    font-size: 14px;
    margin-left: 10px;
}
#dialog_myreward .dialog_content .text_wrap .qqCoinList input,#dialog_myreward .dialog_content .text_wrap .aobiList input,#dialog_myreward .dialog_content .text_wrap .rewardList input{
    width: 150px;
	height: 18px;
    background-color: #ededed;
    border: none;
}
#dialog_myreward .dialog_content .text_wrap .qqCoinList .txt,#dialog_myreward .dialog_content .text_wrap .aobiList .txt,#dialog_myreward .dialog_content .text_wrap .rewardList .txt{
    color: #333;
    font-size: 14px;
    margin-left:6px;
}

/*任务步骤弹窗*/
#dialog_assignment .dialog_content{
    width: 496px;
    margin:186px auto 0;
}
#dialog_assignment .dialog_content .assignItm{
    height: 50px;
    line-height: 50px;
    margin-bottom: 21px;
}
#dialog_assignment .dialog_content .assignItm .itm_icon{
    width: 24px;
    height: 24px;
    background: url('../img/itm_icon.png') center center no-repeat;
    background-size: cover;
    margin:13px 7px 0 0 ;
}
#dialog_assignment .dialog_content .assignItm .itm_title{
    font-size: 22px;
    color: #3399ff;
    font-weight: 800;
    margin-right: 10px;
}
#dialog_assignment .dialog_content .assignItm .itm_line{
    border-top: 1px dashed #b3b3b3;
    margin-top:25px;
}
#dialog_assignment .dialog_content .assignItm .itm_btn{
    width: 150px;
    height: 50px;
}
#dialog_assignment .dialog_content .assignItm .btn_go_complete{
    display: none;
    background: url('../img/btn_go_complete.png') center center no-repeat;
    background-size: cover;
    margin-right: 33px;
}
#dialog_assignment .dialog_content .assignItm .btn_already_complete{
    display: none;
    background: url('../img/btn_already_complete.png') center center no-repeat;
    background-size: cover;
    cursor: default;
    margin-right: 33px;
}
#dialog_assignment .dialog_content .assignItm .small{
    font-size: 14px;
    color: #b3b3b3;
    margin: 26px 0 0 36px;
}

/*预约游戏弹窗*/
#dialog_yuyue_game .dialog_content h1{
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #333333;
    margin:175px 0 18px;
}
#dialog_yuyue_game .dialog_content .text_wrap{
    width: 496px;
    height: 203px;
    margin:0 auto;
}
#dialog_yuyue_game .dialog_content .text_wrap p{
    font-size: 18px;
    color:#333;
    height: 50px;
    line-height: 50px;
    margin:8px 0;
} 
#dialog_yuyue_game .dialog_content .text_wrap input[type="text"]{
    height: 50px;
    background-color: #ededed;
    border: solid 1px #d2d2d2;
    text-indent: 11px;
}
#dialog_yuyue_game .dialog_content .text_wrap input[type="text"]::placeholder{
    font-size: 20px;
    color: #cccccc;
}
#dialog_yuyue_game .dialog_content .text_wrap .tip{
    font-size: 16px;
    color: #cccccc;
    bottom: 39px;
    left: 122px;
}
#dialog_yuyue_game .dialog_content .text_wrap input[type="radio"] + .radio-beauty{
    background: url('../img/choose.png') center center no-repeat;
    background-size: contain;
}
#dialog_yuyue_game .dialog_content .text_wrap input[type="radio"]:checked + .radio-beauty{
    background: url('../img/chosed.png') center center no-repeat;
    background-size: contain;
}
#dialog_yuyue_game .dialog_content .text_wrap .radio-beauty{
    width:20px;
    height: 20px;
    display: inline-block;
    border-radius: 50%;
    margin-right:10px;
    vertical-align: middle;
    transform: translateY(-1px);
}
#dialog_yuyue_game .dialog_content .text_wrap .yanzheng_btn{
    width: 120px;
    height: 50px;
    background: url('../img/yanzheng_btn.png') center center no-repeat;
    background-size: contain;
    margin:32px 0 0 191px;
}
#dialog_yuyue_game .dialog_content .text_wrap .get_yanzhengma_btn{
    width: 150px;
    height: 50px;
    background: url('../img/get_yanzheng_btn.png') center center no-repeat;
    background-size: contain;
    margin-left: 31px;
}
#dialog_yuyue_game .dialog_content .text_wrap .yuyue_right_now{
    width: 181px;
    height: 61px;
    background: url('../img/yuyue_right_now_btn.png') center center no-repeat;
    background-size: contain;
    margin:14px 0 0 157px;
}
#dialog_yuyue_game .dialog_content .text_wrap .wei_yuyue{
    display: none;
}

/*调戏官方微信弹窗*/
#dialog_tiaoxi_wei .dialog_content h1{
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #333333;
    margin:175px 0 18px;
}
#dialog_tiaoxi_wei .dialog_content .text_wrap{
    width: 532px;
    margin:0 auto;
}
#dialog_tiaoxi_wei .dialog_content .text_wrap .ewm{
    width: 180px;
    height: 180px;
    background: url('../img/mobile_ewm.png') center center no-repeat;
    background-size: contain;
}
#dialog_tiaoxi_wei .dialog_content .text_wrap .right p{
    font-size: 18px;
    line-height: 30px;
    color: #333333;
}
#dialog_tiaoxi_wei .dialog_content .text_wrap .right input{
    width: 230px;
    height: 50px;
    text-indent: 11px;
    background-color: #ededed;
    border: solid 1px #d2d2d2;
}
#dialog_tiaoxi_wei .dialog_content .text_wrap .right input::placeholder{
    color: #cccccc;
    font-size: 20px;
}
#dialog_tiaoxi_wei .dialog_content .text_wrap .right .jiesuo_btn{
    width: 80px;
    height: 50px;
    background: url('../img/jiesuo_btn.png') center center no-repeat;
    background-size: contain;
    margin-left: 10px;
} 
/*投票弹窗*/
#dialog_vote .dialog_content{
    margin: 220px 140px 0 140px;
    font-size: 24px;
    text-align: center;
}

#dialog_vote .dialog_content h1{
    font-weight: bold;
    color: #333;
}

#dialog_vote .dialog_content .text_wrap{
    margin-top: 60px;
    color: #333;
}

#dialog_vote .dialog_content .text_tips{
    margin-top: 60px;
    text-align: center;
    font-size: 16px;
    color: #999;
}

/*dialog_gift*/
#dialog_gift .dialog_content{
    margin: 182px 140px 0 140px;
    font-size: 24px;
    text-align: center;
}

#dialog_gift .dialog_content img {
    margin-top: 12px;
    display: inline-block;
    width: 207px;
    height: 207px;
}

#dialog_gift .dialog_content .text_tips{
    margin-top: 6px;
    text-align: center;
    font-size: 16px;
    color: #999;
}

/*分享给好友弹窗*/
#dialog_share_friend .dialog_content h1{
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #333333;
    margin:175px 0 8px;
}

#dialog_share_friend .dialog_content .text_wrap{
    width: 532px;
    margin:0 auto;
}
#dialog_share_friend .dialog_content .text_wrap p{
    font-size: 18px;
	line-height: 30px;
    color: #333333;
    text-indent: 2em;
}
#dialog_share_friend .dialog_content .text_wrap input{
    width: 320px;
	height: 50px;
	background-color: #ededed;
    border: solid 1px #d2d2d2;
    margin-left: 8px;
}
#dialog_share_friend .dialog_content .text_wrap .fz_url_btn{
    width: 150px;
    height: 50px;
    background: url('../img/fz_url_btn.png') center center no-repeat;
    background-size: contain;
    margin-left: 20px;
}
#dialog_share_friend .dialog_content .text_wrap .share_icon{
    padding: 31px 144px;
}
#dialog_share_friend .dialog_content .text_wrap .share_icon .share_wechat{
    width: 43px;
    height: 66px;
    display: inline-block;
    background: url('../img/share_wechat.png') center center no-repeat;
    background-size: contain;
    cursor: pointer;
} 
#dialog_share_friend .dialog_content .text_wrap .share_icon .share_qq{
    width: 54px;
    height: 66px;
    display: inline-block;
    background: url('../img/share_qq.png') center center no-repeat;
    background-size: contain;
    margin:0 41px;
    cursor: pointer;
} 
#dialog_share_friend .dialog_content .text_wrap .share_icon .share_qqzone{
    width: 54px;
    height: 66px;
    display: inline-block;
    background: url('../img/share_qqzone.png') center center no-repeat;
    background-size: contain;
    cursor: pointer;
} 

/*微信二维码弹窗*/
#dialog_share_wechat h1{
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #333333;
    margin:175px 0 8px;
}
#dialog_share_wechat .dialog_content{
    width: 206px;
    height: 206px;
    background: #333333;
    background-size: contain;
    margin:20px auto 0;
}

/*----提示框-----*/
.mes_tip{
    display: none;
    padding: 5px 15px;
    color:#fff;
    background-color: #333333;
    border-radius: 8px;
    top:35%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0.8;
    filter: alpha(opacity=80);
}

  
/* ======功能模块--打Call======== */
.call { 
    top: 1194px;
    left: 0px;
    width: 100%;
    height: 705px;
    /* background: lemonchiffon; */
}

.call_bg{
    width: 1060px;
    height: 593px;
    margin:0 auto;
    background: url('../img/call_bg.png') center center no-repeat;
    background-size: contain;
}
.call_content{
    width: 863px;
    height: 388px;
    /* background: red; */
    left:50%;
    top:166px;
    margin-left: -431.5px;
}

.attitudeSlide .sliderWrp {
    padding-top: 20px;
    height: 200px;
}

.asidehead h3{
    float: right;
    display: inline;
}

.call_rolename {
    top: 180px;
    left: 100px;
    font-size: 22px;
    font-weight: bold;
}


.call_rolename span{
    margin-left: 12px;
}

#attitude_txt {
    width: 560px !important;
}

.attitudeSlide .slider, .attitudeSlide .sliderItem, .attitudeSlide .sliderWrp {
    max-height: 220px !important;
}