@charset "UTF-8";
/* CSS Document */

/*page1*/
.toptitl{position:fixed;top:0;left:0;display:block;width:100%;padding:0 3%;height:42px;z-index:9999;}
.toptitl .back_icon{width:26px;height:26px;float:left;margin-top:8px;background:url(img/left_icon.png) no-repeat left;background-size:26px auto;}
.toptitl .close_icon{width:16px;height:16px;float:right;margin-top:13px;background:url(img/close_ico.png) no-repeat right;background-size:16px auto;}

.index_warp{width:100%;height:100%;padding:0;background:url(img/page_bg.png);background-size:50px auto;margin:0;text-align:center}
.index_warp .logo{width:18%;height:auto;margin:60px auto;}
.index_warp .one_img{width:9%;height:auto;margin:0 auto;}
.botm_btnbox{position:fixed;bottom:30px;left:0;width:100%;z-index:999}
.botm_btnbox .index_btn{display:block;width:75%;height:38px;margin:30px auto 10px;font-size:16px;line-height:36px;font-weight:300;color:#333;border-radius:20px;border:0.5px solid #ccc;background:rgba(255,255,255,.7);}
.botm_btnbox .index_btn:hover{color:#fff;border-radius:20px;border:0.5px solid #c8963c;background:#c8963c;}

.botm_btnbox .index_btn2{display:block;width:75%;height:38px;margin:30px auto 10px;font-size:16px;line-height:36px;font-weight:300;color:#fff;border-radius:20px;background:#c8963c;}
.botm_btnbox .index_btn2:hover{color:#fff;border-radius:20px;background:#9b6f0d;}

.botm_btnbox .zjdoc_p{width:100%;height:20px;font-size:14px;line-height:20px;color:#666;text-align:center;}
.botm_btnbox i{width:24px;height:24px;vertical-align:middle;margin-top:-4px;margin-right:4px;}

/*page2*/
.index_warp h2{font-size:22px;line-height:30px;color:#666;font-weight:300;margin:50px auto 20px;}
.index_warp h3{font-size:18px;line-height:30px;color:#666;font-weight:300;margin-bottom:20px;}
.index_warp h5{font-size:13px;line-height:20px;color:#c8963c;font-weight:200;margin-top:-15px;}

.sousuo{width:100%;height:40px;padding:0;margin:10px 0 35px;border-bottom:0.5px dashed rgba(0,0,0,.2);}
.select-result{width:100%;height:40px;padding:0 7%;margin:0;float:left}
.select-result ul li a{display:block;float:left;height:30px;padding:0 28px 0 12px;line-height:30px;font-weight:300;margin:0 10px 10px 0;color:#fff;font-size:14px;border-radius:5px;background:url(img/close.png) 82% center no-repeat #c8963c;background-size:10px auto}

.gender_box{width:180px;height:70px;padding:0;margin:0 auto;clear:both}
.gender_box ul li{float:left;}
.gender_box ul li a{display:block;width:70px;height:70px;font-size:18px;line-height:70px;text-align:center;color:#666;font-weight:300;border-radius:100%;margin:0 10px;border:0.5px solid rgba(0,0,0,.15);background:rgba(255,255,255,.7)}
.gender_box ul li.selected a{background:#c8963c;color:#fff;border:0.5px solid #c8963c;}

.age_box{width:88%;height:38px;padding:0 2px;margin:25px auto 20px;clear:both;border-radius:20px;border:0.5px solid rgba(0,0,0,.15);background:rgba(255,255,255,.7);}
.age_box ul{width:100%;height:32px;padding:2px 0;}
.age_box ul li{float:left;width:25%;height:32px;}
.age_box ul li a{display:block;font-size:13px;line-height:32px;text-align:center;color:#666;font-weight:300;margin:0;}
.age_box ul li.selected a{display:block;width:100%;color:#fff;background:#c8963c;border-radius:20px;}

.type_box{width:260px;padding:0;margin:0 auto;clear:both}
.type_box ul li{float:left}
.type_box ul li a{display:block;width:120px;height:38px;font-size:18px;line-height:35px;text-align:center;color:#666;font-weight:300;border-radius:5px;margin:5px;border:0.5px solid rgba(0,0,0,.15);background:rgba(255,255,255,.7);}
.type_box ul li.selected a{background:#c8963c;color:#fff;border:0.5px solid #c8963c;}

/*page3*/
.title_top{position:fixed;top:20px;left:0;width:100%;height:20px;font-size:17px;line-height:20px;font-weight:300;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.3);z-index:999}
.left_btn a{float:left;display:block; width:40%;height:37px;margin:30px 0 10px 10%;font-size:16px;line-height:37px;font-weight:300;color:#fff;border-radius:20px 0 0 20px;background:rgba(255,255,255,.2);}
.left_btn a:hover{color:#fff;font-weight:300;border-radius:20px 0 0 20px;background:rgba(0,0,0,.15);}
.right_btn a{float:right;display:block; width:40%;height:37px;margin:30px 10% 10px 0;font-size:16px;line-height:37px;font-weight:300;color:#fff;border-radius:0 20px 20px 0;background:#c8963c;}
.right_btn a:hover{color:#fff;font-weight:300;border-radius:0 20px 20px 0;background:#9b6f0d;}

.swiper-container{width:100%;height:100%;background:#333;}
.swiper-slide{text-align:center;font-size:18px;color:#666;}
.swiper-slide .userimg{position:relative;display:block;width:100%;height:100%;background:rgba(0,0,40,1);overflow:hidden}
.swiper-slide .userimg img{width:auto;height:100%;opacity:0.5;filter:Alpha(opacity=50);}

/*右上角背景音乐播放按钮*/
.icon_down{width:24px;height:24px;background-image:url(img/voler_down.png);background-size:contain;vertical-align:middle;margin-top:-2px;display:inline-block}
.icon_up{width:24px;height:24px;background-image:url(img/voler_up.gif);background-size:contain;vertical-align:middle;margin-top:-2px;display:inline-block}

.swiper-slide .userimg .user_box{position:absolute;bottom:0;left:0;width:100%;height:100%;padding:0 10%;background:url(img/user_box_bg.png);background-size:10px auto;text-align:left;color:#fff;}
.swiper-slide .userimg .user_box h4{font-size:20px;line-height:30px;font-weight:400;margin-bottom:12px;text-align:center;}
.swiper-slide .userimg .user_box p{width:85%;height:44px;float:left;margin:0 0 12px;font-size:14px;line-height:22px;font-weight:300;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.swiper-slide .userimg .user_box i{width:8%;height:44px;}
.swiper-slide .userimg .user_box .left_litte{width:7.5%;height:44px;float:left;background:url(img/litte_icon01.png) no-repeat left;background-size:14px auto;}
.swiper-slide .userimg .user_box .right_litte{width:7.5%;height:44px;float:right;background:url(img/litte_icon02.png) no-repeat right;background-size:14px auto;}
.swiper-slide .userimg .user_box .bz_txt{width:100%;height:22px;display:block;margin-bottom:10px;font-size:12px;line-height:20px;color:#ebd080;font-weight:300;font-style:normal;text-align:center}
.swiper-slide .userimg .user_box .bz_txt span{font-weight:200;color:#fff}

/*page4*/
.index_warp2{width:100%;height:100%;padding:0;margin:0;text-align:center;}
.index_warp2 .user_bg{position:relative;display:block;width:100%;height:100%;background:#000;overflow:hidden;}
.index_warp2 .user_bg img{width:auto;height:105%;margin-left:-10px;margin-top:-10px;opacity:0.25;filter:Alpha(opacity=25); -webkit-filter: blur(6px); filter: blur(6px); }
.index_warp2 .user_topbox{position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;}

.user_topbox h2{font-size:22px;line-height:30px;color:#fff;font-weight:300;margin:45px auto 20px;}
.user_topbox .beis_txt{text-align:center;font-size:13px;line-height:20px;color:#dcaa32;margin-top:-15px;}
.user_topbox .userhead{width:200px;height:140px;margin:10% auto 12%;}
.user_topbox .userhead .head_img{width:110px;height:110px;margin:0 auto 6px;border-radius:100%;overflow:hidden}
.user_topbox .userhead input[type="text"]{appearance:none;-webkit-appearance:none;outline:none;border:none;background:none;width:100%;font-size:20px;line-height:34px; font-weight:300; text-align:center;color:#fff;}
.user_topbox .user_txt p{width:80%;font-size:14px;line-height:24px;color:#ccc;text-align:left;margin:0 auto;}
.user_topbox .user_txt span{color:#dcaa32;font-weight:300;}
.user_topbox .user_txt i{width:16px;height:16px;vertical-align:middle;margin-top:-3px;margin-right:4px;}

.user_topbox .price_box{width:100%;height:20px;font-size:14px;line-height:20px;margin-bottom:10px;color:#fff;}
.user_topbox .price_box span{color:#dcaa32;}
.user_topbox .price_box .selectresult{color:#dcaa32;display:inline-block;}
.user_topbox .miner_box{width:260px;padding:0;margin:0 auto;clear:both}
.user_topbox .miner_box ul li{float:left}
.user_topbox .miner_box ul li a{display:block;width:120px;height:38px;font-size:18px;line-height:35px;text-align:center;color:#fff;font-weight:300;border-radius:5px;margin:5px;border:0.5px solid rgba(255,255,255,.6);}
.user_topbox .miner_box ul li.selected a{background:#c8963c;color:#fff;border:0.5px solid #c8963c;}

.user_topbox .play_txt{font-size:14px;line-height:20px;color:#fff;text-align:center;margin:10px 0;}
.user_topbox .play_txt span{color:#dcaa32;}

/*page5*/
.index_warp3{position:relative;display: block;width:100%;height:100%;padding:0;margin:0;}
.index_warp3 .swiper-container2{width:100%;height:100%;background:#000;z-index:2;}
.index_warp3 .linebgimg{width:100%;height:100%;overflow:hidden;background-size:auto 100%;opacity:0.4;filter:Alpha(opacity=40);}

.index_warp3 .online_box{position:absolute;width:100%;left:0;top:0;padding:45px 0 0;z-index:999;text-align:center}
.index_warp3 .online_box p{width:100%;height:20px;font-size:14px;line-height:20px;color:#fff; margin:10px auto;}
.index_warp3 .online_box .count_num{width:100%;height:30px;font-size:30px;line-height:30px;color:#fff;}
.index_warp3 .online_box .userhead{width:200px;height:140px;margin:20px auto;}
.index_warp3 .online_box .userhead .head_img{width:110px;height:110px;margin:0 auto 6px;border-radius:100%;overflow:hidden}
.index_warp3 .online_box .userhead p{font-size:20px;line-height:34px; font-weight:300; text-align:center;color:#fff;}

/*右上角背景音乐播放按钮*/
#audio_play{position:absolute;top:20px;right:20px;width:30px;height:30px;background-image:url(img/audio_rotate.png);background-size:contain;margin:0 auto 12px;}
.rotate {-webkit-animation: rotating 1.2s linear infinite; -moz-animation: rotating 1.2s linear infinite; -o-animation: rotating 1.2s linear infinite; animation: rotating 1.2s linear infinite}
@-webkit-keyframes rotating {from { -webkit-transform: rotate(0) } to { -webkit-transform: rotate(360deg) }}
@keyframes rotating {from { transform: rotate(0) } to { transform: rotate(360deg) }}
@-moz-keyframes rotating {from { -moz-transform: rotate(0) } to { -moz-transform: rotate(360deg) }}

/*点赞打赏送礼按钮*/
.actn_box{width:90%;height:55px;margin:0 auto;overflow:hidden}
.actn_box li{float:left;width:24.9%;height:55px;border-right:0.5px solid #ddd;margin:0;font-size:14px;font-weight:300;text-align:center;}
.actn_box li i{display:block;width:30px;height:30px;margin:0 auto 4px;}
.actn_box li .dz_icon{display:block;width:30px;height:30px;margin:0 auto 4px;}
.actn_box li .dz_icon input[type="checkbox"]{appearance:none;-webkit-appearance:none;outline:none;display:none;}
.actn_box li .dz_icon input[type="checkbox"] + span{width:30px;height:30px;display:inline-block;background:url(img/icon_laud2.png) no-repeat left;background-size:auto 30px;background-position:0 0;}
.actn_box li .dz_icon input[type="checkbox"]:checked + span{width:30px;height:30px;background-position:-30px 0}

/*静音挂断免提按钮*/
.btn_box{width:80%;height:40px;margin:40px auto 10px;font-size:16px;line-height:40px;text-align:center;}
.btn_box .left_btn{display:inline-block;width:33.3%;height:40px;font-weight:300;color:#fff;border-radius:20px 0 0 20px;border:0.5px solid rgba(255,255,255,.3);background:rgba(255,255,255,.2);}
.btn_box .left_btn:hover{color:#fff;border:0.5px solid #c8963c;background:#c8963c;}

.btn_box .center_btn{display:inline-block;width:33.3%;height:40px;font-weight:300;color:#fff;border-radius:0 0 0 0;border:0.5px solid #e54949;background:#e54949;}
.btn_box .center_btn:hover{color:#fff;border:0.5px solid #e60004;background:#e60004;}

.btn_box .right_btn{display:inline-block;width:33.3%;height:40px;font-weight:300;color:#fff;border-radius:0 20px 20px 0;border:0.5px solid rgba(255,255,255,.3);background:rgba(255,255,255,.2)}
.btn_box .right_btn:hover{color:#fff;border:0.5px solid #6db442;background:#6db442;}

/*page6*/
.evaluate{width:100%;padding:20px;}
.evaluate .userhead{width:70px;height:70px;margin:0 auto 20px;border-radius:100%;border:0.5px solid rgba(0,0,0,.06);overflow:hidden}
.evaluate .userhead img{width:100%;height:auto;}
.evaluate input[type="text"]{appearance:none;-webkit-appearance:none;outline:none;width:96%;margin:15px auto 25px;font-size:15px;line-height:32px;font-weight:200;color:#333;padding:3px 8px;border:0.5px solid #ddd;border-radius:5px;}
.evaluate input[type="button"]{appearance:none;-webkit-appearance:none;outline:none;margin:0 auto;background:#ffb400;font-size:15px;line-height:32px;padding:0 20px 1px;font-weight:300;color:#fff;border-radius:6px;border:none;}

.about{position:fixed;left:0;bottom:50px;color:#666;text-align:center;}
.footer{position:fixed;left:0;bottom:15px;}
.about a, .footer a{color:#333;font-weight:200;}
.about a:hover, .footer a:hover{color:#e54949;font-weight:300;}

/*星星样式*/
.clearfix::after {display:block;content:'';height:0;overflow:hidden;clear:both;}
#starttwo p{font-size:14px;line-height:20px;color:#666;display:inline-block}
#starttwo span{color:#f90;font-weight:300;}
#starttwo .attitude {font-size:15px;line-height:20px;color:#f90;font-weight:300;display:inline-block}
#starttwo .star_score {background:url(img/starky.png);background-size:auto 30px;width:150px;height:30px;position:relative;margin:0 auto 10px;}
#starttwo .star_score a {height:30px;display:block;position:absolute;left:0;}
#starttwo .star_score a:hover {background: url(img/starsy.png);background-size:auto 30px;left:0; -webkit-transition:all .3s linear; -moz-transition:all .3s linear; -o-transition:all .3s linear; -ms-transition:all .3s linear; transition:all .3s linear;}
#starttwo .star_score a.active {background: url(img/starsy.png);background-size:auto 30px;left:0;}

/* 弹出红包页 */
#mymodal{position:fixed;height:100%;width:100%;background-color:#000;z-index:99999;display:none;top:0;left:0;}
.reveal-modal{visibility:hidden;position:absolute;top:50%;left:50%;margin-top:-185px;margin-left:-36%;padding:0;width:72%;height:350px;background:#fff;-webkit-box-shadow:0 0 8px rgba(0,0,0,.4);-box-shadow:0 0 8px rgba(0,0,0,.4);-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;overflow: hidden; z-index:10000;}
.reveal-modal .heard{position:relative;display:block;width:70px;height:110px;margin:30px auto;}
.reveal-modal .heard img{-moz-border-radius:70px;-webkit-border-radius:70px;border-radius:70px;overflow:hidden;}
.reveal-modal .heard p{font-size:15px;line-height:30px;text-align:center;color:#333;font-weight:300;}
.reveal-modal .num{height:70px;font-size:40px;line-height:40px;font-weight:100;color:#ff4a4d;text-align:center;font-weight:300;margin:0 auto;}
.reveal-modal .num_btn{display:block;font-size:14px;line-height:30px;text-align:center;color:#666;}
.reveal-modal .san_botton{display:block; width:160px;height:38px;background:#ffe14d;font-size:16px;line-height:38px;text-align:center; -moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;margin:35px auto 0;}
.reveal-modal .close-reveal-modal {font-size:26px;line-height:26px;position:absolute;top:6px;right:10px;color:#aaa;font-weight:300;cursor:pointer;}