/* 导航 */

.strategy-tit {
    width: 100%;
    height: 0.58rem;
    position: absolute;
    left: 0.72rem;
    top: 0;
    z-index: 100
}

.strategy-tab li {
    height: 0.58rem;
    float: left;
    width: 3.54rem;
}

.strategy-tab li a {
    width: 100%;
    height: 100%;
    display: block;
    text-indent: -9999px;
}

.strategy-nv1 a,
.strategy-nv2 a,
.strategy-nv3 a,
.strategy-nv1.on a,
.strategy-nv2.on a,
.strategy-nv3.on a {
    background: url(//game.gtimg.cn/images/hyrz/ingame/v2018/strategyPic/sta_menu_bg1.png);
    background-repeat: no-repeat;
    -webkit-background-size: 7.3rem 2.51rem;
    background-size: 7.3rem 2.51rem;
}

.strategy-nv1 a {
    background-position: 0 0;
}

.strategy-nv2 a {
    background-position: 0 -1rem;
}

.strategy-nv3 a {
    background-position: 0 -1.93rem;
}

.strategy-nv1.on a {
    background-position: -3.75rem 0;
}

.strategy-nv2.on a {
    background-position: -3.75rem -1rem;
}

.strategy-nv3.on a {
    background-position: -3.75rem -1.93rem;
}


/* 图文攻略-内容 */

.sta-vid-box {
    background: #e2d4bb;
    padding-bottom: 1rem;
    margin: 0.55rem 0.42rem;
    overflow-y: scroll;
    height: 4.1rem;
}


/* 大神锦集 */

.vid-search {
    background: #675542;
    padding: 0.05rem 0.37rem 0.05rem 0.1rem;
    border-radius: 0.05rem 0.05rem 0 0;
    border-bottom: 0.02rem solid #e8decd;
}

.vid-ser-lf {
    float: left;
    width: 5.8rem;
    position: relative;
}

.vid-ser-lf i {
    background: url(//game.gtimg.cn/images/hyrz/ingame/v2018/ser_bg.png) no-repeat right 0;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    width: 0.23rem;
    height: 0.19rem;
    position: absolute;
    right: 0.05rem;
    top: 0.1rem;
    display: block;
}

.vid-ser-lf input {
    background: #fcf4e4;
    color: #392c20;
    width: 5.6rem;
    font-size: 0.2rem;
    border-top: 0.02rem solid #a49f94;
    padding: 0.05rem 0.1rem;
    border-radius: 0.1rem;
    input:-moz-placeholder,
    textarea:-moz-placeholder {
        color: #cccccc;
    }
    input:-ms-input-placeholder {
        color: #cccccc;
    }
    input::-webkit-input-placeholder {
        color: #cccccc;
    }
}

.btn-more {
    background: #fcf4e4;
    width: 1.5rem;
    height: 0.34rem;
    line-height: 0.34rem;
    text-align: center;
    color: #040401;
    font-size: 0.2rem;
    border: 1px solid #786754;
    display: block;
    float: right;
    border-radius: 0.03rem;
}

.btn-more option {
    border: 1px solid #786754;
}

.glsp-list {
    padding: 0 0.2rem 0.5rem;
    border-top: 0.02rem solid #beb3a7;
}

.vid-list {
    width: 9.5rem;
}

.vid-list li {
    border: 0.03rem solid #f1e9dc;
    width: 2.8rem;
    height: 1.88rem;
    border-radius: 0.03rem;
    float: left;
    margin: 0.12rem 0.13rem 0;
    display: inline;
}

.vid-list li a {
    width: 2.8rem;
    height: 1.88rem;
    display: block;
    position: relative;
}

.vid-list li a i {
    position: absolute;
    left: 50%;
    margin-left: -0.4rem;
    top: 0.46rem;
    width: 0.79rem;
    height: 0.79rem;
    background: url(//game.gtimg.cn/images/hyrz/ingame/v2018/glspPic/vid_ico.png) no-repeat 50% 0;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.vid-list-tit {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 2.6rem;
    padding: 0 0.1rem;
    height: 0.42rem;
    line-height: 0.42rem;
    color: #f5ebd0;
    font-size: 0.22rem;
    background: rgba(0, 0, 0, 0.8);
    overflow: hidden;
    font-weight: normal;
}

.vid-list-tit span {
    display: block;
    float: left;
    text-align: left;
    width: 1.85rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vid-list-tit2 {
    display: block;
    float: right;
    color: #fc0;
    font-size: 0.24rem;
    font-style: normal;
}

.vid-list li img {
    width: 2.8rem;
    height: 1.88rem;
    display: block;
    margin: 0 auto;
}

.sta-pro {
    padding-bottom: 0.8rem;
}

.pro-list {
    background: url(//game.gtimg.cn/images/hyrz/ingame/v2018/strategyPic/str_top_bg.jpg) no-repeat 50% 0;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.pro-list-u {
    margin-left: 0.3rem;
}

.pro-list-u li {
    width: 0.93rem;
    height: 1rem;
    margin: 0.2rem 0.3rem;
    float: left;
    display: inline-block;
}

.pro-list-u li.on {
    background-position: -1.88rem 0;
}

.pro-list-u li img {
    width: 0.8rem;
    height: 0.8rem;
    display: block;
    margin: 0.05rem auto 0;
}


/* 图文攻略-导航 */

.sta-menu-small {
    position: absolute;
    width: 100%;
    z-index: 10;
}

.menu-small-u li {
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    color: #f5ebd0;
    font-size: 0.2rem;
}

.menu-small-u li a {
    background: url(//game.gtimg.cn/images/hyrz/ingame/v2018/strategyPic/small_menu_bg.jpg) repeat-x;
    -webkit-background-size: 0.5rem 0.4rem;
    background-size: 0.5rem 0.4rem;
    display: block;
    color: #f5ebd0;
}

.menu-small-u li.on a {
    background: url(//game.gtimg.cn/images/hyrz/ingame/v2018/strategyPic/small_menu_bg2.jpg) repeat-x;
    -webkit-background-size: 0.5rem 0.4rem;
    background-size: 0.5rem 0.4rem;
    color: #040401;
    text-shadow: 0 2px #e8decd, 2px 0 #e8decd, -2px 0 #e8decd, 0 -2px #e8decd;
}

.main2 .strategy-ct {
    margin-top: -0.03rem;
    overflow: auto;
    position:relative;
}


/* 攻略视频搜索页 */

.ser-ct-nr {
    margin: -0.03rem 0.42rem 0;
    overflow-y: scroll;
    height: 4.0rem;
    padding: 0.64rem 0.58rem 1rem;
    background: #e8decc;
    -webkit-box-shadow: 0 0 0.04rem #c0b39f inset;
    box-shadow: 0 0 0.04rem #c0b39f inset;
}

.ser-ct-top {
    position: relative;
    width: 8.1rem;
    margin-left: 0.05rem;
}

.ser-ct-top a {
    display: block;
    float: right;
    color: #000;
    text-shadow: 0 2px #faf1df, 2px 0 #faf1df, -2px 0 #faf1df, 0 -2px #faf1df;
    font-size: 0.2rem;
    height: 0.44rem;
    line-height: 0.46rem;
    width: 0.65rem;
    text-align: center;
}

.ser-ct-top input {
    background: #fbf7ef;
    padding: 0.08rem 0.08rem 0.08rem 0.6rem;
    width: 6.7rem;
    display: block;
    float: left;
    border-top: 1px solid #d3c3ab;
    border-radius: 0.1rem;
    font-size: 0.24rem;
    color: #331b0e;
    input:-moz-placeholder,
    textarea:-moz-placeholder {
        color: #cac2b5;
    }
    input:-ms-input-placeholder {
        color: #cac2b5;
    }
    input::-webkit-input-placeholder {
        color: #cac2b5;
    }
}

.ser-ct-top i {
    background: url(//game.gtimg.cn/images/hyrz/ingame/v2018/ser_bg.png) no-repeat right 0;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    width: 0.34rem;
    height: 0.34rem;
    position: absolute;
    left: 0.1rem;
    top: 0.1rem;
    display: block;
}

.ser-bt {
    font-size: 0.3rem;
    color: #000;
    text-shadow: 0 2px #faf1df, 2px 0 #faf1df, -2px 0 #faf1df, 0 -2px #faf1df;
    margin-top: 0.5rem;
    position: relative;
}

.ser-bt span {
    background: url(//game.gtimg.cn/images/hyrz/ingame/v2018/glspPic/tips_bg.png) no-repeat 50% 0;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    width: 1.29rem;
    height: 0.36rem;
    display: block;
    position: absolute;
    top: 0.07rem;
    left: 1.3rem;
}

.ser-cont {
    padding-bottom: 0.5rem;
}

.ser-cont-u {
    margin-top: 0.18rem;
}

.ser-cont-u li {
    float: left;
    width: 100%;
    font-size: 0.24rem;
}

.list-b-n {
    display: block;
    width: 0.24rem;
    height: 0.24rem;
    line-height: 0.24rem;
    text-align: center;
    color: #000000;
    margin: 0.1rem 0 0 0;
    float: left;
    position: relative;
    font-weight: normal;
}

.list-b-t {
    display: block;
    text-align: justify;
    padding-left: 0.3rem;
    line-height: 0.4rem;
}

.ser-cont-u li .list-b-n i {
    width: 0.24rem;
    height: 0.24rem;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
}

.ser-cont-u li .list-b-n em {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 6;
    display: block;
    width: 0.24rem;
    height: 0.24rem;
    line-height: 0.24rem;
    text-align: center;
    color: #e8ddcb;
    font-style: normal;
}

.ser-cont-u li:first-child .list-b-n i {
    background: #cd1717;
}

.ser-cont-u li:nth-child(2) .list-b-n i {
    background: #b26c1b;
}

.ser-cont-u li:nth-child(3) .list-b-n i {
    background: #7a8332;
}


/* 攻略视频内页 */

.vid-sub-cont {
    margin-top: -0.03rem;
    padding: 0.2rem 0.4rem;
    background: #e8decd;
    -webkit-box-shadow: 0 0 8px #c0b4a2 inset;
    box-shadow: 0 0 8px #c0b4a2 inset;
}

.sub-tit {
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.24rem;
    color: #000;
    text-shadow: 0 0.02rem #faf1df, 0.02rem 0 #faf1df, -0.02rem 0 #faf1df, 0 -0.02rem #faf1df;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vid-sub-lf {
    float: left;
    width: 6rem;
    padding-right: 0.3rem;
}

.sub-show {
    width: 5.7rem;
    height: 3.5rem;
}

.show-video {
    background: url(//game.gtimg.cn/images/hyrz/ingame/v2018/glspPic/vid_bg.jpg) no-repeat 50% 0;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    width: 5.67rem;
    height: 2.98rem;
    border: 0.03rem solid #362524;
    border-radius: 0.03rem;
}

.show-video img {
    width: 100%;
    height: 100%;
}

.show-msg {
    margin-top: 0.12rem;
    font-size: 0.2rem;
}

.btn-share {
    width: 1.14rem;
    height: 0.3rem;
    line-height: 0.34rem;
    background: #e4c695;
    color: #2e210c;
    text-shadow: 0 0.02rem #e0cfb2, 0.02rem 0 #e0cfb2, -0.02rem 0 #e0cfb2, 0 -0.02rem #e0cfb2;
    border-bottom: 0.03rem solid #948161;
    float: left;
    display: block;
    text-align: center;
    border-radius: 0.05rem;
}

.show-msg span {
    color: #000;
    display: block;
    float: right;
}

.msg-bot {
    position: relative;
}

.msg-bot img {
    border: 0.02rem solid #382b1f;
    width: 0.64rem;
    height: 0.64rem;
    display: block;
    float: left;
}

.msg-bot p {
    color: #000;
    font-size: 0.22rem;
    padding-left: 0.86rem;
}

.msg-bot strong {
    text-shadow: 0 0.02rem #faf1df, 0.02rem 0 #faf1df, -0.02rem 0 #faf1df, 0 -0.02rem #faf1df;
}

.btn-go {
    display: block;
    background: #7b6651;
    width: 1.2rem;
    height: 0.3rem;
    line-height: 0.3rem;
    text-align: center;
    color: #fff6e5;
    text-shadow: 0 0.02rem #534426, 0.02rem 0 #534426, -0.02rem 0 #534426, 0 -0.02rem #534426;
    border: 0.02rem solid #4f4123;
    border-radius: 0.1rem;
    position: absolute;
    right: 0;
    top: 0;
}

.lne2 {
    float: left;
    width: 1px;
    min-height: 6.5rem;
    background: #c5b192;
    border-left: 1px solid #ffffff;
    display: block;
    margin-top: 0.5rem;
}

.vid-sub-rt {
    float: left;
    padding-left: 0.3rem;
    width: 2rem;
}

.sub-rt-list li {
    width: 2.66rem;
    height: 1.93rem;
    color: #040401;
    text-shadow: 0 0.02rem #faf1df, 0.02rem 0 #faf1df, -0.02rem 0 #faf1df, 0 -0.02rem #faf1df;
    margin-bottom: 0.1rem;
}

.sub-rt-list li a {
    position: relative;
    width: 2.66rem;
    height: 1.56rem;
    display: block;
}

.sub-rt-list li a span {
    width: 2.44rem;
    height: 0.32rem;
    line-height: 0.32rem;
    text-align: right;
    color: #f5ebd0;
    font-size: 0.2rem;
    background: rgba(0, 0, 0, 0.6);
    display: block;
    position: absolute;
    left: 0.03rem;
    bottom: 0.03rem;
    text-shadow: none;
    padding-right: 0.16rem;
}

.sub-rt-list li strong {
    width: 2.5rem;
    height: 0.34rem;
    line-height: 0.34rem;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sub-rt-list li img {
    width: 2.6rem;
    height: 1.5rem;
    display: block;
    margin: 0 auto;
    border: 0.03rem solid #362524;
    border-radius: 0.05rem;
}