@charset "utf-8";
a,button,input,optgroup,select,textarea,div { -webkit-tap-highlight-color:rgba(0,0,0,0); /*去掉a、input和button点击时的蓝色外边框和灰色半透明背景*/ }
/*顶部*/
.wrapper{ width:100%; height:auto; background-color:#fff;}
img{ width:100%; height:auto;}

.person-one:before { content: "玩家一：";  }
.person-two:before { content: "玩家二："; }

.top{ width:100%; height:auto; position:relative;}
.swiper-container{ width:100%; height:auto; margin:0 auto; position:relative; overflow:hidden;}
.swiper-container .swiper-wrapper .swiper-slide{/*  float:left; box-sizing:border-box; position: relative; */}
.swiper-container .swiper-wrapper .current{}
.swiper-container .swiper-wrapper .swiper-slide p{ width: 100%; height: auto; position: absolute; left: 0%; bottom: 30px; text-align: center; font-size: 0.9rem; color: #fff; font-weight: bolder;}
.swiper-pagination-bullet{ opacity: 0.5;}
.swiper-pagination-bullet-active{ background: #fff; opacity: 1;}
.topTit{ width: 100%; height: auto; position: absolute; left: 0; top: 0; z-index: 1;}
.index{ width: 20%; height: auto; position: absolute; right: 1rem; top: 1rem; z-index: 2;}

section { width: 96%; margin: 0 auto;}
section.block-1 { padding: 0.7rem 0 0 0;}
section .tit-say{ width: 70%; height: auto; margin: 0 auto; padding: 1rem 0 0 0;}
section.block-1 .daren{ width: 100%; height: 70px; padding: 5px 10px; background-color: #ebebeb; box-sizing: border-box;}
section.block-1 .daren .drHeader{ width: 60px; height: auto; float: left;}
section.block-1 .daren .drHeader img{ border-radius: 50%;}

section.block-1 .daren .like { height: 60px;float: right;margin-right: 5px; }
section.block-1 .daren .like .like-heart-0{ margin-top: 22px;width: 15px;height: 14px; background: url("http://cdn-test.jinxidao.com/zhuanti/images/screamThursday_3/heart_start.png") no-repeat; background-size: 100% 100%; }
section.block-1 .daren .like .like-heart-1{ margin-top: 22px;width: 15px;height: 14px; background: url("http://cdn-test.jinxidao.com/zhuanti/images/screamThursday_3/heart_end.png") no-repeat; background-size: 100% 100%; }
section.block-1 .daren .like .like-num { color: #707070;font-size: 15px; }

section.block-1 .daren span{ margin: 0 0 0 10px; line-height: 60px; color: #6c6c6c; font-size: 0.8rem; float: left;}
section.block-1 .daren span em{ color: #000000; font-weight: bolder;}
section.block-1 h2 { font-size: 1rem; line-height: 1.5; display: -webkit-box;/*  -webkit-line-clamp: 2; overflow-y: hidden; -webkit-box-orient: vertical; */ font-weight: bolder; color: #000;}
section.block-1 .drAddress{ margin: 0.5rem 0 0 0; font-size: 0.8rem; color: #707070;}
section.block-1 .drAddress span{ font-weight: bolder;}
section.block-1 .prd-label { margin: 0.5rem 0;}
section.block-1 .prd-label span { float: left; display: inline-block; width: 23%;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; text-align: center; margin-right: 2.66%; font-size: .6rem; line-height: 1.5rem; background: #000000; color: #fff; box-sizing:border-box;}
section.block-1 .prd-highlight { width: 100%; margin: .17066667rem 0;}
section.block-1 .prd-highlight p { float: left; font-size: .6rem; color: #666; -webkit-box-flex: 1; margin-right: 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; text-indent: .7rem; background: url('http://cdn7.jinxidao.com/m/images/active/superThursday/icon.png') no-repeat; background-position-y: center; background-size: .65rem;}
section.block-1 .recommend { clear: both; font-size: .7rem; line-height: 1.2rem; color: #333;}
section.block-1 .recommend.line3 { margin-top: 0.2rem; display: -webkit-box; -webkit-line-clamp: 3; overflow-y: hidden; -webkit-box-orient: vertical;}
section.block-1 .recommend span { color: #000000;}
section.block-1 .show-arrow { height: 2rem; background: url('http://cdn7.jinxidao.com/m/images/active/superThursday/arrow-a.png') no-repeat; background-position: center; background-size: 3rem;}
section.block-1 .show-arrow.hide-arrow { transform: rotateX(180deg); -webkit-transform: rotateX(180deg);}

section .details-item .tit-taocan { width: 70%; height: auto; margin: 1rem auto;}
section .details-item .reasons .reasons-box { max-width: 100%; margin: 0 auto;}
section .details-item .reasons .reasons-box p { margin: 0 0 0.2rem 2rem; font-size: .7rem; line-height: 1.2rem; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
section .details-item .reasons .reasons-box p i{ color: #a337dc;}
section .details-item .reasons .reasons-box p span{ margin: 0 0.2rem; display: inline-block; width: 1.2rem; height: auto; line-height: 1.2rem; text-align: center; background-color: #a337dc; border-radius: 50%; color: #fff;}
section .details-item .tit-go{ width: 70%; height: auto; margin: 1rem auto;}
section .details-item .item-title{ width: 55%; border: 1px solid #000000; height: auto; margin: 1rem auto; padding: 5px 0; text-align: center;}
section .details-item .item-title p{ font-size: 12.5px; color: #000000; font-weight: bold;}
section .details-item .praTit{ font-size: 1rem; font-weight: bolder; line-height: 1.5rem; text-align: center; color:#000000; margin: 1rem auto;}
section .details-item .praTit span{ padding: 0.2rem 0.5rem; margin: 0 auto; border: 1px solid #000000;}
.separate { margin: .1rem 0 .5rem; display: -webkit-box;}
.separate:before, section .details-item .separate:after { content: ""; display: block; height: 1px; -webkit-box-flex: 1; background: #707070;}
.separate .arr { margin: 0 .08rem; border-top: .3rem solid #707070; border-left: .3rem solid transparent; border-right: .3rem solid transparent;}
section .swiper-container-horizontal>.swiper-pagination-bullets, section .swiper-pagination-custom, section .swiper-pagination-fraction { bottom: 1rem; left: 0; width: 100%;}
section .details-item .praCon{ position:static; width: 100%; height: auto; font-size: 14px; line-height: 2; color: #626262;  margin: 0 0 1rem 0;}
section .details-item .fogang .praCon{ margin: 0 0 0.2rem 0;}
section .details-item .praCon span{ display: block; width: 100%; height: auto; text-align: left; color: #000000; font-weight: bolder;}
section .details-item .praCon em{ display: block; margin:0 auto; text-align: left; font-weight: bolder;}
/*section .details-item .proCon span{ display: block; width: 100%; height: auto; text-align: left; color: #000000; font-weight: bolder;}*/
section .details-item .proCon span{ color: #000000;}
section .details-item .proCon em{ display: block; margin:0 auto; text-align: left; font-weight: bolder;}
section .details-item .praLitTit01{ display: block; width: 100%; height: auto; text-align: left; color: #000000; font-weight: bolder;}
section .details-item .praLitTit02{ font-size: 0.7rem; font-weight: bolder; line-height: 1.2rem; text-align: center; color:#707070;}

section .tit-tuijian{ width: 70%; height: auto; margin: 0 auto; padding: 1rem 0 0 0;}
.tuijianCon{ width: 80%; height: auto; margin: 0 auto;}
.tuijianCon h2{ font-size: 0.85rem; font-weight: bolder; color:#000000; margin: 0 auto;}
.tuijianCon .tj-person{ width: 100%; height: auto; font-size: 0.75rem; line-height: 1.2rem; color: #707070; margin: 0.3rem 0 0;}
.tuijianCon h3{ font-size: 0.8rem; font-weight: bolder; color:#626262;  margin: 0 0 0.1rem 0;}
.tuijianCon .xingcheng{ width: 100%; height: auto; font-size: 0.75rem; line-height: 1.2rem; color: #626262; margin: 0 0 0.3rem 0;}
.tuijianCon .xingcheng span{ color: #000000;}
section .fengexian{ width: 100%; height: 1px; background-color: #c5c5c5; margin: 1rem 0 0 0;}


section .tit-say{ width: 70%; height: auto; margin: 0 auto; padding: 1rem 0 0 0;}
.route{ width: 100%; height: auto; margin: 0 auto 0.5rem;}
.route .routeTit{ font-size: 0.8rem; font-weight: bolder; line-height: 1.2rem; color:#000000;}
.route .routeTit span{ margin: 0 0.2rem;}
.route p{ width: 96%; margin: 0 auto; font-size: .7rem; line-height: 1.2rem; color: #333;}
.route p span{ color:#000000;}
.arrowhead{ height: 3rem; background-size: 3rem; background: url('http://cdn7.jinxidao.com/m/images/active/superThursday/arrowhead.png') no-repeat; background-position: center;}
.arrowhead.arrowhead02{background: url('http://cdn7.jinxidao.com/m/images/active/superThursday/arrowheadR.png') no-repeat; background-position: center;}

section .com-list { width: 100%; padding: .64rem 0; display: -webkit-box;}
section .com-list .com-head { width: 12%; margin-right: 1%;}
section .com-list .com-head img { width: 1.94133333rem; height: 1.94133333rem; border-radius: 50%;}
section .com-list .com-main { -webkit-box-flex: 1; line-height: 1.5;}
section .com-list .com-main .com-name { display: -webkit-box; -webkit-box-align: center;}
section .com-list .com-main .com-name p { max-width: 80%; font-size: .8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; color: #000000;}
section .com-list .com-main .person-label span { font-size: 0.7rem; color: #b3b3b3; display: inline-block; margin-right: .5rem;}
section .com-list .com-main .com-txt { margin-right: 13%; color: #333; font-size: .7rem;/*  display: -webkit-box; -webkit-line-clamp: 5; overflow-y: hidden; -webkit-box-orient: vertical; */}

.yugao{ width: 96%; height: auto; margin: 0 auto;}
.huigu{ width: 96%; height: auto; margin: 1rem auto; border: 1px solid #000; box-sizing:border-box; text-align: center;}
.huigu a{ display: block; font-size: 1rem; font-weight: bolder; color: #000; line-height: 2rem;}

section .tit-tips{ width: 70%; height: auto; margin: 1rem auto;}
section .how-main { margin: 1rem 0 0; padding: 0 .4rem; position: relative;}
section .how-main h5 { font-size: .6rem; font-weight: 400; line-height: 1.2rem; color: #666;}
section .how-main h5:before { content: ""; display: inline-block; margin-right: .2rem; position: relative; top: -.085rem; border-left: .4rem solid #666; border-top: .3rem solid transparent; border-bottom: .3rem solid transparent;}
section .how-main .tipsCon{ width: 100%; height: auto; position: relative;}
section .how-main .tipsCon .zhishi{ position: absolute; left: 0.2rem; top: 0.1rem; width: 0; height: 0; border-top: 0.4rem solid transparent; border-left: 0.6rem solid #707070; border-bottom: 0.4rem solid transparent;}
section .how-main .tipsCon .txt { width: 90%; margin: 0 auto .4rem; font-size: .75rem; line-height: 1.2rem; color: #666;}
section .how-main .tipsCon .txt span{ display: block; width: 100%; height: 1px; margin: 0 auto 1rem;}
section .how-main .tipsCon .txt.line3 { display: -webkit-box; -webkit-line-clamp: 5; overflow-y: hidden; -webkit-box-orient: vertical;}
section .how-main .tipsCon .show-arrow { height: 2rem; background: url('http://cdn7.jinxidao.com/m/images/active/superThursday/arrow-a.png') no-repeat; background-position: center; background-size: 3rem;}
section .how-main .tipsCon .show-arrow.hide-arrow { transform: rotateX(180deg); -webkit-transform: rotateX(180deg);}

footer{ width:100%; height: 3rem; position: fixed; left: 0; bottom: 0; border: none; z-index: 999;}
footer a{ display: block; width:100%; height: 3rem;}
footer .daojishi { width: 70%; height: 3rem; float: left; background: #dfdfdf;}
footer .daojishi p { text-align: center; color: #000; font-size: 1rem;}
footer .daojishi p .sp01 { font-size: 0.6rem;}
footer .daojishi p .sp02 { font-size: 1.2rem;}
footer .daojishi p .sp03 { font-size: 0.8rem;}
footer .daojishi p .sp04 { font-size: 0.7rem; font-weight: normal;}
.daojishi p{ width:100%; height: 1.5rem; line-height: 1.5rem; text-align: center; font-size: 1.2rem; font-weight: bolder; color: #707070;}
.daojishi .djs{ width:100%; height: 1.5rem; line-height: 1.5rem; text-align: center;}
.daojishi d{ font-size:1rem; font-family:"Impact";}
.daojishi span{ font-size:0.8rem;}

#prompt {position: absolute;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5); display: none;}
#prompt .seckill-promptBox {position: fixed;z-index: 2;left: 20%;top: 30%;width: 60%;max-width: 500px;padding: 10px;color: #000;text-align: center;border-top: 5px solid #ff7800;background: #fff;font-size: 13px;}
#prompt .seckill-promptTxt {margin-top: 20px;}
#prompt .promptBtnLeft {background: #ff7800;border-color: #ff7800;}
#prompt .promptBtnLeft a {color: #fff;}    
#prompt .seckill-promptBtn {display: block;width: 46%;height: 30px;line-height: 30px;margin-top: 20px;float: left;color: #666;border: 1px solid #c5c5c5;box-sizing: border-box;}

footer .btn { width: 30%; height: 3rem; font-weight: bolder; float: left; background:#000 url(http://cdn7.jinxidao.com/m/images/active/screamThursday_2/remind.png) no-repeat; background-position: 85% center; background-size:1rem 1rem; font-size: 1rem; line-height: 3rem; color: #fff; font-weight: bolder; box-sizing:border-box;}
footer .btn.warning{ padding: 0 0 0 5%;}
footer .btn.beenSet{text-align: center; color: #fff; background:#9d9d9d;}
.dp-n {display: none; }

.showTips{ position: fixed; top: 40%; width: 100%; z-index: 8999; font-size: 15px; }
.showTips div{ width: 70%; margin: 0 auto; padding: 10px; text-align: center; border-radius: 20px; color: #fff; background: rgba(0,0,0,.7); }

.layer-fullScreen{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.5);top:0;left: 0;z-index: 1000;}
.layer-fullScreen .outer{position: absolute;background-color: #fff;width: 90%;min-height: 160px;margin-left:5%;border-radius: 5px;top: 25%;}
.layer-fullScreen .outer .main{padding: 15px;}
.layer-fullScreen .outer .main .hd{text-align: center;color: #574324;font-size: 16px;margin-bottom: 5px;}
.layer-fullScreen .outer .main .hd .message-title{font-size: 18px;font-weight: bold;margin-bottom: 2px;display: inline-block;}
.layer-fullScreen .outer .main .body{color: #bda895;font-size: 14px;}
.layer-fullScreen .outer .main .ft{text-align: center;}
.layer-fullScreen .outer .main .ft .btn-comfirm{background-color: #ff9000;display: block;line-height: 40px;border-radius: 4px;color: #fff;font-size: 18px;margin-top: 10px;}

/*弹出*/
.zhezhao{ width: 100%; height: 100%; background:rgba(0,0,0,0.7); position: fixed; left: 0; top: 0; z-index: 99998; display:none;}
.qgTanchuang{ width: 90%; height: auto; padding: 0.5rem 0 1rem 0; position: fixed; left: 5%; bottom: 20%; z-index: 99999; background-color: #fff; box-shadow:2px 2px 3px #aaaaaa; display: none;}
.qgClose{ position: absolute; right: 0.2rem; top: -0.6rem; color: #000; font-size: 1.6rem;}
.qg{ width: 100%; height: auto; padding: 0.5rem 0rem 0 1rem; background: url(http://cdn7.jinxidao.com/m/images/active/screamThursday_2/fangkuai.png) no-repeat; background-position: 0.2rem 0.75rem; background-size: 0.65rem 0.65rem; box-sizing:border-box;}
.qgLeft{ width: 74%; float: left;}
.qgCon{ font-size: 13px; color: #000;}
.qgTime{ font-size: 0.8rem; color: #8a8a8a;}
.qgRight{ width: 26%; float: right; text-align: right; font-size: 1rem; font-weight: bolder; color: #ff0100;}
.qgRight span{ font-size: 0.7rem;}
.btn_down{ width: 100%; height: auto; margin: 0.5rem auto 1rem; text-align: center;}
.btn_down a{ padding: 0.5rem 1rem; background-color: #ee7a2d; font-size: 1rem; font-weight: bolder; color: #fff; box-sizing:border-box;}
.qgTs{ width: 80%; height: auto; margin: 0 auto; text-align: center;}
.qgTs span{ display: block; font-size: 12px; color: #000; line-height: 20px;}

/*返回顶部*/
#gotoTop { display: none; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2); position: fixed; bottom: 100px; right: 15px; cursor: pointer; z-index: 999999; opacity: 1; width: 40px; height: 40px; border: 0 solid; border-radius: 50px; background: 0; background-color: rgba(255, 255, 255, 0.8); background-image: url(""); }
#gotoTop a { display: block; margin: 0 auto; width: 40px; height: 40px; overflow: hidden; text-indent: -999em; background: url("http://cdn7.jinxidao.com/m/youji/images/top_03.png") no-repeat center; background-size: 45% 60%; }

/*底部*/
.bottom{ width:100%; height:auto; padding:10px 0 30px 0; text-align:center;}
.bottom span{ font-size:0.5rem; display:none;}
.bottom img{ width:100%; height:auto;}

/*弹框部分*/
.prompt { position: fixed; z-index: 99; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);}
.prompt .showBox { margin: 0 auto; width: 80%; height: 160px; background: #fff; border-radius: 10px;}
.prompt .showBox .p_tit { color: #bda895; height: 30px; margin: 0px 0 20px 0; padding: 5px; line-height: 30px; font-size: 16px; text-align: center; border-bottom: 1px #dee1e5 solid;}
.prompt .showBox .p_cont { text-align: center; margin-bottom: 20px; font-size: 15px; color: #574324; font-weight: bold;}
.prompt .showBox .btn_sure { border: none; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; width: 100%; height: 50px; background: #f6f6f6; text-align: center; color: #ff7800; font-size: 16px; border-top: 1px #dee1e5 solid;}
.prompt .showBox .btn_classL { float: left; border: none; border-bottom-left-radius: 10px; width: 50%; height: 57px; background: #f6f6f6; text-align: center; color: #876c52; font-size: 16px; border-top: 1px #dee1e5 solid;}
.prompt .showBox .btn_classR { float: left; border: none; border-left: 1px #dee1e5 solid; border-bottom-right-radius: 10px; width: 50%; height: 57px; background: #f6f6f6; text-align: center; color: #ff7800; font-size: 16px; border-top: 1px #dee1e5 solid;}
.prompt .showBox .btn_update { display: inline-block; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; width: 100%; height: 50px; line-height: 50px; background: #f6f6f6; text-align: center; color: #ff7800; font-size: 16px; border-top: 1px #dee1e5 solid;}
/*弹框部分*/