/*20250530 Yapi*/
*html{background-image: url(about:blank);background-attachment: fixed;}
body{font: 14px/24px "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53";_font-family: "\5B8B\4F53";color: #333;background-color: #fcf8ef;}
a,
body,
dd,
div,
dl,
dt,
em,
form,
h1,
h2,
h3,
html,
i,
img,
input,
li,
p,
span,
textarea,
ul{margin: 0;padding: 0;}
textarea{font-family: "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53";_font-family: "\5B8B\4F53";}
a{text-decoration: none;color: #333;}
a:hover{color: #eb5f51;}
li,
ol,
ul{list-style: none;}
em,
i{font-style: normal;}
img{border: none;}
.cf{*zoom: 1;}
.cf:after{content: "";display: block;height: 0;clear: both;}
.fl,
.fr{_display: inline !important;overflow: hidden;}
.fl{float: left;}
.fr{float: right;}
.lh{line-height: 500px;overflow: hidden;}
.pr{position: relative;}
.w{width: 1000px;margin: 0 auto;}
.sfooter{color: #fff;background: #505050;height: 100px;}
.sfooter .copy,
.sfooter .menu a{color: #fff;}
.sfooter .menu a:hover{color: #f60;}
.text-overflow{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.topbar .r_menu{font-size: 12px;}
.topbar a{color: #333;}
.footer{color: #666;text-align: center;font-size: 14px;line-height: 30px;position: relative;z-index: 2;background-color: #ededed;padding: 30px 0;}
.footer a{color: #666;margin: 0 5px;}
.footer a:hover,
.topbar a:hover{color: #f60;}
body,
html{width: 100%;background-color: #96b7fc;}
.page{width: 100%;position: relative;font-size: 16px;/* color:#fff;*/font-weight: 400;text-align: center;line-height: 1;}
.page .banner{position: absolute;top: 0;width: 100%;height: 637px;background-position: center top;min-width: 1000px;}
.page .logo{position: absolute;top: 12px;left: 36px;width: 124px;height: 86px;background-image: url(../images/logo.png);}
.page .slogan{position: absolute;top: 104px;left: 311px;width: 584px;height: 269px;background-image: url(../images/slogan.png);}
.page .hd-btn-small{position: absolute;top: 20px;right: 10px;}
.page .hd-btn-small:hover{color: #fff;background-position: 0 bottom;}
.page .content-bg{position: relative;z-index: 2;width: 100%;background-repeat: no-repeat;background-image: url(../images/bg.png);}
.page .content{width: 1000px;min-height: 1000px;margin: 0 auto;position: relative;z-index: 2;padding-bottom: 50px;}
.page .content .btn-play{margin-left: 446px;display: block;width: 104px;height: 104px;background-image: url(../images/btn-play.png);background-repeat: no-repeat;background-position: 0 0;position: absolute;top: 406px;left: 294px;font-size: 0;}
.page .content .btn-play:hover{background-position: 0 bottom;}
.page .content .btn-start{margin-left: 426px;display: block;width: 312px;height: 128px;background-image: url(../images/btn-start.png?v=22);background-repeat: no-repeat;background-position: 0 0;line-height: 95px;color: #fff;text-decoration: none;font-size: 14px;text-align: center;}
.page .content .btn-start:hover{background-position: 0 bottom;}
.page .content .btn-start:active{background-position: 0 center;}
.page .content .btn-booking{margin-left: 426px;display: block;width: 312px;height: 128px;background-image: url(../images/btn-booking.png);background-repeat: no-repeat;background-position: 0 0;line-height: 95px;color: #fff;text-decoration: none;font-size: 14px;text-align: center;}
.page .content .btn-booking:hover{background-position: 0 bottom;}
.page .content .btn-booking:active{background-position: 0 center;}
@-webkit-keyframes moveBooking{0%{-webkit-transform: translateY(0);}
100%{-webkit-transform: translateY(5px);}}
.ani-booking{animation: moveBooking ease-in-out 0.8s infinite alternate;}
.page .content .down-info{background: url(../images/hd-down-bg.png) no-repeat;text-align: center;width: 287px;height: 44px;position: absolute;top: 530px;left: 426px;padding: 2px 0;line-height: 20px;font-size: 14px;color: #fff;}
.page .content .down-info span{color: #fff563;}
.page .content .size{font-size: 20px;}
.page .content .part-intro{width: 1000px;height: 156px;background: url(../images/part-intro-bg.png) no-repeat center;-webkit-box-sizing: border-box;box-sizing: border-box;}
.page .content .part-intro .btns,
.page .content .part-intro .info,
.page .content .part-intro .title{float: left;}
.page .content .part-intro .title{width: 62px;height: 134px;background: url(../images/part-intro-title.png) no-repeat center;background-size: 62px 134px;-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;-webkit-text-orientation: upright;text-orientation: upright;font-size: 22px;font-weight: 700;-webkit-box-sizing: border-box;box-sizing: border-box;}
.page .content .part-intro .info{width: 688px;height: 133px;font-size: 16px;line-height: 30px;text-align: left;}
.page .content .part-intro .btns .btn-small,
.hd-btn-small{display: block;width: 120px;height: 42px;background-image: url(../images/btn-small.png);background-repeat: no-repeat;background-position: 0 0;line-height: 42px;color: #fff;text-decoration: none;font-size: 16px;text-align: center;font-weight: bold;}
.page .content .part-intro .btns .btn-small:hover{background-position: 0 bottom;}
.page .content .part-intro .btns .btn-small:first-child{background-image: url(../images/btn-small1.png);}
.page .content .part-info{width: 1000px;height: 317px;background: url(../images/part-info-bg.png) no-repeat left 0;/* background-size:999px 396px;*/-webkit-box-sizing: border-box;box-sizing: border-box;margin-top: 30px;padding: 10px 0 10px 10px;}
.page .content .part-info .lb-con{width: 580px;height: 288px;overflow: hidden;position: relative;float: left;margin-right: 14px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.page .content .part-info .lb-imgs{height: 100%;width: 100%;}
.page .content .part-info .lb-imgs li{width: 100%;height: 100%;}
.page .content .part-info .lb-imgs img{display: block;width: 100%;height: 100%;}
.page .content .part-info .name{position: absolute;bottom: 0;left: 0;z-index: 11;width: 100%;height: 34px;line-height: 34px;overflow: hidden;background: rgba(0, 0, 0, 0.4);color: #fff;font-size: 16px;text-indent: 20px;text-align: left;}
.page .content .part-info .lb-nav{position: absolute;bottom: 11px;right: 15px;z-index: 222;height: 12px;}
.page .content .part-info .lb-nav span{background: #adadad;float: left;display: inline;margin-left: 12px;width: 10px;height: 10px;line-height: 999;overflow: hidden;cursor: pointer;-webkit-transition: all 0.2s linear;transition: all 0.2s linear;border-radius: 100%;}
.page .content .part-info .lb-nav span.on{background: url(../images/lb-nav-on.png);width: 24px;height: 24px;margin-top: -7px;border-radius: 0;}
.page .content .part-info .con2-l{float: right;display: inline;width: 427px;}
.page .content .part-info .con2-l h2{font-size: 22px;text-align: center;font-weight: 700;height: 30px;line-height: 30px;}
.page .content .part-info .con2-l h2 a{color: #3e72eb;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.page .content .part-info .con2-l .ftit{text-align: left;line-height: 24px;margin: 10px 0;font-size: 16px;height: 48px;color: #324c84;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.page .content .part-info .con2-l .txttab{width: 100%;height: 48px;overflow: hidden;position: relative;}
.page .content .part-info .con2-l .txttab li{float: left;width: 33%;overflow: hidden;}
.page .content .part-info .con2-l .txttab li.on a{background-color: #3e72eb;color: #fff;}
.page .content .part-info .con2-l .txttab li:first-child a{float: left;}
.page .content .part-info .con2-l .txttab li:last-child a{float: right;}
.page .content .part-info .con2-l .txttab li a{margin: 0 auto;display: block;width: 125px;height: 47px;text-align: center;line-height: 47px;background-color: #accdff;color: #3e72eb;}
.page .content .part-info .con2-l .txttab li a:hover{cursor: pointer;}
.page .content .part-info .con2-l .con2-tit .top{text-align: left;float: left;font-weight: bold;font-size: 20px;line-height: 30px;color: #ea7542;margin-left: 10px;height: 30px;text-overflow: ellipsis;overflow: hidden;width: 301px;white-space: nowrap;margin-top: -5px;}
.page .content .part-info .con2-l .con2-tit .btn-more,
.page .content .tools .title .btn-more{/* margin-top:20px;*/display: block;width: 54px;height: 19px;background-image: url(../images/btn-more.png);background-repeat: no-repeat;background-position: 0 0;line-height: 102px;text-decoration: none;font-size: 14px;text-align: center;float: right;font-size: 20px;color: #fff;}
.page .content .part-info .con2-l .con2-tit .btn-more:hover,
.page .content .tools .title .btn-more:hover{background-position: 0 bottom;}
.page .content .part-info .con2-l .txtwrap{width: 100%;}
.page .content .part-info .con2-l .txtwrap ul{overflow: hidden;height: 266px;margin-top: 40px;width: 100%;}
.page .content .part-info .con2-l .txtwrap ul li{padding: 0 60px 0 44px;font-size: 16px;line-height: 55px;position: relative;overflow: hidden;margin-top: 1px;text-align: left;margin-bottom: 14px;}
.page .content .part-info .con2-l .txtwrap ul li a{vertical-align: top;display: inline-block;zoom: 1;max-width: 88%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #333;}
.page .content .part-info .con2-l .txtwrap ul li a:hover{color: #eb5f4f;/* text-decoration:underline;*/}
.page .content .part-info .con2-l .txtwrap ul li a:hover span{/* text-decoration:underline;*/}
.page .content .part-info .con2-l .txtwrap ul li{background: url(../images/part-info-li.png) no-repeat;}
.page .content .part-info .con2-l .txtwrap ul li:hover{background-position: 0 bottom;}
.page .content .part-info .con2-l .txtwrap ul li span{position: absolute;right: 0;top: 0;width: 74px;line-height: 52px;}
.page .content .part-bannerbox{font-size: 0;margin-top: 25px;text-align: center;white-space: nowrap;}
.page .content .part-bannerbox span{display: inline-block;vertical-align: top;overflow: hidden;width: 328px;height: 115px;/* border:solid 2px #fff;*//* outline:3px solid #ffdea5;*/-webkit-box-sizing: border-box;box-sizing: border-box;}
.page .content .part-bannerbox span a,
.page .content .part-bannerbox span img{display: block;width: 100%;height: 100%;}
.page .content .tools{width: 340px;float: left;}
.page .content .tools .title{text-align: left;}
.page .content .tools .title h2{display: inline-block;font-size: 24px;color: #ea7542;}
.page .content .tools .title a{float: right;font-size: 16px;color: #324c84;line-height: 24px;}
.page .content .tools .title a:hover{cursor: pointer;}
.page .content .tools .list{text-align: left;overflow: hidden;margin-left: -20px;}
.page .content .tools .list-item{float: left;margin-top: 20px;text-align: center;position: relative;margin-left: 20px;}
.page .content .tools .list-item .pic{width: 160px;height: 84px;overflow: hidden;border-radius: 12px;}
.page .content .tools .list-item .pic img{width: 100%;height: 100%;display: block;}
.page .content .tools .list-item:first-child .pic{width: 340px;height: 178px;}
.page .content .tools .list-item .name{margin-top: 10px;font-size: 16px;/* color:#333;*/text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.page .content .list-item .play{position: absolute;left: 64px;top: 24px;width: 32px;height: 32px;background: url(../images/part-video-play.png) no-repeat center;background-size: 100% 100%;}
.page .content .tools .list-item:first-child .play{width: 60px;height: 60px;top: 60px;left: 140px;}
.page .content .part-video{width: 1000px;height: 436px;background: url(../images/part-video-bg.png) no-repeat;margin-top: 30px;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 30px 0 0 30px;}
.page .content .configure{width: 332px;float: left;margin-left: 20px;}
.page .content .configure .tab,
.page .content .configure .tab{font-size: 0;}
.page .content .configure .tab-item,
.page .content .configure .tab-item{display: inline-block;width: 50%;height: 30px;/* background-color:#accdff;*//* color:#3e72eb;*/font-weight: bold;line-height: 29px;font-size: 20px;/* font-weight:500;*/border-bottom: 1px solid #eee;}
.page .content .configure .tab-item.on,
.page .content .configure .tab-item.on{color: #ea7542;/* background-color:#3e72eb;*/}
.page .content .configure .tab-item.on:after,
.page .content .configure .tab-item.on:after{content: "";display: block;width: 68px;height: 3px;background: #ea7542;margin: 0 auto;}
.page .content .configure .tab-content,
.page .content .configure .tab-content{width: 100%;font-size: 14px;/* color:#324c84;*/margin-top: 12px;text-align: left;background: #ffe1a8;border-radius: 14px;}
.page .content .configure .tab-content .item,
.page .content .configure .tab-content .item{line-height: 60px;height: 60px;/* background-color:#5495f2;*/}
.page .content .configure .tab-content .item:nth-child(2n),
.page .content .configure .tab-content .item:nth-child(2n){/* background-color:#4081ec;*/}
.page .content .configure .tab-content .item .name,
.page .content .configure .tab-content .item .name{display: inline-block;width: 62px;padding-left: 18px;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: 16px;}
.page .content .slider-video{width: 340px;}
.page .content .slider-video .video-list{width: 340px;}
.page .content .configure .tab-content .item{height: 65px;line-height: 60px;border-bottom: 1px dashed #fff;color: #333;}
.page .content .service{width: 260px;float: left;margin-left: 20px;text-align: left;}
.page .content .service h2{display: inline-block;font-size: 24px;color: #ea7542;}
.page .content .service-list{margin-top: 24px;font-size: 16px;color: #333;}
.page .content .service-list .service-item{-webkit-box-sizing: border-box;box-sizing: border-box;padding: 18px 0 0 0;height: 73px;/* background-color:#5495f2;*/margin-left: -7px;}
.page .content .service-list .service-item:nth-child(2n){/* background-color:#4081ec;*/}
.page .content .service-list .service-item .name{color: #333;}
.page .content .service-list .service-item .desc{margin-top: 16px;/* color:#3e72eb;*/display: inline;font-size: 14px;}
.page .content .service .btn-big{display: block;width: 210px;height: 42px;background-image: url(../images/btn-big.png);background-repeat: no-repeat;background-position: 0 0;line-height: 42px;color: #fff;text-decoration: none;font-size: 16px;text-align: center;font-weight: bold;margin-left: 16px;margin-top: 18px;}
.page .content .service .btn-big:hover{background-position: 0 bottom;}
.page .content .part-role{width: 1000px;height: 800px;background: url(../images/part-role-bg.png) no-repeat center 0;margin-top: 70px;position: relative;}
.page .content .part-role .tab-th{position: absolute;top: 105px;left: 39px;z-index: 11;width: 218px;height: 42px;line-height: 34px;overflow: hidden;background: url(../images/part-role-tab.png) no-repeat;color: #333;}
.page .content .part-role .tab-th span{float: left;font-size: 20px;width: 50%;height: 42px;line-height: 42px;text-align: center;}
.page .content .part-role .tab-th span.on{background: url(../images/part-role-tab-on.png) no-repeat;}
.page .content .part-role .lb-nav{position: absolute;bottom: 11px;left: 50%;z-index: 222;height: 12px;transform: translateX(-50%);}
.page .content .part-role .lb-nav span{background: #adadad;float: left;display: inline;margin-left: 12px;width: 18px;height: 18px;line-height: 999;overflow: hidden;cursor: pointer;-webkit-transition: all 0.2s linear;transition: all 0.2s linear;border-radius: 100%;}
.page .content .part-role .lb-nav span.on{background: url(../images/part-role-nav-on.png);width: 26px;height: 27px;margin-top: -7px;border-radius: 0;}
.page .content .part-role .role-poster{display: block;width: 550px;height: 672px;margin-left: 300px;background-repeat: no-repeat;background-position: bottom center;}
.page .content .part-role .role-video{position: absolute;right: 0;top: 0;display: block;width: 198px;height: 57px;background-repeat: no-repeat;background: url(../images/part-role-video-btn.png);line-height: 55px;color: #fff;font-weight: bold;font-size: 20px;text-indent: 30px;}
.page .content .part-role .role-video:hover{cursor: pointer;background-position: 0 bottom;line-height: 57px;}
.page .content .part-role .role-item{position: absolute;display: block;width: 164px;height: 160px;background-repeat: no-repeat;}
.it1{background-position: left 0;top: 100px;left: 160px;}
.it2{background-position: left bottom;top: 400px;left: 160px;}
.it3{background-position: right 0;top: 100px;right: 155px;}
.it4{background-position: right bottom;top: 400px;right: 155px;}
.page .content .part-role .roles{width: 1000px;padding-top: 90px;}
.page .content .part-role .slider-con{height: 100%;width: 100%;position: relative;}
.page .content .part-role .slider-item{width: 100%;height: 100%;position: relative;}
#role-slider2 .role-poster{margin-left: 200px;}
#role-slider2 .role-item{width: 168px;}
.page .content .part-role .lb-next,
.page .content .part-role .lb-prev{position: absolute;top: 50%;z-index: 10;margin-top: -25.5px;width: 73px;height: 73px;background: url(../images/btn-carousel-role.png) no-repeat;display: inline-block;}
.page .content .part-role .lb-prev{background-position: 0 0;left: 36px;}
.page .content .part-role .lb-prev:hover{cursor: pointer;background-position: 0 bottom;}
.page .content .part-role .lb-next{background-position: right 0;right: 36px;}
.page .content .part-role .lb-next:hover{cursor: pointer;background-position: right bottom;}
.page .content .part-special{overflow: hidden;background: url(../images/part-special-bg.png) no-repeat center top;margin-top: 80px;padding-top: 137px;height: 497px;width: 1009px;box-sizing: border-box;}
.page .content .part-special .lb-nav{width: 384px;height: 331px;overflow: hidden;position: relative;float: left;padding-left: 13px;margin-right: 4px;}
.page .content .part-special .lb-nav li{width: 100%;height: 50px;line-height: 50px;background: url(../images/part-sp-li.png) no-repeat 0 bottom;margin-bottom: 20px;text-align: left;text-indent: 12px;cursor: pointer;}
.page .content .part-special .lb-nav li.on{background-position: 0 0;}
.page .content .part-special .lb-nav span{display: none;}
.page .content .part-special .lb-con{width: 580px;height: 288px;overflow: hidden;position: relative;float: left;margin-right: 14px;}
.page .content .part-special .lb-imgs{float: left;width: 580px;height: 326px;border: 2px solid #fff;border-radius: 12px;position: relative;overflow: hidden;/* margin-top:-12px;*/}
.page .content .part-special .lb-imgs .pic{width: 100%;height: 100%;}
.page .content .part-special .lb-imgs img{display: block;width: 100%;height: 100%;}
.page .content .part-special .lb-imgs .btn-play{position: absolute;left: 264px;top: 124px;width: 60px;height: 60px;background: url(../images/part-video-play.png) no-repeat center;background-size: 100% 100%;font-size: 0;}
.page .content .part-special .lb-imgs .btn-play:hover{margin-top: 1px;cursor: pointer;}
.page .content .part-comment{margin-top: 50px;border: 5px solid #ffdea5;border-radius: 12px;background-color: #fff;}
.page .content .part-comment .part-comment-body{min-height: 200px;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 20px;}
.page .content .part-bulletin{margin-top: 35px;color: #333;line-height: 1.5;}
.page .content .person{position: absolute;z-index: 50;top: 40%;width: 380px;height: 300px;display: table-cell;vertical-align: middle;text-align: center;}
.page .content .person.left{right: 50%;margin-right: 520px;}
.page .content .person.right{top: 30%;left: 50%;margin-left: 520px;}
.page .content .person img{max-width: 380px;height: auto;}
.page .sidebar-box{position: fixed;z-index: 50;left: 50%;top: 40%;margin-left: 530px;display: none;width: 132px;height: 220px;background: url(../images/part-sidebar-bg.png) no-repeat center;background-size: 132px 220px;}
.page .sidebar-box .sidebar-list{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.page .sidebar-box .sidebar-list .sidebar-item{display: block;width: 103px;height: 38px;line-height: 38px;margin-bottom: 8px;position: relative;}
.page .sidebar-box .sidebar-list .sidebar-item.top{margin-bottom: 0;}
.page .sidebar-box .sidebar-list .sidebar-item.top i{display: inline-block;vertical-align: middle;width: 14px;height: 10px;background: url(../images/part-sidebar-icon.png) no-repeat center;background-size: 14px 10px;margin-top: -2px;margin-right: 2px;}
.page .sidebar-box .sidebar-list .sidebar-item.top::before{display: none;}
.page .sidebar-box .sidebar-list .sidebar-item::before{content: "";position: absolute;left: 50%;bottom: -5px;margin-left: -52px;width: 104px;height: 2px;background: url(../images/part-sidebar-line.png) no-repeat center;background-size: 104px 2px;}
.page .sidebar-box .sidebar-list .sidebar-item.on{width: 103px;height: 38px;background: url(../images/part-sidebar-active.png) no-repeat center;background-size: 103px 38px;}
.pop{text-align: center;width: 540px;height: 467px;background: url(../images/pop-bg.png) no-repeat center;background-size: 540px 467px;padding-top: 30px;-webkit-box-sizing: border-box;box-sizing: border-box;color: #ea7542;position: relative;}
.pop-close{position: absolute;right: 36px;top: 30px;cursor: pointer;width: 48px;height: 48px;background: url(../images/pop-close.png) no-repeat center;}
.pop-title{font-size: 26px;font-weight: 700;}
.pop-title i{display: inline-block;}
.pop-title .left{margin-right: 8px;width: 43px;height: 21px;background: url(../images/part-carousel-title-left.png) no-repeat center;background-size: 43px 21px;}
.pop-title .right{margin-left: 8px;width: 43px;height: 21px;background: url(../images/part-carousel-title-right.png) no-repeat center;background-size: 43px 21px;}
.pop-desc{text-align: left;width: 432px;margin: 28px auto 0;font-size: 18px;line-height: 1.5;}
.pop-info-title{text-align: center;font-size: 20px;font-weight: 700;margin-top: 40px;}
.pop-input{margin: 16px auto 0;width: 397px;height: 49px;background-color: #be4e5d;border-radius: 6px;border: solid 1px #d4be82;outline: 0;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-box-shadow: none;box-shadow: none;padding: 0 20px;color: #e9dece;font-size: 16px;}
.pop-input::-webkit-input-placeholder{color: #e9dece;}
.pop-input::-moz-placeholder{color: #e9dece;}
.pop-input:-ms-input-placeholder{color: #e9dece;}
.pop-input::-ms-input-placeholder{color: #e9dece;}
.pop-input::placeholder{color: #e9dece;}
.pop-tips{margin-top: 12px;font-size: 16px;color: #b2908c;}
.pop-btn{display: block;width: 157px;height: 57px;line-height: 43px;background-image: url(../images/pop-btn.png);background-repeat: no-repeat;background-position: 0 0;color: #fff;text-decoration: none;font-size: 16px;font-weight: bold;text-align: center;margin: 20px auto 0;}
.pop-btn:hover{background-position: 0 bottom;color: #fff;line-height: 45px;}
.page .content-bg{background-position: center 0;}
.page .content{padding-top: 390px;}
.page .content .size{padding-top: 8px;color: #fff3e3;}
.page .content .part-intro{margin-top: 150px;padding-top: 32px;padding-left: 98px;}
.page .content .part-intro .title{color: #fff;padding-right: 20px;}
.page .content .part-intro .info{box-sizing: border-box;color: #333;}
.page .content .part-intro .btns{margin-left: 52px;}
.page .content .part-intro .btns .btn-small{margin-bottom: 10px;/* color:#263962;*/}
.page .content .part-info{/* padding:55px 20px 0 36px;*/}
.page .content .part-info .lb-con{background-color: #faf2e7;/* border:solid 1px #447ff9;*/border-radius: 12px;}
.page .content .part-info .con2-l{width: 378px;}
.page .content .part-bannerbox span{border-color: #fdf3e3;margin-right: 8px;border-radius: 2px;}
.page .content .part-role .big-pic li .info{left: 56px;}
.page .content .part-role .big-pic li .role-img{right: 13px;top: 59px;}
.page .content .part-role .small-box{left: 56px;}
.page .content .part-role .small-box .next,
.page .content .part-role .small-box .prev{margin-top: 0;}
.page .content .part-role .small-box .small-pic{width: 330px;height: 92px;}
.page .content .part-role .small-box .small-pic li{width: 92px;height: 92px;border: none;border-radius: 0;background-color: #b7d4ff;margin: 0 10px;}
.page .content .part-role .small-box .small-pic li.on .img .pic::before{background-image: url(../images/part-role-mask-active.png);}
.page .content .part-role .small-box .small-pic li .img{width: 92px;height: 92px;}
.page .content .part-role .small-box .small-pic li .img .pic{position: relative;z-index: 2;width: 92px;height: 92px;}
.page .content .part-role .small-box .small-pic li .img .pic::before{position: absolute;left: 0;top: 0;z-index: 2;content: "";width: 92px;height: 92px;background-image: url(../images/part-role-mask.png);}
.page .content .part-role .small-box .small-pic li .img .pic img{width: 92px;position: relative;z-index: 1;}
.page .content .part-bbs a{border-radius: 4px;}
.page .content .part-bbs a img{border-radius: 4px;}
.page .content .part-weapons{padding: 56px 34px 0 34px;}
.page .content .part-prop{padding: 55px 0 0 34px;}
.page .content .part-special .special-box{width: 930px;}
.page .content .part-special .d-img li.d-pos1{left: 0;width: 542px;height: 306px;top: 50px;z-index: 1;}
.page .content .part-special .d-img li.d-pos2{width: 722px;height: 406px;top: 0;left: 104px;z-index: 2;}
.page .content .part-special .d-img li.d-pos3{left: 386px;width: 542px;height: 306px;top: 50px;z-index: 1;}
.page .content .part-special .d-img li .img{background-color: #f7d0c7;border: solid 1px #5c9fff;}
.page .content .part-special .d-menu li{border: solid 1px #7da4ff;border-radius: 0;}
.page .content .part-special .d-menu li.on{background-color: #7da4ff;}
.page .content .part-video{padding: 25px 0 0 27px;}
.page .content .video-list .video-item,
.page .content .video-list .video-item{/* border:solid 1px #5c9fff;*/}
.page .content .configure .tab-content,
.page .content .configure .tab-content{/* color:#fff;*/}
.page .content .service .service-list .service-item .name,
.page .content .service .service-list .service-item .name{/* color:#fff;*/display: inline-block;}
.page .content .service .service-list .service-item .desc,
.page .content .service .service-list .service-item .desc{color: #ea7542;}
.page .content .btn-big,
.page .content .btn-big{/* color:#324c84;*/}
.page .sidebar-box .sidebar-list .sidebar-item{color: #324c84;}
.page .sidebar-box .sidebar-list .sidebar-item.on{color: #fff;}
.pop{padding-top: 45px;}
.pop-close{right: -66px;top: 0;}
.pop-title i{margin-bottom: -2px;}
.pop-title .left{margin-right: 12px;}
.pop-title .right{margin-left: 12px;}
.pop-desc{color: #333;}
.pop-info-title{color: #ea7542;}
.pop-input{background-color: #ffcf7b;border-radius: 6px;border: solid 1px #ffe0a7;color: #fff;}
.pop-input::-webkit-input-placeholder{color: #fff;}
.pop-input::-moz-placeholder{color: #fff;}
.pop-input:-ms-input-placeholder{color: #fff;}
.pop-input::-ms-input-placeholder{color: #fff;}
.pop-input::placeholder{color: #fff;}
.pop-tips{color: #999;}
.pop-txt{background-color: #fffdf1;text-align: left;}
.scrollCon{margin: 20px 36px;max-height: 332px;overflow-y: auto;overflow-x: hidden;padding-right: 0.1rem;}
.scrollCon::-webkit-scrollbar{display: block;width: 8px;background-color: none;}
.scrollCon::-webkit-scrollbar-thumb{background: #ffcf7b;border-radius: 8px;}
.screen-video,
.big-img-wrapper{position: fixed;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 999;left: 0;top: 0;}
.screen-video .video-mp4{position: absolute;top: 50%;left: 50%;width: 600px;/* height:500px;*/transform: translate(-50%, -50%);}
.screen-video .video-mp4 video{width: 600px;/* height:500px;*/border-radius: 20px;/* max-width:600px;*/}
.screen-video .video-mp4 .video-mp4-close,
.big-close{position: absolute;top: 0;right: -73px;width: 62px;height: 62px;cursor: pointer;background-image: url(../images/v-close.png);background-position: 0 0;}
.screen-video .video-mp4 .video-mp4-close:hover,
.big-close:hover{background-position: bottom;}
.screen-video-unshow{display: none;}
.mask{background: rgba(0, 0, 0, 0.5);position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 66;}
.big-img .big-img{display: flex;justify-content: center;height: 100%;text-align: center;z-index: 77;}
.big-img img{width: 1280px;height: auto;display: block;align-self: center;}
.dia-wrapper{position: relative;z-index: 99;}
.dia-mask{z-index: 3;background: rgba(0, 0, 0, 0.6) !important;position: fixed;top: 0;left: 0;width: 100%;height: 100%;}
.dia-show{visibility: visible;display: block;z-index: 4;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.dia-fix{overflow: hidden;}