body{color: #000; background-color:#f8f8f8;}
a{color: #333;}
.c-red{color:#f35858;}
.c-green{color:#61ba3a;}
.c-tx1{color: #333}
.c-tx2{color: #666}
.c-tx3{color: #999}
@font-face{ font-family:'ico-font'; src:url(data:application/octet-stream;base64,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) format("truetype");}
[class*="ico-font"]::after{display: inline-block; font-family: 'ico-font';vertical-align: middle;}
[class*="-arrow"]::after{content: '\f101';display: inline-block;font-family:'ico-font';display: block;}
.btn-more-arrow::after{-webkit-transform: rotate(180deg) translate(0,.2em);transform: rotate(180deg) translate(0,.2em);display: inline-block;vertical-align: middle;font-size: .75rem;}
.active .btn-more-arrow::after{-webkit-transform:rotate(0deg) translate(0,0);transform: rotate(0deg) translate(0,0);}
.btn-gotop-arrow{position: fixed;bottom:10%; right: .8rem;width: 2em; height: 2em;border-radius: 50%;background: rgba(0,0,0,.6);line-height: 2;text-align: center;color: #fff; z-index: 610;font-size: 1.25rem;}
.btn-gotop-arrow::after{-webkit-transform:rotate(180deg);transform:rotate(180deg);}

.ico-font-comment::after{ content:'\f102'; margin-left: .2em; font-size: .875rem; line-height: 1;}
.ico-font-search::after{ content:'\f103';}
.ico-font-map::after{ content:'\f104';}

.btn-toggle-arrow{float:right;border-radius: 50%; border:1px solid #ddd;width: 1.57em; height: 1.57em;text-align: center;line-height: 1.7; font-size: .875rem;overflow: hidden;color: #ddd;}
.btn-toggle-arrow.hide{-webkit-transform: rotate(180deg);transform: rotate(180deg);}

.ico-play{display: inline-block;width:28px;height: 28px;background: url(http://ue3.17173cdn.com/a/cf.s/m/img/ico-play.png) no-repeat;background-size: 100%; position: absolute;top: 50%;left: 50%;margin: -14px 0 0 -14px;}
[class^="ico-sp-"]{display: inline-block;vertical-align: middle;background:url(http://ue1.17173cdn.com/a/cf.s/m/img/ico-sp.png) no-repeat;background-size: 17px 50px;}
.ico-sp-hot{width:12px;height: 17px;background-position:0 0;margin:0 .3rem .3rem 0;}
.ico-sp-like{width:17px;height: 18px;background-position:0 -25px;}
.ico-sp-unlike{width:17px;height: 18px;background-position:0 -25px;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
[class^="btn-"]{display: inline-block;}
.header{background:#333;font-size: 0; height: 2.5rem;}
.header h1{display: inline-block;width: 50%;}
[class^='game-name']{width: 50%;display: inline-block;font-size:1rem;color: #666; height:2.5em;line-height:2.5;border-bottom:2px solid #333; text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;}
.game-name-cur{background:#0583ee;border-color: #0059c7; color: #fff}
.header h1 a{width: 100%;}
.header [class^='icoh-']{background:url(http://ue2.17173cdn.com/a/cf.s/m/img/ico-h.png) no-repeat;background-size:24px 50px;display: inline-block;vertical-align: middle;}
.header .icoh-duanyou{width:24px;height:15px;background-position: 0 0;margin: 0 .5rem 3px 0}
.header .icoh-shouyou{width:14px;height:18px;background-position: 0 -20px;margin: 0 .5rem 3px 0}

.btn-more{background:#ececec;width:100%;height: 2.86em;line-height: 2.86;font-size:.875rem;color:#555;text-align:center;}
[class^="mod-"]{padding:1rem .8rem 0;}
[class^="sign-"]{display:inline-block;padding: 0 .3em;font-size:.75rem;line-height:1.3;vertical-align: middle;color: #fff; border-radius: 3px;margin: 0 .2em .2em 0;}
.sign-hot{background:#f35858}
.sign-zt{background:#00a0e9}
.sign-pc{background:#61ba3a}

.comm-hd{border-bottom: 1px solid #ececec;}
.comm-hd::before{content: "";display:table;}
.comm-hd::after{content:"";display:table;clear: both;}
.comm-sub-hd,.comm-pic{overflow:hidden;}
.comm-hd .tit{float:left;border-bottom: 1px solid #0583ee;font-size:1.25rem;line-height: 1.45;color: #0583ee;margin-bottom: -1px;}
.comm-bd{padding-top: 1rem;} 
.comm-bd .comm-sub:first-child{margin-top: 0}
.comm-sub-hd{margin-bottom:.5rem}
.comm-sub-hd .tit{color:#805c11;}
.comm-sub{margin-bottom: .8rem;}
.comm-sub-bd{overflow: hidden;}

.tab{margin-bottom: -1px; float: left;}
.tab a{float: left;position: relative;line-height: 1.5;color: #888;font-size: 1.25rem;}
.tab a:nth-child(n+2){margin-left: 1.6rem;}
.tab a:nth-child(n+2)::before{content: "";overflow: hidden;position: absolute;top: .7em;left: -.6em;
    width: .2em;height: .2em;background-color: #888;}
.tab .active{color: #0583ee;border-bottom: 1px solid #0583ee;}

.tab-ex{}
.tab-ex a{display:block;float:left;width:4.375rem;margin-right: 1px;border-radius: .2rem; background-color:#eaeaea;line-height:2.14; font-size: .875rem;text-align:center;}
.tab-ex .active{background-color:#f35858;color:#fff;}

.swiper-container{ overflow: hidden; position: relative;}
.swiper-wrapper{    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    display:-webkit-box;display:-webkit-flex; display: flex;position: relative;width: 100%; height: 100%}
.swiper-slide{ -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;-webkit-flex-shrink: 0;  flex-shrink: 0;-webkit-flex: 1 0 100%; flex: 1 0 100%;position: relative;}
.swiper-button-disabled{display: none;}
.tab-ex .swiper-slide{-webkit-flex: 0 0 auto; flex:0 0 auto;}

.swiper-nav{width: 100%;text-align: center;line-height: 1}
.swiper-nav span{display:inline-block;width: 6px;height: 6px;margin: 0 3px;border-radius: 50%; background:#ccc;}
.swiper-nav [class*="active"]{background: #0583ee; width:20px;border-radius: 10px; }

.nav{line-height: 2.25rem;position: relative;z-index:450;width: 100%; overflow:hidden;background-color:#fff;border-bottom: 1px solid #e9e9e9}
.nav::after{content:"";position: absolute;right:0;top: 0;width:3rem; height: 100%;background: -webkit-linear-gradient(left, rgba(255, 255, 255, .5), rgba(255, 255, 255, 1)); background:linear-gradient(left, rgba(255, 255, 255, .5), rgba(255, 255, 255, 1));}

.nav-slide{}
.nav-slide a{display:block; padding: 0 .8em;width: auto;color: #333;}
.nav .swiper-slide{-webkit-flex: 0 0 auto; flex:0 0 auto;}
.nav .swiper-slide:last-child{margin-right:3.5rem;}
.nav .swiper-slide-active{color:#0583ee;}
.nav.fixed{position: fixed;top: 0; left: 0;background:#fff;z-index:600; }
.first-screen{background:#292c35;}
.fs-hd{padding:.25rem .8rem;overflow: hidden;}
.fs-hd .tit{float: left;color: #585b64;font-size: .875rem;line-height:2.286 }
.fs-hd [class^="btn-"]{float: right;position: relative;min-width: 5rem;line-height:2;padding-left: 3rem;text-align:left;border-radius:2em;}
.fs-hd .btn-download{border:1px solid rgba(250,210,0,.4);;color:#ffd200;}
.fs-hd [class^="btn-"] img{position:absolute;top:.1em;left: .5rem;height:1.8rem!important;}
.fs-hd [class^="btn-"]::before{content: "";position: absolute;left: 2.5rem;top:.2rem;height:1.6rem;vertical-align: middle;width: 1px; background-color: #6f5a26; }
.fs-hd .btn-download img{border-radius: 50%;}
.fs-hd .btn-lb{padding-left:3rem;border: 1px solid rgba(249,95,94,.5);color: #f95f5e; }
.fs-hd .btn-lb::before{background-color:#8f4a4f}

.focus{ background-color: #000;}
.focus a{ position: relative; display: block;}
.focus img{ display: block; width: auto; max-width: 640px; margin:0 auto; height:200px !important}
.focus .txt{ overflow: hidden; position: absolute; left:0; bottom:0; width:100%; padding:1rem 5rem 0 .8rem; color:#fff; line-height: 2.2; white-space: nowrap; text-overflow:ellipsis;-webkit-box-sizing:border-box;box-sizing:border-box; font-size: .875rem; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0,.8));background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0,.8)); background: (top, rgba(0, 0, 0, 0), rgba(0, 0, 0,.8));}

.focus [class^="btn-"]{position: absolute;top:50%;width: 2em;height: 1em;line-height: 1;margin-top:-2rem;color:#fff;font-size: 1.5rem;font-weight: bold;opacity: .5;background-color: #000;text-align: center;}
.focus .btn-prev-arrow{left: -.6em;-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.focus .btn-next-arrow{right: -.6em;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}

.focus-ex .swiper-nav{ position: absolute; z-index:99; bottom:.85em; right:.7rem;width: auto;}
.focus-ex .swiper-nav span{ float: left; overflow: hidden; width:4px; height:4px; margin:1px 3px; background-color: #999; border-radius: 50%;}
.focus-ex .swiper-nav [class*="active"]{ margin:0 2px; padding:1px; border-color: #0583ee; background-color: #0583ee;}

.focus-ex1{margin:0 -.8rem 0;position: relative;background: none;}
.focus-ex1 .txt{position:static;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;width:100%;background:#333; color:#fff;font-size:.875rem;text-align: center;padding: 0;  }
.focus-ex1 img{display:block;width: 100%; max-width: 600px;margin: 0 auto;}
.focus-ex1 a{-webkit-box-sizing:border-box;box-sizing:border-box;padding: 0 .8rem;}

.focus-ex2{margin: 0 -.8rem}
.focus-ex2 .swiper-nav{display: none;}
.focus-ex2 .swiper-num{position: absolute;right:.8rem; bottom: 0;font-size: .875rem;color: #fff; }
.focus-ex2 .swiper-num .cur{font-size: 1.125rem; color: #fdcd00;}

.mod-news{padding-top:1.25rem; }

.comm-plist{overflow: hidden;}
.comm-plist li{overflow: hidden;border-bottom: 1px solid #ececec;padding: .8rem 0;}
.comm-plist li:first-child{padding-top:0;}
.comm-plist li:last-child{border-bottom: none;}
.comm-plist .pic-box{position:relative;overflow:hidden;float:left;width:30%;max-width:160px; margin-right: .8rem;}
.comm-plist .tit{color: #000;max-height: 3em;line-height: 1.5;padding-bottom: 1.4rem;}
.comm-plist .text-box{overflow: hidden;}
.comm-plist .desc{overflow:hidden;color: #666;font-size:.75rem;}
.comm-plist .date{color:#999;position: absolute;bottom: 0;}
.comm-plist .ico-font-comment{float:right;position: absolute;right: 0;bottom: 0;}

.comm-plist-ex .pic-box{height:4.375rem;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;background-color: #000}
.comm-plist-ex .pic-box img{position: absolute; top: 50%;left: 50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.comm-plist-ex1 .tit{padding-bottom:.2em;}

.art-item{position:relative;overflow:hidden;display:block;}

.comm-list{margin-top:-.5rem;}
.comm-list .art-item .c1{overflow: hidden;white-space:nowrap;text-overflow: ellipsis;width: 100%; padding-right:2.3rem; box-sizing:border-box;line-height: 2;}
.comm-list .art-item .c2{position:absolute;right:0; top:0;color: #888;font-size:.75rem;line-height:2.66; }
.comm-list-ex .c1{padding-right: 0}

.comm-link{font-size: 0;margin: 0 -.25rem;}
.comm-link .item{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;width:33.3%;font-size: 1rem;padding: 0 .25em .5em;}
.comm-link .item a{display:inline-block;width: 100%;border-radius:1rem;text-align:center;font-size: .875rem;border:1px solid #e2e2e2;background-color:#fff;line-height: 2.2;}
.comm-link .item a:hover{background:#0583ee; color:#fff;}
.comm-link-ex .item{width: 50%}
.comm-link .btn-more-arrow{display:none;}
.comm-link .btn-more-arrow.active{display:block}
/*.comm-link.active{max-height:7.3rem;overflow: hidden;}*/

.gl-link{margin:0}
.gl-link .item{padding: 0 .15rem .5rem;}
.gl-link .item a{border: 1px solid #93c1ff; line-height: 1.7}
.gl-link .item:nth-child(1) a{color: #3982e5;}
.gl-link .item:nth-child(2) a{color: #61ba3a;border-color:#c1f5a9;}
.gl-link .item:nth-child(3) a{color: #f42d2d;border-color:#fcb1b1;}
.gl-link .item:nth-child(4) a{color: #723ced;border-color:#d5b2fc;}
.gl-link .item:nth-child(5) a{color: #333;border-color:#cbcbcb;}
.gl-link .item:nth-child(6) a{color: #ff9a22;border-color:#fcdfa9;}
.gl-link .item a:hover{background: none;color: none}

.line{width: 100%; height: 1px; background: #e2e2e2; margin-bottom: 1rem;}
.mt1{margin-top: 1rem;}

.comm-pic li{-webkit-box-sizing:border-box;box-sizing:border-box;float: left;}
.comm-pic li .art-item{text-align: center;font-size: .875rem;}
.comm-pic li .art-item .img-box{display:inline-block;position:relative;}
.comm-pic li .txt-box{margin-top:.3rem;}
.comm-radius img{border-radius:50%;}

.comm-pic-ex{margin-left: -2rem;}
.comm-pic-ex li{padding: 0 0 .5rem 2rem;position: relative;width:33.3%}
.comm-pic-ex li::before{content:'';position:absolute;top: 50%; left: 0;width: 100%;height: 1px;margin-top:-1rem;background:#d3c2ad}
.comm-pic-ex li .art-item .img-box{max-width:120px;border:1px solid #d6c6b2; background:#e5dcc6;padding:.5rem;border-radius:50%;}
.comm-pic-ex li .art-item img{border-radius:50%;}

.comm-pic-ex2{margin: 0 -.4rem;}
.comm-pic-ex2 li{padding:0 .4rem .5rem;width: 50%}
.comm-pic-ex2 li .txt-box{font-size:.75rem;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.comm-pic-ex3{margin-left:-2rem;}
.comm-pic-ex3 li{padding: 0 0 .5rem 2rem;width:33.3%}
.comm-pic-ex3 li .art-item .img-box{max-width:160px;}

.comm-pic-ex4{margin-left: -1.25rem;}
.comm-pic-ex4 li{padding: 0 0 1rem 1.25rem;width: 25%}
.comm-pic-ex4 li .art-item .img-box{max-width:120px;}


.comm-scroll li .txt-box{font-size:.75rem;line-height:1.6;text-align: center;margin-top: .2rem;}

.comm-scroll{margin:0 -.4rem;}
.comm-scroll .comm-pic{width: 100%}
.comm-scroll .swiper-slide{-webkit-flex: 1 0 50%;flex: 1 0 50%;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;}
.comm-scroll .swiper-wraper{margin: -.5rem 0}
.comm-scroll .img-box{height:6.75rem;overflow: hidden;position: relative;background: #000;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;}
.comm-scroll .img-box img{position: absolute; top: 50%; left: 50%;-webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.comm-scroll .art-item{padding:.5rem .4rem;width:100%;-webkitbox-sizing:border-box;box-sizing:border-box;}
.comm-scroll .ico-play{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:.8}
.comm-scroll-ex{margin: 0 -.8rem;}
.comm-scroll-ex .swiper-slide:first-child{margin-left:.8rem;}
.comm-scroll-ex .swiper-slide{-webkit-flex:1 0 auto;flex:1 0 auto;}
.comm-scroll-ex .swiper-slide .art-item{padding-right: 2px;-wekit-box-sizing:border-box;box-sizing:border-box;}

.comm-scroll-ex .art-item{position: relative;max-height:5rem;overflow: hidden;}
.comm-scroll-ex .txt-box{position: absolute;left:0;bottom:0;width:100%;line-height:2; padding-top:1rem;text-align:center;color:#fff;background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.8));background:linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.8));font-size: .75rem;}

.player-swiper{margin-top: 1rem;}

.game-info{background:#ececec; padding: 0 .8rem .8rem;margin-top:1rem; }
.game-info .hd .tit{line-height: 2;color: #636363;}
.game-info .bd{padding-top: .5rem;}
.game-info .bd .classify{ font-size: 0; margin: 0 -.2rem;}
.game-info .bd .classify a{display: inline-block;color: #0084cb; font-size: .75rem; line-height: 2; padding: 0 .5rem;background: #fff;margin: 0 .2rem .4rem;border-bottom: 1px solid #dedede;}
.game-info .info{position: relative;padding-right:4.5rem;width: 100%;font-size: .75rem;}
.game-info .info .qdb{position: absolute;right: 0; width: 4.5rem;top: 0;text-align:center;}
.game-info .info .qdb .tit{display:inline-block;width:100%;padding: 0 .3em;background:#ffc81f; border-radius: .8rem;color: #333}
.ft{padding-top:.5rem;}
.footer{background:#464646;color: #666;padding-bottom: 0.5rem;text-align: center;margin-top: 1rem;}
.footer-c1{background:#333;}
.footer-c1 a{position:relative;padding:0 1em;line-height:2.2;color:#fff;display: inline-block;}
.footer-c1 a::before{content:"";position:absolute;left:0; top: .6rem;width: 1px;height:1rem;background: #555;}
.footer-c1 a:first-child::before{display: none;}
.footer-c2{padding-top: 1rem;font-size: .625rem}

/*article*/
.wrap-article{padding-bottom:3rem; background: #fff;}
.wrap-article .btn-gotop-arrow{bottom: 3.5rem;}
.mod-article .tit{font-size:1.25rem; font-weight: bold;color: #000; line-height: 1.33 }
.mod-article .info{padding:.5rem 0;margin-bottom:.5rem;border-bottom: 1px solid #dedede;color: #999;font-size:.75rem;}
.mod-article .info .date{margin-right: 1rem;}
.mod-article .detial{line-height: 1.5}
.mod-article .detail p{padding:.5rem 0;}
.comm-art-hd .tit{font-size:1.125rem; font-weight: bold;line-height:2;}
.comm-art-bd{}
.mod-rdtj .comm-list{margin-top:0}
.mod-vote{}
.mod-vote .con{overflow:hidden;}
.mod-vote .con [class^="vote-item-"]{float: left;width: 50%; font-size: 1.125rem; line-height:2.16;text-align: center;}
.mod-vote .con .vote-btn{border-radius:.2rem;}
.mod-vote .con .vote-item-support{padding-right:.4rem}
.mod-vote .con .vote-item-support .vote-btn{border:1px solid #f88a97; color:#f88a97;}
.mod-vote .con .vote-item-oppose{padding-left:.4rem}
.mod-vote .con .vote-item-oppose .vote-btn{ border:1px solid #b7e44c; color:#b7e44c;}
.mod-vote .con [class^="ico-"]{ margin:0 0.3rem 3px 0;}


.mod-share {margin-top: 1rem; text-align: center}
.mod-share .share-box { display: inline-block }
.mod-share .gb-share-btn { margin: 0 0.5rem; border-radius: 50%; color: #fff }
.mod-share .gb-share-btn-weixin { background: #91d460 }
.mod-share .gb-share-btn-tsina { background: #f2543f }
.mod-share .gb-share-btn-qzone { background: #f79532 }
.mod-share .gb-share-btn-tqq { background: #73c5f1 }
.mod-share .gb-share-ico-font { font-size: 2rem; width: 1.5em; line-height: 1.5 }
.mod-share .gb-share-btn-tit { display: none }
.chanyan-comment{margin-top: 1rem;}
.number-arrows-b::after{display: none;}

.issue-fix{position:fixed;bottom: 0; left: 0; width: 100%; background: rgba(51,51,51,.78);z-index: 602;padding:.5rem .8rem;}
.issue-fix-in{position:relative;height: 2.125rem;}
.issue-fix .issue-text{border:0;outline:none;background: #fff;width: 78.5%;padding:.3125rem 20% .3125rem 1.5%; color: #333;font-size: 1rem; line-height: 1.5;border-radius:0;} 
.issue-fix .issue-btn{background:#fdcd00;position: absolute; right: 0; top: 0; width: 20%;height: 100%;border:0;border-radius: 0;}

.mod-feedback{}
.btn-sure{width: 100%;background-color:#ffea3c; border-radius: .2rem;text-align: center;font-size: 1.25rem;line-height:2;border:0;margin:1rem 0;}
.form-item{position:relative;width: 100%;padding: .5rem 0;}
.form-item .form-input{width: 100%; border: 1px solid #cacaca;line-height:2;color: #333;background-color: #fff;padding-left: 6rem;-webkit-box-sizing: border-box;box-sizing: border-box;}
.form-item .name{position:absolute;line-height:2;left:.8rem; font-size:1.125rem; color:#999; }
.form-textarea{width: 100%; background-color: #fff; border:1px solid #cacaca;padding: .5rem;-webkit-box-sizing:border-box;box-sizing:border-box;min-height: 12rem;resize:none;}
.form-item ::-webkit-input-placeholder{color: #cacaca; font-size: .875rem;line-height:2.4 }

.pop{z-index: 702;width:90%;margin: 0 auto;background-color: #fff;text-align: center;padding:1rem;position: absolute;top: 50%;left: 50%;-webkit-transform:translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: .5rem;}
.pop-hd .tit{color:#444;line-height: 2;}
.pop-bd p{color: #0084ff;font-size: 1.125rem;}
.pop .btn-box{overflow: hidden;font-size: 0;margin-top: 1rem;}
.pop .btn-box a{display:inline-block;width:6.25rem;height:2.25rem; line-height: 2;margin: 0 .5rem;  font-size:1.125rem; background-color: #6baaff;color: #fff; border-radius: .2rem; }
.pop-mask{position:fixed;background:rgba(0,0,0,.5);z-index: 701;width: 100%;height: 100%;top: 0;left: 0;}

/*page*/
.page-nav { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;margin-top: 1rem; }
.page-nav a { display:block; -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; line-height:2.5; color:#999; background:#fff; border:1px solid #d3e4e8; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-right:1em; text-align: center; }
.page-nav a:last-child { margin-right:0 }
.page-nav .btn-prev::before {display:inline-block;content:"";width:.4em;height:.4em;margin-left:.2em;margin-bottom:.1em;border-top:.2em solid #dbdbdb;border-left:.2em solid #dbdbdb;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.page-nav .btn-next::after {display:inline-block;content:"";width:.4em;height:.4em;margin-left:.2em;margin-bottom:.1em;border-top:.2em solid #dbdbdb;border-right:.2em solid #dbdbdb;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}