@charset "utf-8";
body,div,ul,li,h1,h2,p,span,b,i,u,s,em,a,input,select,textarea{margin:0;padding:0;font-size:12px;color:#666;list-style:none;font-style:normal;text-decoration:none;font-family:Arial, Helvetica, sans-serif;}
a,input,select,textarea{text-decoration:none; outline:none; resize:none;}bg1
button::-moz-focus-inner, input::-moz-focus-inner {padding:0;border:none;}
fieldset, img{border:0;}
.clear {zoom:1;}
.clear:after {
    clear:both;
    content:'';
    display:block;
    width: 0;
    height: 0;
    visibility:hidden;
}
.ellipsis{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.inline {
	vertical-align:middle;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.hide {display:none !important;}
.fl_r {float: right;}
.center {text-align: center;}
* {
    margin: 0;padding: 0;
    box-sizing: border-box;
}
body{
    background-color:#12131E;
    overflow: hidden;
}
.page {
    position: relative;
    left: -4px;
    width: 1260px;
    margin: 0 auto;
}
.page .sw_top {
    width: 100%;
    height: 260px;
    margin: 0 auto;
    background: url(https://res.kedou8.com/storage/assets/yww/2a/21/2a210b84052f774ae3b628e289ec8587.jpeg) no-repeat;
    background-size:100% auto;
    position: relative;
}
.Gok.page .sw_top {background-image: url(https://res.kedou8.com/storage/assets/yww/f6/6b/f66b885fa094662c76f4196f1eb1f8d6.jpeg);}
.pupg.page .sw_top {background-image: url(https://res.kedou8.com/storage/assets/yww/0c/d9/0cd9597d1b86833dd9a361630962df98.jpeg);}
.pupg2.page .sw_top {background-image: url(https://res.kedou8.com/storage/assets/yww/0c/d6/0cd63a7fb982b66ec95992e6844df74c.jpeg);}
.sw_top .icon-title {
    float: left;
    display: inline-block;
    vertical-align: middle;
    width:60px;
    height:60px;
    margin:24px 20px 0 60px;
    background: url(https://res.kedou8.com/storage/assets/yww/41/93/4193adac1ed7dcf82e29d7a4b2b2ef48.png) no-repeat 50% 50%;
    cursor: pointer;
}
.Gok .sw_top .icon-title {
    background-image: url(https://res.kedou8.com/storage/assets/yww/26/b6/26b6d264146532779831c3d20009656d.png);
}
.pupg .sw_top .icon-title {
    background-image: url(https://res.kedou8.com/storage/assets/yww/d4/11/d411f508720b26023cfe110785d60929.png);
}
.pupg2 .sw_top .icon-title {
    background-image: url(https://res.kedou8.com/storage/assets/yww/26/55/2655f0305078061196cb46fed195c854.png);
}
.sw_top .title {
    display: inline-block;
    margin-top: 28px;
    padding-top:36px;
    line-height: 20px;
    font-size: 14px;
    color:#DDDFF7;
    font-weight: normal;
    background: url(https://res.kedou8.com/storage/assets/yww/42/36/42361019495f28b102912118a3db5f16.png) no-repeat;
    cursor: pointer;
}
.Gok .sw_top .title {
    background-image: url(https://res.kedou8.com/storage/assets/yww/d6/80/d680690e750ff1be4d705d1138b1a227.png);
}
.pupg .sw_top .title {
    background-image: url(https://res.kedou8.com/storage/assets/yww/ec/70/ec7018e0177cb67aca18f7b95e1a3d91.png);
}
.pupg2 .sw_top .title {
    background-image: url(https://res.kedou8.com/storage/assets/yww/0d/6a/0d6a09ad0cbe9bc164dc3ff6e348b806.png);
}
.sw_top ul.tag_box {
    position: absolute;
    top:16px;
    right: 4px;
    z-index: 6;
    white-space: nowrap;
}
.lol_page .sw_top ul.tag_box,.uu .sw_top ul.tag_box,.wg_page .sw_top ul.tag_box {display: none;}
.sw_top ul.tag_box li {
    width:150px;
    height:40px;
    margin-right:15px;
    display: inline-block;
    font-size: 0;
    text-align: center;
    background-color:rgba(0,0,0,0.5);
    border-radius: 6px;
    cursor: pointer;
}
.uu .sw_top ul.tag_box li,.uu .new_box ul li,.uu .contact {background-color:rgba(255,255,255,0.1);}
.sw_top ul.tag_box li b {
    width:25px;
    height:25px;
    margin-right:12px;
    display: inline-block;
    vertical-align: middle;
    background: url(https://res.kedou8.com/storage/assets/yx/default/000/26/57/13.png) no-repeat 50% 50%;
    background-size: contain;
}
.sw_top ul.tag_box li.tag2 b {background-image:url(https://res.kedou8.com/storage/assets/yx/default/000/26/57/11.png);}
.sw_top ul.tag_box li.tag3 b {background-image:url(https://res.kedou8.com/storage/assets/yww/default/000/26/67/99.png);}
.uu .sw_top ul.tag_box li b {background-image:url(https://res.kedou8.com/storage/assets/yx/default/000/27/12/47.png);}
.uu .sw_top ul.tag_box li.tag2 b {background-image:url(https://res.kedou8.com/storage/assets/yx/default/000/27/12/51.png);}
.uu .sw_top ul.tag_box li.tag3 b {background-image:url(https://res.kedou8.com/storage/assets/yx/default/000/27/12/49.png);}
.sw_top ul.tag_box li span {
    width:70px;
    height:24px;
    margin: 8px 0;
    display: inline-block;
    vertical-align: middle;
    background: url(https://res.kedou8.com/storage/assets/yx/default/000/26/57/15.png) no-repeat 50% 50%;
}
.sw_top ul.tag_box li.tag2 span {background-image:url(https://res.kedou8.com/storage/assets/yx/default/000/26/57/16.png);}
.sw_top ul.tag_box li.tag3 span {width:88px; background-image:url(https://res.kedou8.com/storage/assets/yx/default/000/26/57/17.png);}

.sm_box {
    width: 330px;
    margin-bottom: 14px;
    background-color: #353543;
    border-radius: 6px;
}
.sm_box u {
    display: inline-block;
    vertical-align: middle;
    margin:14px;
    width: 118px;
    height: 118px;
    background: url(https://res.kedou8.com/storage/assets/yx/default/000/26/57/29.png) no-repeat;
    background-size: contain;
}
.sm_box i {
    display: inline-block;
    vertical-align: middle;
}
.sm_box i span {
    display:block;
    line-height:40px;
    color:#DDDFF7;
}
.sm_box i b {
    display:block;
    line-height:50px;
    font-size: 20px;
    color: #fff;
}
.sm_box i em {
    display: inline-block;
    padding: 0 6px;
    line-height: 22px;
    color: #fff;
    background-color: #FE323B;
    border-radius: 4px;
}

.img_roll {
    position: relative;
    width: 330px;
    height: 146px;
    margin-bottom: 14px;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
}
.img_roll .roll_order {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
    width:100%;
    height:20px;
    text-align: center;
}
.img_roll .roll_order .swiper-pagination-bullet {
    display: inline-block;
    margin: 0 4px;
    width: 10px;
    height: 10px;
    background-color: rgba(255,255,255,0.2);
    border-radius: 50%;
    opacity: 1;
}
.img_roll .roll_order .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: rgba(255,255,255,0.8);}
.img_roll .img_list {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 6;
    height:100%;
    white-space: nowrap;
    font-size: 0;
}
.img_roll .img_list img {
    height:100%;
    width: 330px;
}
.matching {
    position: relative;
    height: 460px;
    width: 330px;
    margin-bottom: 14px;
}
.matching .matching_box {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    height: 100%;
    width: 100%;
    background-color: #353543;
    border-radius: 6px;
}
.welfare .matching {
    height: 400px !important;
    background: url(https://res.kedou8.com/storage/assets/yx/default/000/28/34/98.png) no-repeat 50% 50%;
}
.welfare .matching div {display: none;}
.welfare .matching a {
    float: left;
    width: 100%;
    height: 100%;
}
.matching h1 {
    margin: 0 auto;
    width: 100%;
    font-size: 0;
}
.matching h1 b {
    display: block;
    width: 100%;
    height: 83px;
    background: url(https://res.kedou8.com/storage/assets/yx/default/000/26/59/95.png) no-repeat 50% 50%;
}
.matching h1 em {
    display: block;
    margin:-12px auto 0;
    width:294px;
    height:122px;
    background: url(https://res.kedou8.com/storage/assets/yx/default/000/26/57/07.gif) no-repeat;
    cursor: pointer;
    position: absolute;
    left: 50%;
    margin-left: -147px;
    bottom: 0;
}
.pubg .matching h1 em,.uu .matching h1 em {background-image:url(https://res.kedou8.com/storage/assets/yx/default/000/26/65/71.gif);}
.matching p {
    margin: -18px auto 10px;
    text-align: center;
    width: 227px;
    height: 20px;
    line-height: 20px;
    background: url(https://res.kedou8.com/storage/assets/yww/default/000/26/67/40.png) no-repeat center center;
    background-size: contain;
}
.matching p b {
    display: inline-block;
    vertical-align: middle;
    width: 21px;
    height: 23px;
    background: url(https://res.kedou8.com/storage/assets/yx/default/000/26/60/76.png) no-repeat 50% 50%;
    background-size: contain;
}
.wzry .matching p b {
    width: 27px;
    height: 24px;
    background-image: url(https://res.kedou8.com/storage/assets/yww/default/000/26/67/77.png);
    background-size: contain;
}
.hpjy .matching p b {
    width: 31px;
    height: 24px;
    background-image: url(https://res.kedou8.com/storage/assets/yww/default/000/26/67/78.png);
    background-size: contain;
}
.cf .matching p b {
    width: 31px;
    height: 24px;
    background-image: url(https://res.kedou8.com/storage/assets/yww/default/000/26/67/34.png);
    background-size: contain;
}
.wg_page .matching .carrer-list {
    text-align: center;
    margin-bottom: 20px;
}
.wg_page .matching .carrer-list span {
    display: inline-block;
    width: 30%;
    cursor: pointer;
}
.wg_page .matching {
    height: 487px;
    overflow: hidden;
}
.wg_page .matching .carrer-list em {
    display: block;
    margin: 0 auto;
}
.wg_page .matching .carrer-list b {
    display: inline-block;
    vertical-align: middle;
    width: 21px;
    height: 23px;
    margin-bottom: 8px;
    background: url(https://res.kedou8.com/storage/assets/yx/default/000/26/60/76.png) no-repeat 50% 50%;
    background-size: contain;
}
.wg_page .matching .carrer-list span b {
    background-size: contain;
    background-image: url(https://res.kedou8.com/storage/assets/yww/default/000/26/67/56.png);
}
.wg_page .matching .carrer-list span:hover em{
    color: #fff;
}
.wg_page .matching .carrer-list span em {
    color: #A9A9A9;
}
.wg_page .matching .carrer-list span.on em {
    color: #fff;
}
.wg_page .matching .carrer-list span.on b {
    background-image: url(https://res.kedou8.com/storage/assets/yx/default/000/26/60/76.png);
}
.wg_page .matching .carrer-list b.cf {
    background-image: url(https://res.kedou8.com/storage/assets/yww/default/000/26/68/70.png);
    background-size: contain;
}
.wg_page .matching .carrer-list span.on b.cf {
    background-image: url(https://res.kedou8.com/storage/assets/yww/default/000/26/67/34.png);
}
.wg_page .matching .carrer-list b.pubg {
    background-image: url(https://res.kedou8.com/storage/assets/yww/default/000/26/67/55.png);
    background-size: contain;
}
.wg_page .matching .carrer-list span.on b.pubg {
    background-image: url(https://res.kedou8.com/storage/assets/yww/default/000/26/67/54.png);
}
.pubg .matching p b,.uu .matching p b {background-image: url(https://res.kedou8.com/storage/assets/yx/default/000/26/59/80.png);}
.wg_page .title_img {
    width: 227px;
    height: 20px;
    margin: -20px auto 20px;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    background: url(https://res.kedou8.com/storage/assets/yww/default/000/26/67/40.png) no-repeat center center;
    background-size: contain;
}
.wg_page .matching p {
    margin-top: 20px;
}
.matching p em {
    vertical-align: middle;
    margin:0 14px 0 5px;
    font-size: 14px;
    color: #fff;
}
.matching p span {
    vertical-align: middle;
    color:rgba(255, 255, 255, 0.7);
}
.matching i {
    display: block;
    margin:0 auto;
    width: 100%;
    height:70px;
    text-align: center;
}
.matching i span {
    position: relative;
    display: inline-block;
    margin:0 16px;
    line-height:50px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}
.matching i span:hover {
    position: relative;
    font-weight: bold;
    color:#FFF719;
}
.matching i span.on {
    position: relative;
    font-weight: bold;
    color:#FFF719;
}
.matching i span.hot s {
    content: "";
    position: absolute;
    top: -2px;
    right: -26px;
    z-index: 6;
    width: 33px;
    height: 20px;
    background: url(https://res.kedou8.com/storage/assets/yx/default/000/26/67/20.png) no-repeat;
}
.matching i span.on:after {
    content: "";
    position: absolute;
    left: 30%;
    top: 41px;
    width: 40%;
    height: 3px;
    background-color: #FFF458;
    border-radius: 2px;
}
.matching ul {
    margin:0 auto;
    width: 100%;
}
.matching ul li {
    display: block;
    margin:0 auto 8px;
    width: 300px;
    font-size: 0;
}
.matching ul li span {
    display:inline-block;
    vertical-align: top;
    line-height: 30px;
    font-size: 14px;
    color: #9092A8;
}
.matching ul li u {
    display:inline-block;
    vertical-align: top;
    width: 270px;
    font-size: 0;
}
.matching ul li u em {
    display:inline-block;
    margin:0 0 10px 10px;
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #aaa;
    text-align: center;
    background-color: rgba(255,255,255,0.1);
    border-radius: 16px;
    cursor: pointer;
}
.matching ul li u em:hover {color:#FED019;}
.matching ul li u em.on {
    color:#50340E;
    background-color:#FFE026;
}
.matching .condition {
    display: inline-block;
    margin: 0 auto;
}
.matching .condition u {
    display:block;
    width: 100%;
    line-height:30px;
    color: #aaa;
    white-space: nowrap;
    text-align: left;
}
.matching .condition u span {color: #fff;}
.matching .condition u b {
    display:block;
    margin: -16px auto 6px;
    width: 30px;
    height: 30px;
    background: url(https://res.kedou8.com/storage/assets/yx/default/000/26/60/76.png) no-repeat 50% 50%;
}
.cf .matching .condition u b {
    background-image: url(https://res.kedou8.com/storage/assets/yww/default/000/26/67/34.png);
    background-size: contain;
}
.wzry .matching .condition u b {
    background-image: url(https://res.kedou8.com/storage/assets/yww/default/000/26/67/77.png);
    background-size: contain;
}
.hpjy .matching .condition u b {
    background-image: url(https://res.kedou8.com/storage/assets/yww/default/000/26/67/78.png);
    background-size: contain;
}
.matching .condition u b.pubg {
    background-size: contain;
    background-image: url(https://res.kedou8.com/storage/assets/yww/default/000/26/67/54.png);
}
.matching .condition u b.cf {
    background-size: contain;
    background-image: url(https://res.kedou8.com/storage/assets/yww/default/000/26/67/34.png);
}
.pubg .matching .condition u b,.uu .matching .condition u b {background-image: url(https://res.kedou8.com/storage/assets/yx/default/000/26/59/80.png);}
.matching dl {
    display:block;
    width: 100%;
    margin:0 auto;
}
.matching dl dd {
    display:block;
    margin:16px auto;
    width:100%;
    font-size: 0;
}
.matching dl dd u {
    display: inline-block;
    width:74px;
    height:74px;
    margin: 0 8px;
    border: 2px solid #B6A5C6;
    border-radius: 50%;
    font-size: 0;
    white-space: nowrap;
    overflow: hidden;
}
.matching .vanish dl dd u.ok {
    position: relative;
    z-index: 9;
    animation:ok 1s linear;
    animation-delay:2s;
    animation-fill-mode:forwards;
}
@keyframes ok {
    0.01% {transform: scale(1); border-color:#B6A5C6;}
    15% {transform: scale(1.2);}
    45% {transform: scale(0.8);}
    60% {transform: scale(1); border-color:#FFD800;}
	100% {transform: scale(3); border-color:#FFD800;}
}
.matching .vanish {
    animation:vanish 0.3s linear;
    animation-delay:4s;
    animation-fill-mode:forwards;
}
@keyframes vanish {
    0.01% {opacity: 1;}
	100% {opacity:0; z-index: 8;}
}
.matching .vanish dl dd u img {
    position: relative;
    top: 0;
    width:70px;
    height:70px;
    animation:fast 2s ease;
    animation-fill-mode:forwards;
}
@keyframes fast {
	0.01% {left:0;}
	100% {left:-980px;}
}
.matching dl dt {
    display:block;
    margin:0 auto;
    width:100%;
}
.matching dl dt span {
    display:block;
    margin:0 auto;
    line-height: 20px;
    color: #fff;
}
.matching dl dt i {
    position: relative;
    display:block;
    margin:0 auto;
    height: 30px;
}
.matching dl dt i b {
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    line-height: 30px;
    font-size: 20px;
    color: #fff;
}
.matching dl dt i b.s2,.matching dl dt i b.s1,.matching dl dt i b.s0 {opacity:0;}
.matching .vanish dl dt i b.s3 {
    animation:s3 2s linear;
    animation-fill-mode:forwards;
}
@keyframes s3 {
    0.01% {transform:scale(1); opacity:1;}
    7% {transform:scale(1.2);}
    20% {transform:scale(0.8);}
    30% {transform:scale(1); opacity:1;}
    32% {transform:scale(1); opacity:0;}
	100% {opacity:0;}
}
.matching .vanish dl dt i b.s2 {
    animation:s2 2s linear;
    animation-fill-mode:forwards;
}
@keyframes s2 {
    32% {opacity:0;}
    33% {transform:scale(1); opacity:1;}
    40% {transform:scale(1.2);}
    53% {transform:scale(0.8);}
    63% {transform:scale(1); opacity:1;}
    65% {transform:scale(1); opacity:0;}
}
.matching .vanish dl dt i b.s1 {
    animation:s1 2s linear;
    animation-fill-mode:forwards;
}
@keyframes s1 {
    65% {opacity:0;}
    66% {transform:scale(1); opacity:1;}
    73% {transform:scale(1.2);}
    86% {transform:scale(0.8);}
    96% {transform:scale(1); opacity:1;}
    98% {transform:scale(1); opacity:0;}
}
.matching .vanish dl dt i b.s0 {
    animation:s0 2s linear;
    animation-fill-mode:forwards;
}
@keyframes s0 {
    98% {opacity:0;}
    99% {opacity:1;}
    100% {opacity:1;}
}
.matching dl dt em {
    display:inline-block;
    margin:16px auto;
    width: 100px;
    line-height: 30px;
    color:#FFE025;
    border: 1px solid #FFE025;
    border-radius: 6px;
    cursor: pointer;
}
.matching dl dt em:hover {
    color:#50330D;
    border: 1px solid #FFE025;
    background-color:#FFE025;
}
.matching2 {
    position: relative;
    height: 552px;
    width: 330px;
}
.matching2 .matching_box {
    position: absolute;
    left: 0;
    top:0;
    z-index: 9;
    height: 100%;
    width: 100%;
    background: url(https://res.kedou8.com/storage/assets/yx/default/000/28/38/43.png) no-repeat 0 6px;
    border-radius: 6px;
}
.welfare .matching2 {
    height: 400px !important;
    background: url(https://res.kedou8.com/storage/assets/yx/default/000/28/34/98.png) no-repeat 50% 50%;
}
.welfare .matching2 div {display: none;}
.welfare .matching2 a {
    float: left;
    width: 100%;
    height: 100%;
}
.matching2 h1 {
    margin: 0 auto;
    width: 100%;
    font-size: 0;
}
.matching2 h1 b {
    display: block;
    width: 100%;
    height:55px;
    background: url(https://res.kedou8.com/storage/assets/yx/default/000/28/38/46.png) no-repeat 50% 50%;
}
.matching2 h1 em {
    display: block;
    margin:26px auto 0;
    width:246px;
    height:68px;
    background: url(https://res.kedou8.com/storage/assets/yww/default/000/28/42/80.png) no-repeat;
    cursor: pointer;
    opacity: 0.8;
}
.pubg .matching2 h1 em,.uu .matching2 h1 em {background-image:url(https://res.kedou8.com/storage/assets/yx/default/000/26/65/71.gif);}
.matching2 p {
    margin: 10px auto 24px;
    text-align: center;
    width: 227px;
    height: 20px;
    line-height: 20px;
}
.matching2 p b {
    display: inline-block;
    vertical-align: middle;
    width: 21px;
    height: 23px;
    background: url(https://res.kedou8.com/storage/assets/yx/default/000/26/60/76.png) no-repeat 50% 50%;
    background-size: contain;
}
.wzry .matching2 p b {
    width: 27px;
    height: 24px;
    background-image: url(https://res.kedou8.com/storage/assets/yww/default/000/26/67/77.png);
    background-size: contain;
}
.hpjy .matching2 p b {
    width: 31px;
    height: 24px;
    background-image: url(https://res.kedou8.com/storage/assets/yww/default/000/26/67/78.png);
    background-size: contain;
}
.cf .matching2 p b {
    width: 31px;
    height: 24px;
    background-image: url(https://res.kedou8.com/storage/assets/yww/default/000/26/67/34.png);
    background-size: contain;
}
.pubg .matching2 p b,.uu .matching2 p b {background-image: url(https://res.kedou8.com/storage/assets/yx/default/000/26/59/80.png);}
.wg_page .title_img {
    width: 227px;
    height: 20px;
    margin: -20px auto 20px;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    background: url(https://res.kedou8.com/storage/assets/yww/default/000/26/67/40.png) no-repeat center center;
    background-size: contain;
}
.wg_page .matching2 p {
    margin-top: 20px;
}
.matching2 p em {
    vertical-align: middle;
    margin:0 14px 0 5px;
    font-size: 14px;
    color: #D7AB56;
}
.matching2 p span {
    vertical-align: middle;
    font-size: 14px;
    color:#8BA7AE;
}
.matching2 ul {
    margin:0 auto;
    width: 100%;
}
.matching2 ul li {
    display: block;
    margin:0 auto 6px;
    width: 300px;
    font-size: 0;
}
.matching2 ul li span {
    display:inline-block;
    vertical-align: top;
    margin:0 5px 0 10px;
    line-height:26px;
    font-size: 14px;
    color: #9092A8;
}
.matching2 ul li u {
    display:inline-block;
    vertical-align: top;
    width: 250px;
    font-size: 0;
}
.matching2 ul li u em {
    position: relative;
    display:inline-block;
    margin:0 0 8px 15px;
    width:64px;
    line-height:24px;
    color: #8A8A8A;
    text-align: center;
    background-color: #051C23;
    border: 1px solid #3F4646;
    border-radius: 4px;
    cursor: pointer;
    overflow: hidden;
}
.matching2 ul li u em:hover {
    border-color:#ccc;
    color:#fff;
}
.matching2 ul li u em.on {
    border-color:#7D633F;
    color:#CDBD8D;
    background-color:#33210E;
}
.matching2 ul li u em img {
    float: left;
    width: 100%;
    height: 100%;
}
.matching2 ul li u em code {
    position: absolute;
    left: 0;
    bottom:-1px;
    z-index: 9;
    width: 100%;
    line-height: 18px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.8);
}
.matching2 .condition {
    display: inline-block;
    margin: 60px auto 0;
}
.matching2 .condition u {
    display:block;
    width: 100%;
    line-height:30px;
    color: #aaa;
    white-space: nowrap;
    text-align: left;
}
.matching2 .condition u span {color: #fff;}
.matching2 .condition u b {
    display:block;
    margin: -16px auto 6px;
    width: 30px;
    height: 30px;
    background: url(https://res.kedou8.com/storage/assets/yx/default/000/26/60/76.png) no-repeat 50% 50%;
}
.cf .matching2 .condition u b {
    background-image: url(https://res.kedou8.com/storage/assets/yww/default/000/26/67/34.png);
    background-size: contain;
}
.wzry .matching2 .condition u b {
    background-image: url(https://res.kedou8.com/storage/assets/yww/default/000/26/67/77.png);
    background-size: contain;
}
.hpjy .matching2 .condition u b {
    background-image: url(https://res.kedou8.com/storage/assets/yww/default/000/26/67/78.png);
    background-size: contain;
}
.matching2 .condition u b.pubg {
    background-size: contain;
    background-image: url(https://res.kedou8.com/storage/assets/yww/default/000/26/67/54.png);
}
.matching2 .condition u b.cf {
    background-size: contain;
    background-image: url(https://res.kedou8.com/storage/assets/yww/default/000/26/67/34.png);
}
.pubg .matching2 .condition u b,.uu .matching2 .condition u b {background-image: url(https://res.kedou8.com/storage/assets/yx/default/000/26/59/80.png);}
.matching2 dl {
    display:block;
    width: 100%;
    margin:0 auto;
}
.matching2 dl dd {
    display:block;
    margin:16px auto;
    width:100%;
    font-size: 0;
}
.matching2 dl dd u {
    display: inline-block;
    width:74px;
    height:74px;
    margin: 0 8px;
    border: 2px solid #B6A5C6;
    border-radius: 50%;
    font-size: 0;
    white-space: nowrap;
    overflow: hidden;
}
.matching2 .vanish dl dd u.ok {
    position: relative;
    z-index: 9;
    animation:ok 1s linear;
    animation-delay:2s;
    animation-fill-mode:forwards;
}
.matching2 .vanish {
    animation:vanish 0.3s linear;
    animation-delay:4s;
    animation-fill-mode:forwards;
}
.matching2 .vanish dl dd u img {
    position: relative;
    top: 0;
    width:70px;
    height:70px;
    animation:fast 2s ease;
    animation-fill-mode:forwards;
}
.matching2 dl dt {
    display:block;
    margin:0 auto;
    width:100%;
}
.matching2 dl dt span {
    display:block;
    margin:0 auto;
    line-height: 20px;
    color: #fff;
}
.matching2 dl dt i {
    position: relative;
    display:block;
    margin:0 auto;
    height: 30px;
}
.matching2 dl dt i b {
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    line-height: 30px;
    font-size: 20px;
    color: #fff;
}
.matching2 dl dt i b.s2,.matching2 dl dt i b.s1,.matching2 dl dt i b.s0 {opacity:0;}
.matching2 .vanish dl dt i b.s3 {
    animation:s3 2s linear;
    animation-fill-mode:forwards;
}
.matching2 .vanish dl dt i b.s2 {
    animation:s2 2s linear;
    animation-fill-mode:forwards;
}
.matching2 .vanish dl dt i b.s1 {
    animation:s1 2s linear;
    animation-fill-mode:forwards;
}
.matching2 .vanish dl dt i b.s0 {
    animation:s0 2s linear;
    animation-fill-mode:forwards;
}
.matching2 dl dt em {
    display:inline-block;
    margin:20px auto;
    width: 100px;
    line-height: 30px;
    color:#FFE025;
    border: 1px solid #FFE025;
    border-radius: 6px;
    cursor: pointer;
}
.matching2 dl dt em:hover {
    color:#50330D;
    border: 1px solid #FFE025;
    background-color:#FFE025;
}

.back_condition {
    display:inline-block;
    margin-left: 20px;
    line-height: 60px;
    font-size: 14px;
    color: #8BA7AE;
    cursor: pointer;
}
.back_condition:hover {color:#F4C81A;}
.fast_result img {
    margin-top:6px;
    width:90px;
    height:90px;
    border-radius: 12px;
    cursor: pointer;
}
.matching2 .fast_result .voice {
    position: relative;
    z-index: 9;
    display:block;
    margin: -13px auto 0;
    width:53px;
    height: 18px;
    background:url(https://res.kedou8.com/storage/assets/yww/default/000/28/42/83.png) no-repeat;
    cursor: pointer;
}
.result_name {
    display: block;
    width: 100%;
    margin: 0 auto;
    line-height:32px;
}
.result_name span {
    display: inline-block;
    vertical-align: middle;
    max-width: 240px;
    font-size:14px;
    color: #fff;
    /* font-weight: bold; */
}
.result_tag {
    display: block;
    width: 100%;
    margin: 2px auto 14px;
    line-height: 20px;
    font-size: 0;
}
.result_tag em {
    display: inline-block;
    vertical-align: middle;
    padding: 0 7px;
    margin: 0 4px;
    color:#CDBD8D;
    border: 1px solid #7D633F;
    background-color:#33210E;
    border-radius: 4px;
}
.result_tag i,.choice_list u i {
    display: inline-block;
    vertical-align: middle;
    padding-left: 12px;
    width:42px;
    height:18px;
    line-height: 18px;
    background:rgba(255,43,143,0.2) url(./female.png) no-repeat 6px 4px;
    background-size: 10px 10px;
    border-radius:10px;
    font-size: 12px;
    color: #FF2B8F;
    text-align: center;
}
.result_tag i.male,.choice_list u i.male {
    color: #41BCF5;
    background:rgba(27,133,253,0.2) url(./male.png) no-repeat 6px 4px;
    background-size: 10px 10px;
}
.result_tag span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    padding-left: 14px;
    color:#718D94;
    background:url(https://res.kedou8.com/storage/assets/yww/default/000/28/42/84.png) no-repeat 0 50%;
}
.result_tag b {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px;
    padding:0 4px;
    line-height: 18px;
    color:#fff;
    font-weight: normal;
    background-color:#6615d4;
    border-radius: 3px;
}
.result_tag u {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px;
    height: 18px;
    width: 18px;
    line-height: 16px;
    color:#c2aedf;
    border: 1px solid #655e78;
    border-radius: 3px;
}
.result_price {
    display: block;
    width: 100%;
    line-height:36px;
}
.result_price s {
    margin-right: 12px;
    font-size: 14px;
    color:#939393;
    text-decoration: line-through;
}
.result_price s i {
    font-size: 18px;
    color:#939393;
}
.result_price u {
    font-size: 24px;
    color:#E3143B;
}
.result_price u i {
    font-size:30px;
    color:#E3143B;
}
.result_btn {
    display: block;
    width: 100%;
}
.result_btn em {
    display: block;
    margin:12px auto 6px;
    width:246px;
    height:68px;
    background: url(https://res.kedou8.com/storage/assets/yx/default/000/28/38/48.png) no-repeat;
    cursor: pointer;
    opacity: 0.8;
}
.result_btn span {
    display:inline-block;
    margin:0 auto;
    line-height:24px;
    font-size: 14px;
    color: #939393;
    cursor: pointer;
}
.no_found {
    display: block;
    width: 100%;
}
.no_found u {
    display: block;
    margin: 20px auto 0;
    line-height: 32px;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
}
.no_found span {
    display: block;
    margin: 0 auto;
    line-height:30px;
    font-size: 14px;
    color: #727576;
}
.no_found i {
    display: block;
    margin: 0 auto 50px;
    width: 100%;
    line-height:20px;
    font-size: 16px;
    color: #D7AB56;
}

.choice_list {
    display: block;
    width: 100%;
}
.choice_list u {
    display:inline-block;
    margin: 0 4px;
    width:90px;
}
.choice_list u img {
    width:70px;
    height: 70px;
}
.choice_list u span {
    display: block;
    margin: 4px auto 0;
    width:100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    overflow: hidden;
}
.choice_list u em {
    display: block;
    margin: 20px auto 0;
    width:60px;
    height:24px;
    background:url(https://res.kedou8.com/storage/assets/yww/default/000/28/42/94.png) no-repeat 50% 50%;
    cursor: pointer;
    opacity: 0.8;
}
.choice_list u em:hover,.result_btn em:hover,.matching2 h1 em:hover {opacity:1;}

.page .main {
    width:100%;
    margin: -150px auto 0;
    z-index: 9;
    position: relative;
    display: inline-block;
}
.main .m_left {
    float: left;
    width: 928px;
}
.main .m_right {
    float: right;
    width: 330px;
}
.main .m_left .co-option {
    position: relative;
    padding:20px 0 24px;
    margin-left: 5px;
    width: 905px;
    background-color: rgba(56,55,63,0.63);
    background-size:auto 100%;
    border-radius: 6px;
    white-space: nowrap;
}
.main .m_left .co-option a.cut15 {
    position: absolute;
    bottom: 0;
    right: 10px;
    z-index: 9;
    width:317px;
    height: 121px;
    background:url(https://res.kedou8.com/storage/assets/yww/6b/e2/6be22e4f3eb01665208bdbb4cb83228c.png) no-repeat;
    background-size:auto 100%;
}
.pubg .main .m_left .co-option a.cut15,.pubg2 .main .m_left .co-option a.cut15,.Gok .main .m_left .co-option a.cut15 {
    background-image:url(https://res.kedou8.com/storage/assets/yww/3b/de/3bde6995b1d584611fbb643309b85899.png);
}
.main .m_left .co-option h1 {
    display: block;
    padding:0 8px 0 16px;
    height:46px;
}
.main .m_left .co-option h1 b {
    display:inline-block;
    vertical-align: middle;
    margin-right:6px;
    width:26px;
    height:26px;
    background: url(https://res.kedou8.com/storage/assets/yx/default/000/26/57/09.png) no-repeat 50% 50%;
    background-size: contain;
}
.main .m_left .co-option h1 span {
    vertical-align: middle;
    line-height:24px;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}
.main .m_left .co-option ul {
    display:inline-block;
    vertical-align: top;
    margin-left:13px;
    height: 30px;
    font-size: 0;
    background-color: rgba(255,255,255,0.1);
    border-radius: 16px;
    overflow: hidden;
}
.pubg .main .m_left .co-option ul.selectRankLabel,.uu .main .m_left .co-option ul.selectRankLabel {display:none;}
.main .m_left .co-option ul li {
    position: relative;
    display:inline-block;
    line-height: 30px;
    padding: 0 13px;
    cursor: pointer;
}
.main .m_left .co-option ul li.on {background-color: #FFE025;}
.main .m_left .co-option ul li:after {
    content: "";
    position: absolute;
    right: -1px;
    top: 9px;
    z-index: 5;
    width: 1px;
    height: 12px;
    background-color: rgba(255,255,255,0.3);
}
.main .m_left .co-option ul li.on:after {display:none;}
.main .m_left .co-option ul li span {
    vertical-align: middle;
    color: #aaa;
}
.main .m_left .co-option ul li:hover span {color:#F4C81A;}
.main .m_left .co-option ul li.on span {color:#3C1B0B;}
.main .m_left .co-option ul li b {
    display: inline-block;
    vertical-align: middle;
    margin-right: -5px;
    width: 20px;
    height: 20px;
    background: url(https://res.kedou8.com/storage/assets/yx/default/000/26/57/99.png) no-repeat 50% 50%;
}
.main .m_left .co-option ul li b.drop {background-image: url(https://res.kedou8.com/storage/assets/yx/default/000/26/58/04.png);}
.main .m_left .co-option ul li:hover b {background-image: url(https://res.kedou8.com/storage/assets/yx/default/000/26/58/02.png);}
.main .m_left .co-option ul li:hover b.drop {background-image: url(https://res.kedou8.com/storage/assets/yx/default/000/26/58/01.png);}
.main .m_left .co-option ul li.on b {background-image: url(https://res.kedou8.com/storage/assets/yx/default/000/26/58/05.png);}
.main .m_left .co-option ul li.on b.drop {background-image: url(https://res.kedou8.com/storage/assets/yx/default/000/26/58/03.png);}
.main .m_left .co-option dl {
    position: relative;
    top: 65px;
    right: 80px;
    float: right;
    vertical-align: top;
    margin:-5px 9px 0 0;
    height: 39px;
    font-size: 0;
}
.lol_page .main .m_left .co-option dl,.uu .main .m_left .co-option dl,.wg_page .main .m_left .co-option dl,.welfare .main .m_left .co-option dl {
    top: 0;
    right: 0;
}
.main .m_left .co-option dl dd {
    display:inline-block;
    width: 117px;
    height: 40px;
    text-align:center;
    background: url(https://res.kedou8.com/storage/assets/yx/default/000/26/58/06.png) no-repeat 50% 50%;
    cursor: pointer;
}
.pubg .main .m_left .co-option dl dd.tab1,.uu .main .m_left .co-option dl dd.tab1,  .cf .main .m_left .co-option dl dd.tab1, .wzry .main .m_left .co-option dl dd.tab1, .hpjy .main .m_left .co-option dl dd.tab1{display: none;}
.main .m_left .co-option dl dd.tab2 {
    width:95px;
    background-image: url(https://res.kedou8.com/storage/assets/yx/default/000/26/58/07.png);
}
.main .m_left .co-option dl dd.tab3 {
    width:107px;
    background-image: url(https://res.kedou8.com/storage/assets/yx/default/000/26/58/08.png);
}
.main .m_left .co-option dl dd span {
    vertical-align: middle;
    line-height: 40px;
    font-size: 12px;
    color:#fff;
}
.main .m_left .co-option dl dd:hover span {color:#F5C91D;}
.main .m_left .co-option dl dd b {
    display:inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    background: url(https://res.kedou8.com/storage/assets/yx/default/000/26/58/09.png) no-repeat 50% 50%;
}
.main .m_left .co-option dl dd.tab2 b {background-image: url(https://res.kedou8.com/storage/assets/yx/default/000/26/58/11.png);}
.main .m_left .co-option dl dd.tab3 b {background-image: url(https://res.kedou8.com/storage/assets/yx/default/000/26/60/77.png);}

.play_list p {
    margin-left: 18px;
    width: 880px;
    height: 65px;
    padding-top: 15px;
    white-space: nowrap;
}
.play_list p u {
    display: inline-block;
    margin-right: 26px;
}
.play_list p u span {
    display: inline-block;
    margin-right: 8px;
    padding: 0 16px;
    line-height: 30px;
    color: #aaa;
    background-color: rgba(255,255,255,0.2);
    border-radius: 16px;
    cursor: pointer;
}
.play_list p em {
    float: right;
    display:inline-block;
    height: 30px;
    cursor: pointer;
}
.play_list p em b {
    display:inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: url(https://res.kedou8.com/storage/assets/yx/default/000/26/58/12.png) no-repeat 50% 50%;
}
.play_list p em:hover b {background-image: url(https://res.kedou8.com/storage/assets/yx/default/000/26/58/13.png);}
.play_list p em span {
    vertical-align: middle;
    line-height: 30px;
    color: #aaa;
}
.play_list p u span:hover,.play_list p u span.on,.play_list p em:hover span {color: #FED018;}

.play_list ul {
    width:100%;
    font-size: 0;
}
.play_list ul li {
    position: relative;
    display: inline-block;
    margin: 0 15px 15px 0;
    width:170px;
    background-color: #363644;
    border-radius: 6px;
}
.play_list ul li:hover {
    position: relative;
    z-index: 9;
}
.play_list ul li .cover {
    position: relative;
    display: block;
    width:100%;
    height: 0;
    padding-top: 100%;
    border-radius: 6px 6px 0 0;
    overflow: hidden;
}
.play_list ul li .cover img {
    position:absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width:100%;
    height:100%;
    transition: 0.3s;
}
.play_list ul li:hover .cover img {transform: scale(1.2);}
.play_list ul li .cover span {
    position: absolute;
    right: 6px;
    top: 6px;
    z-index: 6;
    color: transparent;
    width: 51px;
    height: 21px;
    background: url(https://res.kedou8.com/storage/assets/yx/default/000/27/35/56.png) no-repeat;
}
.play_list ul li .cover em {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 6;
    width: 100%;
    padding: 11px 5px 0 0;
    color: #f5f5f5;
    text-align: right;
    line-height: 21px;
    background: linear-gradient(0deg, rgba(0,0,0,0.5), transparent);
}
.play_list ul li u {
    display: block;
    margin:4px auto 0;
    width:90%;
    height:30px;
    line-height:28px;
    overflow: hidden;
}
.play_list ul li u b {
    float: left;
    font-size: 22px;
    color:#f43939;
}
.play_list ul li u s {
    margin-left: 10px;
    font-size: 14px;
    color: #949494;
    text-decoration: line-through;
}
.play_list ul li i {
    display: block;
    margin:0 auto 6px;
    width:90%;
    line-height:18px;
}
.play_list ul li i span {
    display: inline-block;
    vertical-align: middle;
    max-width:90px;
    color: #949494;
    overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.play_list ul li i span.fl_r {max-width:60px;}
.play_list ul li i em,.play_list ul li u em {
    display: inline-block;
    vertical-align: middle;
    width:53px;
    height: 18px;
    text-align: center;
    border: 1px solid #FFD800;
    border-radius: 10px;
    font-size: 0;
    cursor: pointer;
}
.play_list ul li i em {
    line-height: 18px;
    margin-bottom: 4px;
}
.play_list ul li i em b,.play_list ul li u em s {
    display: inline-block;
    vertical-align: middle;
    margin-right:4px;
    width:16px;
    height:16px;
    background: url(https://res.kedou8.com/storage/assets/yx/default/000/26/58/15.png) no-repeat 50% 50%;
}
.play_list ul li i em b.play,.play_list ul li u em s.play {background-image: url(https://res.kedou8.com/storage/assets/yx/default/000/26/57/06.gif);}
.play_list ul li i em span,.play_list ul li u em span {
    vertical-align: middle;
    line-height:16px;
    color: #FFD800;
}
.play_list ul li i code {
    float: right;
    color: #949494;
    line-height: 20px;
}
.play_list ul li .tag {
    display: block;
    margin:2px auto 9px;
    width:90%;
    line-height:18px;
}
.play_list ul li .tag em {
    position: relative;
    display: inline-block;
    margin-right:6px;
    padding: 0 3px;
    color: #C2AEDF;
    border: 1px solid #665E78;
    border-radius: 3px;
    cursor: pointer;
}
.play_list ul li .tag em.tag_a {
    padding: 0 4px;
    color: #fff;
    border:0;
    background-color:#6615D4;
}
.play_list ul li .tag em.tag_n {
    background: url("https://res.kedou8.com/storage/assets/yww/default/000/27/33/95.png") no-repeat;
    background-size: 100% 100%;
    margin-right: 0;
    border: none;
    color: #fff;
    line-height: 20px;
 }
.play_list ul li .tag em span {
    position: absolute;
    left: 0;
    top: 18px;
    z-index: 3;
    padding: 10px 13px 10px 28px;
    color: #999;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.8) url(https://res.kedou8.com/storage/assets/yx/default/000/26/58/19.png) no-repeat 8px 12px;
    border-radius: 6px;
    display: none;
}
.play_list ul li .tag em.tag_a span {
    width: 154px;
    white-space:normal;
}
.play_list ul li .tag em:hover span {display: block;}
.play_list ul li .tag em.tag_b span {background-image:url(https://res.kedou8.com/storage/assets/yx/default/000/26/58/20.png);}
.play_list ul li .tag em.tag_c span {background: rgba(0, 0, 0, 0.8) url(https://res.kedou8.com/storage/assets/yx/default/000/26/58/21.png) no-repeat 7px 11px;}

.new_box {
    position:absolute;
    top: 64px;
    left: 750px;
    z-index: 6;
    padding:6px;
    height: 40px;
    font-size: 0;
    overflow: hidden;
}
.lol_page .new_box,.uu .new_box {left: 930px; top: 56px;}
.wg_page .new_box {left: 930px; top:100px;}
.new_box ul li {
    position: relative;
    top: 0;
    display: block;
    margin-bottom: 12px;
    padding-right: 8px;
    height: 28px;
    line-height: 28px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    white-space: nowrap;
    font-size: 0;
    cursor: pointer;
}
.new_box img {
    vertical-align: middle;
    margin: -2px 6px -2px -2px;
    height: 32px;
    width: 32px;
    border:2px solid rgba(255, 255, 255, 0.6);
    border-radius:50%;
}
.new_box span {
    display: inline-block;
    vertical-align: middle;
    margin:0 3px;
    color: #fff;
}
.new_box span.ellipsis {max-width:96px;}
.new_box i {
    vertical-align: middle;
    margin:0 3px;
    color: #aaa;
}
.uu .new_box i,.uu .contact span {color: #BAD4D2;}
.contact {
    position:absolute;
    top: 70px;
    right: 20px;
    z-index: 6;
    padding: 0 10px;
    height: 28px;
    line-height: 28px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    white-space: nowrap;
    cursor: pointer;
}
.lol_page .contact,.uu .contact,.wg_page .contact {top: 20px;right: 13px;}
.contact:hover span {color: #fff;}
.contact span {
    vertical-align: middle;
    color: #aaa;
}
.contact b {
    display: inline-block;
    vertical-align: middle;
    margin-right:4px;
    width:14px;
    height:16px;
    background: url(https://res.kedou8.com/storage/assets/yx/default/000/26/60/78.png) no-repeat;
}

.recommend-list ul li .voice,.matching .fast_result .voice {
    display: inline-block;
    width:53px;
    height: 18px;
    text-align: center;
    border: 1px solid #FFD800;
    border-radius: 10px;
    line-height:16px;
    color: #FFD800;
    cursor: pointer;
}
.matching .fast_result .voice {
    position: relative;
    display:block;
    margin:-12px auto 0;
    background-color: rgba(0, 0, 0, 0.5);
}
.recommend-list ul li .voice i,.matching .fast_result .voice b {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 4px 0 0;
    width:16px;
    height:16px;
    background: url(https://res.kedou8.com/storage/assets/yx/default/000/26/58/15.png) no-repeat 50% 50%;
}
.recommend-list ul li .voice.play i,.matching .fast_result .voice.play b {background-image: url(https://res.kedou8.com/storage/assets/yx/default/000/26/57/06.gif);}

.playmate-box .playmate .item .info {
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
}
.playmate-box .playmate .item .info .nickname {
    font-size: 18px;
    color: #ffffff;
    margin-right: 16px;
    vertical-align: middle;
}
.playmate-box .playmate .item .info em, .recommend-list .list .item .info em, .page .result-dialog .swiper-slide em {
    min-width:58px;
    padding: 0 4px;
    height:21px;
    line-height: 21px;
    background:rgba(13,104,255,0.15);
    border-radius:11px;
    display: inline-block;
    color: #74A8FF;
    font-size: 12px;
    text-align: center;
    margin-right: 7px;
}
.playmate-box .playmate .item p {
    margin-bottom: 10px;
}
.playmate-box .playmate .item .status {
    position: absolute;
    right: 15px;
    top: 18px;
}
.playmate-box .playmate .item .status .green {
    display: inline-block;
    width:6px;
    height:6px;
    background:rgba(72,213,3,1);
    border-radius:50%;
    margin-right: 3px;
}
.playmate-box .playmate .item .status span {
    font-size: 12px;
    color: #B4B6D3;
}
.recommend-list .item .status {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    color: #B4B6D3;
}
.recommend-list .item .status .green {
    display: inline-block;
    width:6px;
    height:6px;
    background:rgba(72,213,3,1);
    border-radius:50%;
    margin-right: 3px;
}
.playmate-box .playmate .item .btn,.recommend-list .list .item .info .btn {
    position: absolute;
    right: 5px;
    bottom: 50px;
    background: url(./btn2.png) no-repeat;
    background-size: contain;
    cursor: pointer;
    font-size: 14px;
    color: #000000;
    text-align: center;
    width: 97px;
    height: 50px;
    line-height: 50px;
}
.recommend-list .list .item .info .btn {
    right: 2px;
    bottom: 24px;
    font-size: 12px;
    width: 77px;
    height: 45px;
    line-height: 42px;
}
.playmate-box .playmate .item .btn:hover,.recommend-list .list .item .info .btn:hover {
    background-image: url(./btn2_hover.png);
    color: #BD530D;
}
.changeABatch {
    width: 83px;
    height: 28px;
    margin: 10px auto;
    background: url("https://res.kedou8.com/storage/assets/yx/68/b0/68b09423bcc2b30146b6a3df67bd275a.png") no-repeat;
    background-size: contain;
    cursor: pointer;
}
.changeABatch:hover {
    background: url("https://res.kedou8.com/storage/assets/yx/90/91/909146ee05c5846bfbf1e171165abf04.png") no-repeat;
    background-size: contain;
}

p span.status {
    float: right;
}
p.price span{
    color: #E32D2D;
    font-size: 22px;
    font-weight: bold;
}
p.price span.through {
    font-size: 14px;
    color: #AEB0CD;
    text-decoration: line-through;
    font-weight: normal;
    margin-right: 8px;
}
.age {
    width:42px;
    height:18px;
    line-height: 18px;
    background:rgba(255,43,143,0.2);
    border-radius:9px;
    display: inline-block;
    /* vertical-align: middle; */
    font-size: 12px;
    color: #FF2B8F;
    text-align: center;
}
.age.male {
    color: #41BCF5;
    background:rgba(27,133,253,0.2)
}
.age i {
    width: 11px;
    height: 11px;
    margin-right: 2px;
    display: inline-block;
    vertical-align: middle;
    background: url(./female.png) no-repeat;
    background-size: contain;
}
.verify span{
    font-size: 12px;
    color: #B4B6D3;
    margin-right: 8px;
    line-height: 15px;
}
.verify span i {
    width: 14px;
    height: 14px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: top;
    margin-right: 4px;
}
.verify span i.one {
    background-image: url(./icon8.png);
}
.verify span i.two {
    background-image: url(./icon9.png);
}
.verify span i.three {
    background-image: url(./icon10.png);
}
.age.male i{
    background: url(./male.png) no-repeat;
    background-size: contain;
}
.playmate-box .playmate .item .btn {
    position: absolute;
    right: 5px;
    bottom: 30px;
    background: url(./btn2.png) no-repeat;
    background-size: contain;
    cursor: pointer;
    font-size: 14px;
    color: #000000;
    text-align: center;
    width: 97px;
    height: 50px;
    line-height: 50px;
}
.page2 .playmate-box .playmate .item .btn {bottom: 44px;}
.playmate-box .playmate .item .btn:hover {
    background-image: url(./btn2_hover.png);
    color: #BD530D;
}
.recommend-list {
    margin-bottom: 12px;
    width: 100%;
    padding:10px 0 4px;
    background-color:#363644;
    background-size:100% auto;
    border-radius:10px;
}
.recommend-list .item {
    position: relative;
}
.recommend-list p.title {
    height: 43px;
    line-height: 43px;
    width: auto;
    display: block;
    margin: 0 auto 4px;
    background: url(./title_bg1.png) no-repeat center center;
    background-size: contain;
    text-align: center;
}
.recommend-list p.title span {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}
.recommend-list .list {
    padding: 0 13px;
}
.recommend-list .list .item {
    width: 100%;
    height: 92px;
    background: #303142;
    border-radius: 9px;
    margin-bottom: 13px;
    padding: 8px 14px;
    position: relative;
    cursor: pointer;
    white-space: nowrap;
}
.page2 .recommend-list .list .item {
    padding:12px;
    height: 102px;
}
.recommend-list .list .item .cover {
    width: 75px;
    height: 75px;
    margin-right: 10px;
    display: inline-block;
}
.recommend-list .list .item .cover img {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    background: #000000;
    display: block;
}
.recommend-list .list .item .info {
    display: inline-block;
    vertical-align: top;
}
.recommend-list .list .item .info .nickname {
    font-size: 16px;
    color: #ffffff;
    display: inline-block;
    margin-right: 6px;
}
.recommend-list .list .item p {
    margin-bottom: 6px;
}
.recommend-list .list .item .price {
    font-size: 22px;
    color: #f43939;
    position: absolute;
    font-weight: bold;
    right: 12px;
    bottom: 6px;
}
.m_right .banner-ad {
    width: 100%;
    height: 91px;
    margin-top: 11px;
}
.m_right .banner-ad .swiper-slide{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    cursor: pointer;
}
.m_right .banner-ad .swiper-slide .count-down {
    position: absolute;
    font-size: 14px;
    color: #ffffff;
    font-style:italic;
    font-weight: 500;
}
.m_right .banner-ad .swiper-slide.slide1 .count-down {
    left: 45px;
    bottom: 21px;
}
.m_right .banner-ad .swiper-slide.slide2 .count-down {
    right: 15px;
    bottom: 21px;
}

.m_right .banner-ad .swiper-slide.slide1 {
    background-image: url(./ad1.png);
    background-size: 100% 100%;
}
.m_right .banner-ad .swiper-slide.slide1:hover {
    background-image: url(./ad1_hover.png);
}
.m_right .banner-ad .swiper-slide.slide2 {
    background-image: url(./ad2.png);
    background-size: 100% 100%;
}
.m_right .banner-ad .swiper-slide.slide2:hover {
    background-image: url(./ad2_hover.png);
}
.page .result-dialog {
    width: 281px;
    height: 347px;
    background: url(https://res.kedou8.com/storage/assets/yww/default/000/26/24/82.png) no-repeat;
    background-size: contain;
    padding-top: 36px;
    position: relative;
}
.page .result-dialog .swiper-slide .cover {
    position: relative;
    width: 115px;
    height: 115px;
    margin: 0 auto 22px;
}
.page .result-dialog .swiper-slide .cover img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #000000;
    display: block;
}
.page .result-dialog .swiper-slide .info p {
    text-align: center;
    margin-bottom: 11px;
}
.page .result-dialog .swiper-slide .nickname {
    font-size: 16px;
    color: #ffffff;
    margin-right: 6px;
}
.page .result-dialog .swiper-slide .city {
    font-size: 12px;
    color: #B4B6D3;
    margin-left: 9px;
}
.page .result-dialog .swiper-slide .city i {
    width: 11px;
    height: 12px;
    display: inline-block;
    background: url(./icon7.png) no-repeat;
    background-size: contain;
    margin-right: 4px;
}
.page .result-dialog .btn {
    width: 42px;
    height: 42px;
    position: absolute;
    top: 72px;
    cursor: pointer;
    z-index: 999;
}
.page .result-dialog .btn i {
    width: 10px;
    height: 20px;
    display: block;
    margin: 12px auto 0;
    background: url(./left.png) no-repeat;
    background-size: contain;
}
.page .result-dialog .btn:hover i{
    background-image: url(./left_hover.png);
}
.page .result-dialog .btn:hover {
    background:rgba(255,255,255,.18);
    border-radius: 50%;
}
.page .result-dialog .btn.pre {
    left: 4px;
}
.page .result-dialog .btn.next {
    right: 4px;
}
.page .result-dialog .btn.next i {
    transform: rotate(180deg);
}
.page .close {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 15px;
    right: 15px;
    background: url(./close.png) no-repeat;
    background-size: contain;
    cursor: pointer;
    z-index: 999;
}
.page .result-dialog .swiper-slide {
    cursor: pointer;
}
.page .result-dialog .swiper-slide .info p.price {
    /* margin-bottom: 20px; */
}
.mask3 {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
}
.page .fail-result {
    width: 371px;
    height: 325px;
    background: url(./bg6.png) no-repeat;
    background-size: cover;
    border-radius:9px;
    margin: 0 auto;
    padding-top: 36px;
    position: relative;
}
.page .fail-result .list {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.page .fail-result .list .item {
    /* margin-right: 24px; */
    flex: 1;
    cursor: pointer;
}
.page .fail-result p.title {
    font-size:18px;
    font-weight:500;
    color:rgba(255,255,255,1);
    margin-bottom: 26px;
    text-align: center;
}
.page .fail-result p.desc {
    font-size: 14px;
    color: #B4B6D3;
    text-align: center;
}
.fail-result .list .item img {
    width: 74px;
    height: 74px;
    border-radius: 50%;
    display: block;
    margin-bottom: 14px;
    background: #000;
    margin: 0 auto;

}
.fail-result .list .item .nickname {
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.fail-result .list .item .btn {
    width: 81px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    border-radius: 12px;
    background: #FFD641;
    font-size: 12px;
    color: #000;
    cursor: pointer;
    margin: 0 auto;
}
.fail-result .list .item .age {
    display: block;
    margin: 9px auto 13px;
}
.fail-result .list .item .btn:hover {
    color: #BD530D;
    background: #FFEA07;
}
.detail-page {
    width: 1204px;
    margin: 0 auto;
    padding-top: 9px;
    font-size: 0;
    padding-top: 40px;
    white-space:nowrap;
}
.detail-page .playmate-box {
    margin-top: 0;
}
.detail-page .left {
    display: inline-block;
    vertical-align: top;
    margin-right: 12px;
}
.detail-page .right .recommend-list {
    width: 303px;
    height: 410px;
}
.detail-page .right .recommend-list .item {
    /* margin-bottom: 20px; */
    height: 102px;
    padding: 13px 14px;
}
.detail-page .right{
    vertical-align: top;
    display: inline-block;
    margin-top: 20px;
}
.detail-page .right p.title {
    margin-bottom: 10px;
}
.detail-page .cate-list {
    margin: 12px 0 30px 0;
    font-size: 0;
    padding: 0 10px;
}
.detail-page .cate-list .item {
    display: inline-block;
    width: 110px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-right: 24px;
    font-size: 16px;
    color: #B4B6D3;
    border-radius: 6px;
    background:rgba(255,255,255,0.1);
    cursor: pointer;
}
.detail-page .cate-list .item.on {
    background: #FFD641;
    color: #000000;
}
.detail-page .playmate-box .playmate .item {
    height: 163px;
    padding: 22px 15px 20px;
    margin-bottom: 22px;
}
.detail-page .playmate-box .playmate .item .cover {
    width: 117px;
    height: 117px;
}
.detail-page .playmate-box .playmate .item .status {
    top: 22px;
}
.detail-page  .playmate-box .playmate .item p{
    margin-bottom: 12px;
}
.page .result-dialog .swiper-slide .info .order-btn {
    width: 120px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    background: #FFD641;
    font-size: 12px;
    color: #000000;
    cursor: pointer;
    border-radius: 8px;
    margin: 0 auto;
    margin-bottom: 10px;
}
.page .result-dialog .swiper-slide .info .order-btn:hover {
    background: #FFEA07;
    color: #BD530D;
}

.coupon-dialog {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
}
.coupon-dialog .content {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 300px;
    height: 300px;
    transform: translate(-50%, -50%);
    z-index: 999;
    background: url(https://res.kedou8.com/storage/assets/yww/default/000/27/12/92.png) no-repeat;
    background-size: contain;
}
.coupon-dialog p.title {
    width: 204px;
    height: 75px;
    line-height: 30px;
    padding-top: 14px;
    background: url(https://res.kedou8.com/storage/assets/yww/default/000/27/13/07.png) no-repeat;
    background-size: contain;
    color: #FCFAE6;
    font-size: 16px;
    text-align: center;
    margin: 0 auto;
    margin-top: -30px;
    position: relative;
    box-sizing: border-box;
}
.coupon-dialog p.title span {
    font-size: 20px;
    color:  #FCFAE6;
}
.coupon-dialog img {
    width: 268px;
    height: 100px;
    display: block;
    margin: 0 auto;
}
.coupon-dialog p.effect {
    font-size: 14px;
    color: #525252;
    text-align: center;
    margin-bottom: 30px;
}
.coupon-dialog p.tip {
    text-align: center;
    font-size: 14px;
    color: #FF8662;
    margin-top: 10px;
}
.coupon-dialog .btn {
    width: 210px;
    height: 45px;
    line-height: 45px;
    background: linear-gradient(135deg, #FF8662 0%, #FF4433 100%);
    border-radius: 23px;
    text-align: center;
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    margin: 0 auto;
    cursor: pointer;
}
.coupon-dialog .btn:hover {
    font-size: 19px;
}
.coupon-dialog .close {
    width: 36px;
    height: 36px;
    position: absolute;
    top: -30px;
    right: -30px;
    background: url(https://res.kedou8.com/storage/assets/yww/default/000/27/13/12.png) no-repeat center center;
    background-size: 18px 18px;
    cursor: pointer;
}
.mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    left: 0;
    top: 0;
    z-index:666;
}

/*滚动条样式*/
.scrollbar-v {
    position:absolute;
    top:0;
    right:0;
    z-index:99;
    width:16px;
    height:100%;
    background:0;
    border-radius:0;
    border:0;
    line-height:0;
    overflow:hidden;
}
.scrollbar-v .handle {
    position:relative;
    height:70px;
    width:100%;
    border-radius:8px;
    background-color:#666;
    background-color:rgba(255,255,255,0.2);
    cursor:pointer;
}
.list_box {
	width:100%;
	height:100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 6;
	overflow:hidden;
}