html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: Arial, 'Microsoft Yahei';
}

a {
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}

/*清除浮动*/

.clearfix:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol,
li {
	list-style: none
}

section {
	font-size: .24rem;
}
img{border: 0;outline-width:0px;vertical-align:top;}

.wrap{width: 100%;overflow: hidden;}
.head{width: 100%;position: relative;}
.head img{width: 100%;}
.head .nav{position: absolute;top:0;left: 0;right: 0;background: url(../images/navbg.png) no-repeat;background-size: 100% 100%;height: 63px;width: 100%;}
.head .nav-con{width: 797px;margin: 0 auto;height: 63px;position: relative;}
.head .nav-con ul{height: 100%;width: 100%;}
.head .nav-con ul li{float: left;width: 151px;text-align: center;height: 100%;position: relative;}
.head .nav-con ul li i{position: absolute;right: 1px;top: 23px;color: #3d4f75;}
.head .nav-con ul .active{color: #0733bd;}
/*.head .nav-con ul li:hover{background: #eee;opacity: .8;}*/
.head .nav-con ul .dist-nav{margin-left: 193px;}
.head .nav-con .logo{position: absolute;top: 10px;left: 41.9%;width: 185px;}
.head .videoBtn{width: 66px;position: absolute;top: 59%;left: 36%;}
.head .videoBtn img{width: 100%;cursor: pointer;}
.head .gift{position: absolute;bottom: 20px;left: 20%;}
.head .down{position: absolute;bottom: -15px;left: 49.4%;z-index: 10;}
.head .gift div{float: left;margin-right: 5px;}
.head .gift div a{display: block;margin-bottom: 7px;}
.head .nav-con .logo img{width: 100%;}
.head .nav-con ul li a{display: block;}
.head .nav-con ul .active p:nth-child(1){color: #4b6dcf;}
.head .nav-con ul li p:nth-child(1){color: #06153f;font-size: 18px;margin-top: 20px;}
.head .nav-con ul li p:nth-child(2){color: #c59898;font-size: 12px;}
/**/
.module{width: 100%;position: relative;}
/*.module .img{width: 100%;}*/
.module-con{width: 100%;position: absolute;top: 0;left: 0;height: 100%;}
.module-con-de{width: 1190px;margin: 0 auto;}
.module-tit{text-align: center;margin-top: 5%;margin-bottom: 4%;}
.module-tit .module-gamedata{margin-left: -45px;}
.module-val{margin-top: 30px;margin-left: 83px;}
.module-val .le{float: left;width: 618px;position: relative;}
.module-val .ri{float: left;width: 518px;height: 354px;background: #626669;margin-left: 18px;}
.module-con .module-news{width: 1240px;}
.module-tab{position: absolute;top: 114px;left: 57px;z-index: 10;}
.module-tab div{cursor: pointer;}
.module-box{position: absolute;top: 0;left: 15%;z-index: 1;padding-top: 4%;height: 100%;}
.moduleImg{position: absolute;right: 0;opacity: 1;top: 0;width: 100%;}
.moduleImg img{width: 100%;}
.module-news-nav{width: 100%;border-bottom: 1px solid #fff;color: #bfbbb3;}
.module-news-nav ul{padding-left: 27px;padding-top: 6px;}
.module-news-nav ul li{float: left;width: 16%;height: 50px;line-height: 50px;text-align: center;}
.module-news-nav ul li a{display: block;color: #bfbbb3;}
.module-role-con{margin-top: 20px;}
.module-role-video{margin-top: 20px;cursor: pointer;}
.module-role-word{font-size: 28px;color: #a88e66;margin-top: 10px;}
.module-role-con span{display: inline-block;position: relative;margin-right: 55px;cursor: pointer;}
.module-role-con span p{position: absolute;width: 340px;height: 40px;background: url(../images/rolearrow.png) no-repeat;background-size: 100% 100%;padding-left: 10px;font-size: 14px;color: #fff;line-height: 50px;display: none; left: 5px;}
.module-role-con span .wjwidth1{width: 545px;}
.module-role-con span .wjwidth2{width: 370px;}
/*.module-news-nav ul .cur a{border-bottom: 1px solid #fff;color: #fff;}*/
.module-news-nav ul li a:hover{border-bottom: 1px solid #fff;color: #fff;}
.module-news-list{color: #bfbbb3;padding-left: 40px;padding-right: 30px;font-size: 14px;margin-top: 16px;}
.module-news-list ul li{line-height: 27px;}
.module-news-list ul li a{color: #bfbbb3;display: inline-block;width: 85%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.module-news-list ul li a:hover{color: #fff;}
.module-news-list ul li span{float: right;}
.module-way{width: 63%;margin: 0 auto;height: 52%;}
.action{width: 1165px;margin: 50px auto;height: 470px;}
.action ul{width: 100%;height: 100%;}
.action ul li{float: left;position: relative;margin-right: 12px;width: 100px;height: 100%;overflow: hidden;}
.action ul .cur{width: 703px;transition: width 1s;margin-right: 3px;}
.action ul .cur .actionimg{width: 100%;}
.action ul li .actionimg{position: relative;width: 0;}
.action ul li .actionimg div{float: left;}
.action ul li .actionimg div img{width: 100%;}
.action ul li .actionimg .actionbg{width:94%;position: relative;margin-top: 23px;height: 423px;background: url(../images/jzbg2.jpg) no-repeat;background-size: 100% 100%;margin-left: 14px;overflow: hidden;}
.action ul li .actionimg .actionbg img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);height: 90%;width: auto;}
.action ul li .actionimg .actionri{position: absolute;z-index: 999;right: 10px;}
.action ul li .actionimg .actionle{position: absolute;z-index: 999;}
.action ul .cur .actiondesc{display: none;}
.action ul li .actiondesc{width:100px;cursor: pointer;position: absolute;height:469px;top: 0;left: 0;background-size: 100% 100%;text-align: center;}
.action ul li .actiondesc1{background: url(../images/jz1.png) no-repeat;}
.action ul li .actiondesc2{background: url(../images/jz2.png) no-repeat;}
.action ul li .actiondesc3{background: url(../images/jz3.png) no-repeat;}
.action ul li .actiondesc4{background: url(../images/jz4.png) no-repeat;}
.action ul li .actiondesc5{background: url(../images/jz5.png) no-repeat;}
.action ul li .actiondesc span{width: 45px;color: #842c2b;margin: 0px auto;padding-top: 60px;display: block;font-weight: bold;text-align: center;font-family: 'FZZYSJW1';font-size: 43px;}

/*右侧固定栏目*/
.spread{position: fixed;top: 60px;right: 0;width: 18px;cursor: pointer;z-index: 10;background: rgba(255, 255, 255,.8);display: none;}
.fixedcol{position: fixed;width: 170px;top: 100px;right: 0;z-index: 10;transition: .3s;background: rgba(255, 255, 255,.8);border-radius: 2px;}
.fixedcol div{text-align: center;}
.fixedcol div img{width: 100%;}
.fixedcol .news-le-b{margin-top: 5px;}
.fixedcol .news-le-d{margin-top: 10px;}
.fixedcol .news-le-c{width: 50%;text-align: center;margin: 10px auto;}
.fixedcol p{font-size: 14px;padding-left: 10px;line-height: 23px;color: #666;}
.fixedcol .pack{position: absolute;top: 0;left: -18px;width: 18px;cursor: pointer;background: rgba(255, 255, 255,.8);}
/**/
/*预约浮窗*/
.orderpop{position: fixed;width: 1090px;height: 165px;border: 1px solid #fff;top: 90%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 999;}
.orderpop-con{margin: 4px;background: rgb(255,255,255,.8);position: relative;}
.orderclose{position: absolute;right: -2px;top: -33px;cursor: pointer;}
.orderpop-de{width: 100%;height: 100%;}
.orderpop-a{padding: 12px;float: left;}
.orderpop-a .type{color: #666;}
.orderpop-a .type span{margin: 0 20px;}
.orderpop-a input{background: rgba(136,138,141);color: #fff;font-size: 14px;outline: none;border: none;height: 45px;width: 235px;text-indent: 8px;border-radius: 5px;}
/*::-webkit-input-placeholder {color:#fff;}
:-moz-placeholder {color:#999;}
::-moz-placeholder {color:#999;}
:-ms-input-placeholder {color:#999;}*/
.orderpop-a  .input{margin: 8px 0;}
.orderpop-b{float: left;padding-top: 12px;}
.orderpop-b .join{color: #666;font-size: 16px;}
.orderpop-b .join span{color: #fe5353;font-size: 18px;}
.orderpop-b .orderBtn{width: 151px;height: 47px;text-align: center;line-height: 47px;color: #fff;cursor: pointer;font-size: 16px;border-radius: 5px;}
.orderpop-b .btn1{background: #e7484a;margin: 8px 0}
.orderpop-b .btn2{background: #314c82;}
.orderpop-c{float: left;margin-left: 20px;margin-top: 30px;}
.orderpop-d{width: 94px;float: left;text-align: center;color: #666;margin-top: 28px;position: relative;}
.order1{margin-left: 15px;}
.orderpop-next{float: left;margin: 65px 10px;}
.orderpop-d span{position: absolute;display: block;top: -15px;left: 2px;}
.orderpop-d div{width: 96px;}
.orderpop-d div .ordericon{position: absolute;width: 60%;top: 22px;left: 21px;}
.orderpop-d div .ordericon1{position: absolute;width: 60%;top: 23px;left: 26px;}
.orderpop-open{position: absolute;right: 0;top: 60%;cursor: pointer;}


/**/
.module-produ{position: relative;opacity: 1;left: 0;}
.module-produ-a{margin-top: 100px;}
.module-list{width: 54%;margin: 0 auto;}
.module-list ul li{width: 48.5%;float: left;margin: 0 1% 1% 0;cursor: pointer;position: relative;}
.module-list ul li img{width: 100%;vertical-align: middle;}
.module-list ul li span{position: absolute;display: block;width: 100%;height: 40px;line-height: 40px;text-align: center;bottom: 0;left: 0;background: rgba(0,0,0,.5);color: #fff;}
.module-list .le{float: left;width: 49.5%;margin-right: 1%;background: #626669;position: relative;}
.module-list .more{position: absolute;bottom: 0;right: 0;cursor: pointer;}
.module-list .module-more a{float: right;margin-right: 2%;}
.module-list .item{padding: 10px 15px;border-bottom: 1px solid #bfbbb3;}
.module-list .item .item-le{float: left;}
.module-list .item .item-le img{vertical-align: inherit;}
.module-list .item .item-ri{float: left;margin-left: 15px;width: 70%;}
.module-list .item .item-ri-a{font-size: 18px;color: #fff;margin-top: 12px;}
.module-list .item .item-ri-b{color: #bfbbb3;margin-top: 9px;}
.module-list .item .item-ri-b span{display: inline-block;width: 30%;}
.module-list .ri{float: left;background: #626669;width: 49.5%;position: relative;height: 413px;}
.module-list .ri .item{height: 50%;}
.module-list .item .item-ri-b p{line-height: 30px;}
.module-char{width: 80%;margin: 0 auto;position: relative;}
.swiper-slide img{width: 100%;}
.module-char .swiper-container .swiper-slide img{width: 100%;}
.module-char .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background: url(../images/xlwytese2.png) no-repeat;left: -92px;top: 47%;height: 76px;width: 52px;outline: none;}
.module-char .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: url(../images/xlwytese3.png) no-repeat;right: -92px;top: 47%;height: 76px;width: 52px;outline: none;}
.module-char .swiper-pagination-bullet{background: url(../images/xlwyteseling2.png) no-repeat;width: 86px;height: 38px;opacity: 1;outline: none;border-radius: 0;}
.module-char .swiper-pagination-bullet:nth-last-child(1){background: url(../images/xlwyteseling2.png) no-repeat;width: 38px;outline: none;}
.module-char .swiper-pagination{top: 106%;left: 50%;width: 830px;transform: translate(-50%,0);}
.module-char .swiper-pagination{background: url(../images/xlwytese4.png) no-repeat center center;}
.module-char .swiper-pagination-bullet-active{background: url(../images/xlwyteseling1.png) no-repeat;outline: none;}
.module-char .swiper-pagination-bullet-active:nth-last-child(1){background: url(../images/xlwyteseling1.png) no-repeat;outline: none;}
.module-val .swiper-game-news{width: 100%;height: 50px;line-height: 50px; background: #000;opacity: .5;color: #fff;margin:-50px auto;text-align: center;font-size: 14px;}
.module-val .swiper-button-next, .swiper-container-rtl .swiper-button-prev{top: 113%;left: 588px;width: 25px;height: 24px;}
.module-val .swiper-button-prev, .swiper-container-rtl .swiper-button-next{top: 113%;left: 4px;width: 25px;height: 24px;}
.module-val .swiper-button-white{outline: none;}
/*footer*/
.footer {font-size: 14px;background: #8bd5f5;position: relative;margin-top: 68px;height: 230px;color: #4a4a4a;}
.footer_a{padding-top: 34px;}
.footer_a a{color: #4a4a4a;}
.footer_b{margin-top: 40px;}
.footer_b span {margin-right: 40px;}
.footer_c{line-height: 25px;}
.footer .copyright {width: 50%;margin: 0 auto;}
.footer .logo .company {color: #fff;}
.icp {padding-left: 28px;float: left;}
.icp a {color: #fff;}
.footer div{text-align: center;}
.footer .copyright .desc {padding-top: 30px;}
.footer .copyright .desc .enter {margin-bottom: 20px;color: #9e8072;}
.footer .desc p {margin-bottom: 5px;color: #9e8072;font-size: 13px;}
.footer .copyright .becareful {margin-top: 20px;color: #FFF;}
.footer .copyright .becareful p {color: #9e8072;font-size: 13px;}
.backTop{position: absolute;top: -79px;left: 50%;transform: translate(-50%,0);cursor: pointer;}

/*驯龙物语css*/
.xlwycon{width: 1200px;margin: 0 auto;}
.xlwyTit{text-align: center;margin-top: 60px;}
.newsbg{width: 100%;height: 680px;background: url(../images/xlwybg2_1.jpg) no-repeat center top;background-size: 100% 100%;position: relative;}
.xlwy-news {margin-top: 45px;}
.xlwy-news-le{float: left;width: 675px;height: 400px;position: relative;}
.xlwy-download{width: 874px;position: absolute;left: 66%;transform: translate(-50%,0);bottom: 23px;}
.xlwy-download-le{float: left;width: 380px;height: 139px;padding: 8px 10px 8px 20px;background: url(../images/xlwy-banbg1.png) no-repeat center top;background-size: 100% 100%;}
.xlwy-download-le div{float: left;}
.xlwy-download-le .le-download{margin-left: 10px;}
.xlwy-download-le .le-download .btn1{margin-top: 2px;}
.xlwy-download-le .le-download .btn2{margin-top: 9px;}
.xlwy-download-le .ln-txzs{float: left;margin-left: 8px;cursor:pointer;width: 118px;height: 118px;background: url(../images/xlwy-tenxun.png) no-repeat;}
.xlwy-download-le .ln-txzs a{display: block;width: 100%;height: 100%;}
.xlwy-download-le .ln-txzs:hover{background: url(../images/xlwy-tenxun1.png) no-repeat;}
.xlwy-download-le .le-play{margin-left: 8px;margin-top: 9px;width: 101px;height: 97px;background: url(../images/xlwy-play.png) no-repeat;}
.xlwy-download-le .le-play:hover{background: url(../images/xlwy-play1.png) no-repeat;}
.xlwy-download-ri{float: left;margin-top: 73px;padding-left: 20px;padding-top: 4px;width: 268px;height: 55px;background: url(../images/xlwy-bannews.png) no-repeat center top;background-size: 100% 100%;}
.xlwy-download-ri .xf1{font-size: 18px;}
.xlwy-download-ri .xf1 span{color: #ffa700;}
.xlwy-download-ri .xf2{font-size: 16px;}
.xlwy-download-le .le-download .btn1 a{width: 202px;height: 55px;background: url(../images/xlwy-android.png) no-repeat;display: block;}
.xlwy-download-le .le-download .btn1 a:hover{background: url(../images/xlwy-android1.png) no-repeat;}


.xlwy-foot-code{text-align: center;width: 530px;margin: 150px auto;}
.xlwy-foot-code div{width: 206px;height: 244px;background: #7cb3dc;border-radius: 12px;float: left;}
.xlwy-foot-code div img{width: 190px;}
.xlwy-foot-code div .codeimg{padding-top: 8px;}
.xlwy-foot-code div .codetit{padding-top: 12px;color: #fff;}
.xlwy-foot-code .code1{float: left;margin-right: 110px;}

/*.xlwy-news-le img{width: 100%;height: 100%;;}*/
.xlwy-news-ri{float: left;margin-left: 40px;width: 450px;}
.xlwy-news-ri .img1{width: 65px;}
.xlwy-news-nav{width: 380px;margin: 10px auto 0;}
.xlwy-news-nav i{float: left;margin: 3px 16px;}
.xlwy-news-nav span{display: block;float: left;width: 63px;text-align: center;height: 25px;line-height: 25px;cursor: pointer;}
.xlwy-news-nav .navcur{background: url(../images/xlwynews3.png) no-repeat;background-size: 100% 100%;color: #fff;}
.xlwy-more span{float: right;width: 67px;height: 25px;background: #575757;text-align: center;color: #fff;font-size: 14px;cursor: pointer;line-height: 25px;margin-top: 30px;border-radius: 3px;}
.xlwy-more span:hover{background: #2450c6;}
.xlwycon_news .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{width: 127px;height: 50px;line-height: 50px;bottom: 0px;left: auto;right: 0;background: rgba(0,0,0,.3);}
.xlwycon .news-swiper .swiper-pagination-bullet{background: url(../images/xlwynewspage1.png) no-repeat;width: 16px;height: 15px;opacity: 1;}
.xlwycon .news-swiper .swiper-pagination-bullet-active{background: url(../images/xlwynewspage2.png) no-repeat;}
.xlwy-news-con{margin-top: 22px;}
.xlwy-news-con ul li{margin-bottom: 20px;}
.xlwy-news-con ul li a{display: block;width: 100%;font-size: 14px;color: #040404;}
.xlwy-news-con ul li a:hover{color: #2450c6;}
.xlwy-news-con ul li a span:nth-child(1){float: left;width: 290px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xlwy-news-con ul li a span:nth-child(2){float: right;}
.xlwy-news-le .swiper-slide img{height: 401px;}
.xlwy-news-le i{position: absolute;width: 684px;height: 403px;background: url(../images/xlwy-news-bannerline.png) no-repeat;top: 13px;left: 7px;}

/*攻略*/
.methbg{width: 100%;height: 680px;background: url(../images/xlwybg4.jpg) no-repeat center top;background-size: 100% 100%;position: relative;}
.xlwy-method{width: 450px;height: 47px;border-radius: 25px;border: 1px solid #d0ae70;margin: 18px auto 0;}
.xlwy-method span{float: left;width: 149px;border-radius: 25px 0 0 25px;text-align: center;line-height: 45px;font-size: 18px;background: #f1f7ff;color: #d0ae70;border-right: 1px solid #d0ae70;cursor: pointer;}
.xlwy-method span:nth-last-child(1) {border: none;border-radius: 0 25px 25px 0;width: 150px;}
.xlwy-method span:nth-child(2) {border-radius: 0;}
.xlwy-method .mecur{background: #d0ae70;color: #fff;}
.xlwy-method2{width: 1200px;margin: 80px auto 0;position: relative;}
.xlwy-method2 .meth-le{float: left;cursor: pointer;}
.xlwy-method2 .meth-ri{float: right;cursor: pointer;}
.xlwy-method2 .meth-mid{width: 559px;height: 360px;background: url(../images/xlwygl1.png) no-repeat;background-size: 100% 100%;position: absolute;top: -38px;left: 50%;transform: translate(-50%,0);}
.meth-mid-con{padding: 34px 42px;}
.meth-mid-con .meth-mid-word:nth-child(1) {height: 40px;line-height: 12px;}
.meth-mid-word{height: 70px;line-height: 70px;border-bottom: 1px dashed #828488;}
.meth-mid-con .meth-mid-word:nth-last-child(1) {border-bottom: none;}
.meth-mid-word span{font-size: 18px;margin-right: 46px;}
.meth-mid-word a{color: #333;font-size: 14px;margin-right: 27px;}
.meth-mid-word a:nth-last-child(1){margin-right: 0;}
.meth-mid-word a:hover{color: #315bca;}
.meth-mid-con .xlwy-mid-mod{width: auto;}
.meth-mid-word a i img{vertical-align: middle;width: 4px;}
.meth-mid-con .xlwy-mid-mod span{width: 100px;}
.meth-mid-con .xlwy-mid-mod i{margin: 3px 4px;}
.xlwy-mid-methcon{padding-top: 20px;border-top: 1px dashed #ddd;}
.xlwy-mid-methcon ul{display: none;}
.xlwy-mid-methcon ul:nth-child(1){display: block;}
.meth-mid-con .xlwy-mid-mod .xlwy-mid-more{width: 24px;height: 24px;background: #575757;color: #fff;text-align: center;line-height: 24px;border-radius: 3px;}
.meth-mid-con .xlwy-mid-mod .xlwy-mid-more:hover{background: #2450c6;}
.swiper-slide .meth-mid{width: 559px;height: 360px;background: url(../images/xlwygl1.png) no-repeat;background-size: 100% 100%;display: none;position: absolute;top: -38px;
    left: 50%;
    transform: translate(-50%,0);}
.swiper-slide-active .methWordCon{display: block;z-index: 999;}
.swiper-slide-active .methImgCon{display: none;}
.swiper-container-meth .methImgCon img{height: 283px;width: 348px;}
.swiper-container-meth{height: 470px;padding-top: 145px;}
.methbg .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{top: 0;left: 50%;transform: translate(-50%,0);bottom: auto;width: auto;}
.methbg .swiper-pagination-bullet{opacity: 1;height: auto;}
.methbg .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0;}
.methbg .xlwy-method .swiper-pagination-bullet-active{background: #d0ae70;color: #fff;}
.swiper-container-meth .xlwy-method span{background: #fff;}

/*角色swiper*/
.tesebg{width: 100%;height: 900px;background: url(../images/xlwybg5.jpg) no-repeat center top;background-size: 100% 100%;position: relative;}
.codebg{width: 100%;height: 580px;background: url(../images/xlwybg6.jpg) no-repeat center top;background-size: 100% 100%;position: relative;}
.gallery-top{width: 100%;height: 630px;}
.rolebg{width: 100%;height: 900px;background: url(../images/xlwybg3-1.jpg) no-repeat center top;background-size: 100% 100%;position: relative;}
.xlwy-role-swiper .swiper-slide img{width: auto;}

.xlwy-role-swiper .swiper-slide .partner-role1{margin-top: 30px;margin-left: 54px;}
.xlwy-role-swiper .swiper-slide .partner-role2{margin-top: 0px;margin-left: 92px;}
.xlwy-role-swiper .swiper-slide .partner-role3{margin-top: 21px;margin-left: 34px;}
.xlwy-role-swiper .swiper-slide .partner-role4{margin-top: -60px;margin-left: 79px;}
.xlwy-role-swiper .swiper-slide .partner-role5{margin-top: 0px;margin-left: 0px;}
.xlwy-role-swiper .swiper-slide .partner-role6{margin-top: 14px;margin-left: 24px;}
.xlwy-role-swiper .swiper-slide .partner-role7{margin-top: 5px;margin-left: 79px;}
.xlwy-role-swiper .swiper-slide .partner-role8{margin-top: -53px;margin-left: 79px;}
.xlwy-role-swiper .swiper-slide .partner-role9{margin-top: 0px;margin-left: 112px;}
.xlwy-role-swiper .swiper-slide .partner-role10{margin-top: -92px;margin-left: 107px;}
.xlwy-role-swiper .swiper-slide .partner-role11{margin-top: 5px;margin-left: 111px;}
.xlwy-role-swiper .swiper-slide .partner-role12{margin-top: 20px;margin-left: 57px;}

.xlwy-role-change{width: 752px;margin: -33px auto;}
.xlwy-role-swiper .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white{background: url(../images/xlwytese2.png) no-repeat;left: 10px;top: 47%;height: 76px;width: 52px;outline: none;z-index: 999}
.xlwy-role-swiper .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white{background: url(../images/xlwytese3.png) no-repeat;right: 0;top: 47%;height: 76px;width: 52px;outline: none;z-index: 999;}
.xlwy-role-change .swiper-slide img{width: 90px;height: 90px;}
/*.xlwy-role-change .swiper-slide{width: 90px;height: 90px;}*/
/*.xlwy-role-change .swiper-slide {background: #7c7c7c;border-radius: 20px;border: 2px solid #cecece;}*/
.module .xlwy-role-change .swiper-slide-active i {background: none;}
.xlwy-role-change .swiper-slide-active img{opacity: 1;}
.module .xlwy-role-swiper .swiper-button-next.swiper-button-white:hover{background: url(../images/xlwytese3-1.png) no-repeat;height: 76px;width: 52px;background-size: 100% 100%;}
.module .xlwy-role-swiper .swiper-button-prev.swiper-button-white:hover{background: url(../images/xlwytese2-1.png) no-repeat;height: 76px;width: 52px;background-size: 100% 100%;}
.xlwy-role-change .swiper-slide i{position: absolute;width: 90px;height: 90px;left: 0;top: 0;background: rgba(0,0,0,.4);border-radius: 20px;}

/*角色立绘*/
.xlwy-roleCon{position: relative;}
.xlwy-role-le{position: absolute;left: 43px;top: 70px;width: 486px;margin-top: 50px;height: 435px;z-index: 999;background: -webkit-linear-gradient(right, rgba(255,255, 255, 0) 0%, rgba(255,255, 255, 1) 100%);padding: 14px;}
.xlwy-role-swiper .xlwy-role-le{left: 78px;}
.xlwy-role-name img{height: 120px;}
.xlwy-role-intro{font-size: 14px;margin-top: 22px;line-height: 22px;}
.xlwy-role-jineng{margin-top: 45px;position: relative;}
.xlwy-role-suchjineng{position: absolute;left: 0;top: 0;}
.xlwy-role-suchjineng a{display: inline-block;width: 83px;height: 83px;margin-right: 2px;}
.xlwy-role-jinDetail{position: absolute;width: 620px;background: #97b3cc;color: #fff;top: -129px;left: -94px; border-radius: 25px;display: none;z-index: 9999;}
.xlwy-role-jinDetail .jinDetail-con{padding: 0px 17px;position: relative;height: 110px;}
.xlwy-role-jinDetail .jinDetail-con ul{position: absolute;top: 50%;transform: translate(0,-50%);}
.xlwy-role-jinDetail .jinDetail-con .w1{font-size: 24px;}
.xlwy-role-jinDetail .jinDetail-con .w1 img{vertical-align: middle;}
.xlwy-role-jinDetail .jinDetail-con .w2{font-size: 14px;margin-top: 6px;line-height: 21px;}
.xlwy-role-jinDetail .jinDetail-con div{width: 0px;height: 0px; border: 23px solid #97b3cc;border-bottom-color: transparent;border-left-color: transparent;border-right-color: transparent;position: absolute;}
.xlwy-role-jinDetail .jinDetail-con .roleji-a{left: 115px;bottom: -36px;}
.xlwy-role-tip{color: #cc3333;font-size: 14px;margin-top: 10px;}
.xlwy-role-ri{width: 590px;height: 590px;float: right;margin-right: 20px;margin-top: 10px;background: url(../images/xlwy-partnerbg.png)no-repeat;background-size: 100% 100%;}
.xlwy-role-change1{position: absolute;left: 0;top: 280px;cursor: pointer;}
.xlwy-role-change2{position: absolute;right: 0;top: 280px;cursor: pointer;}
.xlwy-roleCon .xlwy-role-bg{width: 668px;height: 668px;background: url(../images/xlwyrolebg.png)no-repeat;position: relative;background-size: 100% 100%;}
.xlwy-roleCon .xlwy-role-bg span img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;opacity:0.9;cursor: pointer;width: 101px;height: 108px;}
.xlwy-roleCon .xlwy-role-bg .roleIndex-1{position: absolute;right: 130px;top: -30px;}
.xlwy-roleCon .xlwy-role-bg .roleIndex0{position: absolute;right: 130px;top: 40px;}
.xlwy-roleCon .xlwy-role-bg .roleIndex1{position: absolute;right: 0px;top: -200px;}
.xlwy-roleCon .xlwy-role-bg .roleIndex2{position: absolute;right: 10px;top: 25px;}
.xlwy-roleCon .xlwy-role-bg .roleIndex3{position: absolute;right: 100px;top: 20px;}
.xlwy-roleCon .xlwy-role-bg .roleIndex4{position: absolute;right: 90px;top: 40px;}

.xlwycon .xlwy-roleCon .roleWomenIndex0 .roleIndex-1{position: absolute;right: 130px;top: -90px;}
.xlwycon .xlwy-roleCon .roleWomenIndex1 .roleIndex0{position: absolute;right: 50px;top: 30px;}
.xlwycon .xlwy-roleCon .roleWomenIndex2 .roleIndex1{position: absolute;right: 140px;top: -220px;}
.xlwycon .xlwy-roleCon .roleWomenIndex3 .roleIndex2{position: absolute;right: 80px;top: 25px;}
.xlwycon .xlwy-roleCon .roleWomenIndex4 .roleIndex3{position: absolute;right: 50px;top: -30px;}
.xlwycon .xlwy-roleCon .roleWomenIndex5 .roleIndex4{position: absolute;right: 30px;top: 70px;}
.xlwy-role-detBtn{width: 195px;height: 54px;background: #e9b961;text-align: center;border-radius: 5px; line-height: 54px;margin-top: 32px;margin-left: 130px;}
.xlwy-role-detBtn a{display: block;width: 100%;height: 100%;}
.xlwy-role-detBtn img{margin: 18px 0;}
.xlwy-role-detBtn:hover{background: #ffce76;}
.xlwy-role-swiper .xlwy-partner-ri{margin-right: 75px;margin-top: 40px;}
.xlwy-role-swiper .xlwy-partner-le{top: 30px;}

#roleMod3 .swiper-button-next-foot, .swiper-container-rtl .swiper-button-prev-foot{right: 167px;bottom: 23px;top: auto;}
#roleMod3 .swiper-button-prev-foot, .swiper-container-rtl .swiper-button-next-foot{left: 167px;bottom: 23px;top: auto;}
.swiper-button-prev-foot.swiper-button-white, .swiper-container-rtl .swiper-button-next-foot.swiper-button-white{width: 29px;height: 45px;background-image:url(../images/xlwy-swiper-foot2.png);outline: none;}
.swiper-button-next-foot.swiper-button-white, .swiper-container-rtl .swiper-button-prev-foot.swiper-button-white{width: 29px;height: 45px;background-image:url(../images/xlwy-swiper-foot1.png);outline: none;}
.swiper-button-prev-foot, .swiper-button-white:hover{background-image:url(../images/xlwy-swiper-foot1-1.png)}
.swiper-button-next-foot:hover{background-image:url(../images/xlwy-swiper-foot2-1.png)}

.xlwy-roleCon .xlwy-role-bg .rolesex{position: absolute;bottom: 60px;right: 280px;cursor: pointer;}
.xlwy-roleCon .xlwy-role-bg span .roleImgCur{opacity: 1;webkit-filter: grayscale(100%);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0%);filter: auto;}
.xlwy-roleCon .xlwy-role-bg span .roleHead0{position: absolute;right: 31px;top: 41px;}
.xlwy-roleCon .xlwy-role-bg span .roleHead1{position: absolute;right: -31px;top: 144px;}
.xlwy-roleCon .xlwy-role-bg span .roleHead2{position: absolute;right: -50px;top: 269px;}
.xlwy-roleCon .xlwy-role-bg span .roleHead3{position: absolute;right: -25px;top: 390px;}
.xlwy-roleCon .xlwy-role-bg span .roleHead4{position: absolute;right:  38px;top: 500px;}
.xlwy-roleCon .xlwy-role-bg span .roleHead5{position: absolute;right: 144px;top: 571px;}
.xlwy-pets{margin-top: 30px;}
.xlwy-pets-le{float: left;width: 420px;height: 628px;background: #fff;border-radius: 30px;padding-left: 30px;padding-top: 30px;padding-right: 30px;margin-top: 38px;}
.xlwy-pets-head{border-bottom: 1px solid #d0ae70;}
.xlwy-pets-head ul li {float: left;width: 70px;height: 27px;text-align: center;line-height: 27px;cursor: pointer;}
.xlwy-pets-head ul .headCur{background: #d0ae70;color: #fff;border-radius: 8px 8px 0 0;}
.xlwy-pets-body{width: 100%;height: 503px;overflow-y: scroll;margin-top: 30px;}
.xlwy-pets-body ul li{float: left;position: relative; margin-right: 15px;margin-bottom: 15px;width: 88px;height: 88px;border-radius: 15px;cursor: pointer;}
.xlwy-pets-body ul li img{width: 88px;height: 88px;border-radius: 15px;}
.xlwy-pets-body ul li i{position: absolute;width: 88px;height: 88px;display: block;left: 0;top: 0;background: rgba(0,0,0,.4);border-radius: 22px;}
.xlwy-pets-body ul li .petcur{width: 0;height: 0;}
.xlwy-pets-body ul{display: none;}
.xlwy-pets-body ul .curPetHead img{background: none;}
.xlwy-pets-ri{float: right;width: 712px;height:702px;margin-top: -34px; position: relative;background: url(../images/xlwy-petbg.png)no-repeat center center;background-size: 100% 100%;}
.xlwy-pets-ri-con{height: 450px;}
.xlwy-pets-ri-name{font-size: 62px;font-weight: bold;text-align: center;margin-top: 80px;}
.xlwy-pets-ri-desc{font-size: 26px;width: 454px;height: 43px;margin: 5px auto; background: url(../images/xlwy-pet-line.png)no-repeat center center;background-size: 100% 100%;text-align: center;line-height: 43px;font-weight: bold;}
.xlwy-pets-ri span{position: absolute;}
.xlwy-pets-ri span img{width: 47px;cursor: pointer;}
.xlwy-pets-ri .btnle{top: 324px;left: -5px;}
.xlwy-pets-ri .btnri{top: 324px;right: -10px;}
                
	.xlwy-pets-body::-webkit-scrollbar {
	  width: 10px;
	  height: 10px;
	}
	
	.xlwy-pets-body::-webkit-scrollbar-thumb {
	  /*滚动条里面小方块*/
	  border-radius: 10px;
	  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	  background: #8d8d8d;
	}
	
	.xlwy-pets-body::-webkit-scrollbar-thumb:hover {
	  background: #909399;
	}
	
	.xlwy-pets-body::-webkit-scrollbar-track {
	  /*滚动条里面轨道*/
	  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	  border-radius: 10px;
	  background: #d2d2d2;
	}        


/*资讯列表页*/
.xlwy-in-newsList{margin-top: 65px;}
.xlwy_in_newsList1{text-align: center;}
.xlwy_in_newsList2{margin: 65px auto 0;position: absolute;left: 50%;transform: translate(-50%,0);}
.xlwy_in_newsList2 span{display: block;float: left;width: 107px;height: 26px;color: #000; line-height: 26px;text-align: center;cursor: pointer;font-size: 18px;}
.xlwy_in_newsList2 i {float: left;margin: 3px 5px;}
.xlwy_in_newsList2 i img{transform:rotate(10deg);-ms-transform:rotate(10deg);-moz-transform:rotate(10deg);-webkit-transform:rotate(10deg);-o-transform:rotate(10deg);}
.xlwy_in_newsList2 .newsCur{background: url(../images/xlwynews3.png) no-repeat;background-size: 100% 100%;color: #fff;}
.xlwy_in_line{width: 100%;height: 1px;background: #d5d5d5;margin-top: 95px;}
.xlwy_in_newsList3{width: 100%;}
.xlwy_in_newsList3 a{color: #151515;}
.news_inlist{width: 100%;height: 180px;}
.news_inlist:hover{background: #d8edfe;}
.news_inlist:hover .new_inlist_con{padding-left: 90px;}
.new_inlist_con{width: 1152px;margin: 0 auto;padding-top: 55px;padding-left: 115px;position: relative;transition: all .2s linear;}
.news_inlist .inlist_le{float: left;margin-top: 15px; padding: 0 10px;height: 39px;background: #637fc9;text-align: center;line-height: 39px;border-radius: 20px;color: #fff;font-size: 26px;}
.news_inlist .inlist_ri{float: left;margin-left: 34px;color: #000;width: 800px;}
.news_inlist .inlist_ri .part1{font-size: 18px;font-weight: bold;}
.news_inlist .inlist_ri .part2{margin-top: 23px;font-size: 14px;color: #151515;}
.news_inlist .inlist_line{position: absolute;top: 180px;left: 0;}
.xlwy_in_newDetail_a{width: 920px;margin: 66px auto 0;}
.xlwy_in_newDetail_a .indetail_le{float: left;}
.xlwy_in_newDetail_a .indetail_ri{float: right;font-size: 12px;}
.xlwy_in_newsCon{margin-top: 49px;}
.xlwy_in_newsCon_title{font-size: 32px;font-weight: bold;text-align: center;}
.xlwy_in_newsCon_detail{width: 920px;margin: 50px auto;}
.xlwy_in_newsCon_tip{font-size: 12px;color: #7b7b7b;text-align: center;margin-top: 5px;}


/*资料库*/
.xlwy_in_search{width: 450px;margin: 22px auto 0;position: relative;}
.xlwy_in_search input{width: 100%;height: 43px;border-radius: 22px;border: 1px solid #a3a3a3;outline: none;text-indent: 12px;font-size: 14px;}
.xlwy_in_search i img{position: absolute;top: 0;right: -10px;}
.xlwy_search_about{position: absolute;width: 390px;top: 43px;left: 13px;background: #e6e6e6;z-index: 999;}
.xlwy_search_about ul{padding: 20px;display: none;}
.xlwy_search_about ul li{width: 350px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 28px;}
.xlwy_search_about ul li a{color: #000;font-size: 14px;}
.xlwy_search_about ul li:hover a{color: #637fc9;}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #9b9b9b;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #9b9b9b;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #9b9b9b;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #9b9b9b;
}
.xlwy_in_searchkey{margin-top: 5px;text-align: center;font-size: 14px;color: #9b9b9b;}
.xlwy_in_searchkey span{margin-right: 12px;cursor: pointer;}
.xlwy_in_data_con{margin-top: 92px;}
.xlwy_in_datalist{margin-bottom: 92px;}
.xlwy_in_datalist .datalist_a{text-align: center;}
.datalist_b{width: 1000px;margin: 0 auto;}
.datalist_card{float: left;padding: 6px 12px;background: #637fc9;color: #fff;font-size: 18px;border-radius: 20px;font-weight: bold;}
.datalist_ri{float: left;font-size: 14px;margin-left: 60px;margin-top: 4px;width: 800px;}
.datalist_b_mod{margin-top: 32px;}
.datalist_ri span img{margin: 0 15px;vertical-align: middle;}
.datalist_ri a{color: #000;}
.datalist_ri a:hover{color: #637fc9;}
.datalist_more{width: 105px;height: 36px;margin: 30px auto 0;font-size: 14px; background: #9c9c9c;color: #fff;text-align: center;line-height: 36px;border-radius: 5px;cursor: pointer;}
.datalist_more span{color: #9c9c9c;background: #fff;border-radius: 50%;display: inline-block;vertical-align: middle;font-size: 12px;width: 10px;height: 10px;line-height: 10px;}
.datalist_more:hover{background: #2450c6;}
.xlwy_in_video{margin-top: 70px;}
.xlwy_in_video_tit{text-align: center;}
.xlwy_in_videolist{width: 925px;margin: 30px auto 0;}
.xlwy_in_videolist ul li {float: left;text-align: center;width: 297px;margin-right: 16px;margin-bottom: 28px;cursor: pointer;position: relative;}
.xlwy_in_videolist ul li:nth-child(3n) {margin-right: 0;}
.xlwy_in_videolist ul li .videoImg img{width: 297px;height: 151px;}
.xlwy_in_videolist ul li .video_desc{width: 297px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 14px;margin-top: 4px;}
.xlwy_in_pop{position: absolute;top: 0;left: 0;width: 100%;height: 151px;background: #000;opacity: .7;/*display: none;*/}
.xlwy_in_pop img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

/*广告位*/
.xlwy-ad{position: fixed;top: 10%;right: 0;width: 228px;height: 513px;background: url(../images/xlwy-ad-bg.png)no-repeat center center;background-size: 100% 100%;}
.xlwy-ad-con{padding: 17px 15px;position: relative;}
.xlwy-ad-a{margin-top: 126px}
.xlwy-ad-b{text-align: center;font-size: 14px;margin-top: 3px;color: #fff;}
.xlwy-ad-c{margin-top: 11px}
.xlwy-ad-d{margin-top: 11px}
.xlwy-ad-e{position: absolute;left: -37px;top: 169px;cursor: pointer;}


/*视频播放弹层*/
.video-modal{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999; background: rgba(0, 0, 0, .5);}
/*.modal-content{background-color: rgba(0,0,0,1); border: none; outline: none;}*/
.bs-video-modal-md .modal-dialog {position: relative;}
.bs-video-modal-md .modal-content{background:transparent;box-shadow: none;border:0 none;}
.bs-video-modal-md .modal-dialog .close{
    background-color: #000;color:#FFF;opacity: 1;position: absolute;top: 0;right: -45px;z-index: 999;padding: 10px;font-size: 24px
}