.m_t_60{margin-top:60px}
.carousel-indicators {
  bottom: 40px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #FF6A48;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000\9;
  background-color: rgba(0,0,0,0);
  border: 1px solid #FF6A48;
  border-radius: 10px;
}
.wrap{width:90%;max-width:1120px;margin:0 auto;position: relative;}
.title{text-align:center}
.title h4{font-size:34px;color:#27344d}
.titlt-line{text-align:center}
.title-line span{display:inline-block;position:relative;width:110px;height:0;border-top:2px solid #b4bbc6}
.title-line i{display:inline-block;position:absolute;left:36%;width:28%;background:#3d7bb4;height:4px;top:-3px}
.df_m_t{margin-top:60px}
i{font-style:normal}
.adv-wrap{position:relative;text-align:justify;text-align-last:justify;width:100%;overflow: hidden;}
.adv-wrap:after{display:inline-block;overflow:hidden;width:100%;height:0;content:'';vertical-align:top}
.adv-wrap li{display:inline-block;text-align:center;text-align-last:center;margin:20px 0;width:20%;max-width:283px}
.adv-img{text-align:center}
.adv-img span{width:79.297%;display:inline-block;-webkit-transition:all .8s;-moz-transition:all .8s}
.adv-img span img{width:60%}
.adv-img span:hover{-ms-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-webkit-transition:all .8s;-moz-transition:all .8s}
.adv-txt{width:100%;text-align:center}
.adv-txt p{color:#757575;font-size:14px;line-height:23px;letter-spacing:1px}
.adv-txt p.adv-txt-tit{color:#61b6ff;font-size:22px;margin-top:20px;margin-bottom:10px;white-space:nowrap}
.adv-txt p.adv-txt-red{color:#FF6A48;font-size:22px;margin-top:20px;margin-bottom:10px;white-space:nowrap}
.lookfor{text-align:center;padding-bottom:40px}
.lookfor .black_btn{width:160px;line-height:50px}
.for-btn{background:url(../images/lookfor.png) no-repeat top center;height:146px;width:245px;display:inline-block}
.for-btn:hover{background:url(../images/lookfor-on.png) no-repeat top center}
.for-btn1:hover{background:url(../images/lookfor1-on.png) no-repeat top center}
.for-btn1{background:url(../images/lookfor1.png) no-repeat top center;height:72px;width:173px;display:inline-block}
.news-wrap{width:515px;display:inline-block;margin-top:50px}
.news-title a{font-size:22px;color:#61b6ff;width:100%;display:inline-block;border-bottom:2px solid #87d1d4;padding-bottom:5px}
.news-title a:hover{color:#87d1d4}
.news-title a:hover .more{background:url(../images/more-on.png) no-repeat top center}
.news-img{text-align:center;margin:12px 0}
.news-img img{width:100%;text-align:center;height:246px;border:1px solid red;display:inline-block}
.news-part-wrap h3{color:#212121;font-size:18px;width:100%;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px}
.news-txt{height:50px;font-size:16px;overflow-y:hidden;line-height:25px}
.news-txt a{color:#757575}
.news-bt{margin-bottom:5px}
.news-bt a{font-size:18px;color:#212121;font-weight:600}
.news-bt a:hover{color:#61b6ff}
.news-time{text-align:right;margin-top:5px}
.news-list{margin-top:15px}
.news-list li{height:40px;line-height:40px}
.news-list a{color:#212121;font-size:16px;padding:7px 0}
.news-list a:hover{color:#61b6ff}
.news-list i{float:right;font-size:14px;color:#757575}
.more{float:right;background:url(../images/more.png) no-repeat top center;width:36px;height:35px;margin-top:-3px}
.home-partner{background:url(../images/home-partner-bg.jpg) no-repeat top center;margin:0 auto;width:100%;background-size:auto 100%}
.product-adv{padding-top:60px;padding-bottom:60px}
.home-sample{background-color:#fff;padding:70px 0}
.home-sample .game-wrap li img{border-radius:20px}
.home-news{padding-top:70px;padding-bottom:120px}
.partner-wrap{padding-top:39px}
.join-content{padding-top:60px}
.join-icon{background:url(../images/Ultimate/join-icon.png) top center no-repeat;background-size:100%;height:174px;max-width:1120px;margin-top:50px;margin-bottom:100px}
.sale-server{background-color:#fafafa;padding-top:80px}
.right_icon{position:fixed;right:10px}
.phone-chat{position:absolute;top:-78px;right:0;background-color:#61b6ff;padding:10px 10px;text-align:center;color:#fff}
.phone-chat a{text-decoration:none;color:#fff;line-height:27px}
.phone-chat input{text-align:center}
.phone-chat .phone-chat-close{position:relative;right:0}
.phone-chat .phone-chat-close span{right:0;position:absolute;height:15px;width:15px;font-size:20px;color:#fff;line-height:12px;display:block;cursor:pointer}
.phone-chat .phone-num-us{margin-top:20px;font-size:16px;font-weight:600}
.phone-chat .phone-chat-link{background-color:#3f91c1}
.right-blank{margin-bottom:2px}
.right-block-display{display:block}
.right-none-display{display:none}
.right-code-img{position:fixed;right:70px}
.part-left{float:left;width:50%}
.part-right{width:50%;float:left}
.t-center{text-align:center}
.n-part-left,.n-part-right{display:inline-block;vertical-align:top;transition:all .5s}
.n-part-left{width:39.5%;float:left;padding-top:69px}
.n_part_left_img{float:left;width:60%;margin-top:50px;margin-right:0;}
.n_part_left_img img{width:100%}
.n-part-right{width:48.214%;float:right;text-align:center;padding-top:50px}
.n-part-right img{vertical-align:middle;width:100%}
.n-btn-wp a{background-color:#eef5fa;border:1px solid #eef5fa;border-radius:18px;box-shadow:0 2px 10px #eef5fa;color:#a8c3dd;display:inline-block;font-size:14px;height:36px;line-height:36px;text-align:center;width:28%;margin:0 3% 3% 0}
.n-part-desc{margin-bottom:40px}
.n-part-desc h4{font-family:"Microsoft YaHei",sans-serif;font-size:26px;color:#155ea3;margin-bottom:28px}
.n-part-desc h4 span{color:#000;font-size:24px;font-weight:600}
.n-part-desc .span{color:#989daa}
.n-part-desc .n-part-txt{font-size:16px;color:#404040;line-height:28px;font-weight:lighter}
.n-btn-wp a:hover{background-color:#d5e4f0;border-color:#d5e4f0;color:#2d6aa9;box-shadow:0 2px 10px #d5e4f0}
.n-btn-wp a i{display:block;float:left;height:36px;margin-left:16px}
.img-left{display:inline-block;vertical-align:top;width:38.125%;text-align:center}
.img-left img{width:100%}
.txt-right{float:right;width:46.78%;max-width:524px;display:inline-block;vertical-align:top;padding-top:20px}
.txt-right h4{color:#212121;margin-bottom:20px;font-size:30px}
.txt-right p{line-height:28px;font-size:16px;letter-spacing:1.75px}
.home-text{padding-top:80px;background-color:#f0f1f5}
.list_warp li:nth-child(2n){background-color:#f1f5f9}
.list_warp li:nth-child(2n+1) .n-btn-wp a{background-color:#e5f0f5;border-color:#e5f0f5;box-shadow:0 2px 10px #e5f0f5}
.list_warp div li:nth-child(2n+1) .n-btn-wp a:hover{background-color:#d5e4f0;border-color:#d5e4f0;box-shadow:0 2px 10px #d5e4f0}
.list_warp li{padding:60px 0}
.ys_icon{display:inline-block;width:16px;background:url(../images/Ultimate/channel-img/ys.png) no-repeat center center/100% auto}
.gn_icon{display:inline-block;width:16px;background:url(../images/Ultimate/channel-img/gn.png) no-repeat center center/100% auto}
.lx_icon{display:inline-block;width:16px;background:url(../images/Ultimate/channel-img/lx.png) no-repeat center center/100% auto}
.n-btn-wp a:hover .ys_icon{background-image:url(../images/Ultimate/channel-img/ys_on.png)}
.n-btn-wp a:hover .gn_icon{background-image:url(../images/Ultimate/channel-img/gn_on.png)}
.n-btn-wp a:hover .lx_icon{background-image:url(../images/Ultimate/channel-img/lx_on.png)}
.mobile-down .mobile-down-wp{padding-bottom:100px;position:relative;width:105%}
.mobile-down .mobile-down-wp li{float:left;width:9%;padding:25px 15px;text-align:center;border:1px solid #aab1ba;height:auto}
.mobile-down .mobile-down-wp li{margin-top:4.37%;margin-right:3.37%;background-color:#fff}
.mobile-down .mobile-down-wp li:nth-child(4n+1){margin-left:0}
.mobile-down .mobile-down-wp li:hover{box-shadow:0 0 20px rgba(64,167,225,.8);transition:all .5s}
.mobile-down .mobile-down-wp .advan-title{color:#165ea3;font-size:14px;font-weight:lighter;white-space:nowrap;text-overflow: clip;
    overflow: initial;}
.txt-SimSun{font-size:16px;color:#404040;height:66px;overflow:hidden;font-weight:lighter}
.mobile-down .mobile-down-wp .advan{background:url(../images/Ultimate/channel-img/mobile-icon.png) no-repeat;height:47px;width:57px;display:inline-block}
.mobile-down .mobile-down-wp .advan-one{background-position:-21px 0}
.mobile-down .mobile-down-wp .advan-two{background-position:-111px 0}
.mobile-down .mobile-down-wp .advan-three{background-position:-201px 0}
.mobile-down .mobile-down-wp .advan-four{background-position:-291px 0}
.mobile-down .mobile-down-wp .advan-five{background-position:-381px 0}
.mobile-down .mobile-down-wp .advan-six{background-position:-471px 0}
.mobile-down .mobile-down-wp .advan-seven{background-position:-561px 0}
.mobile-down .mobile-down-wp .advan-eight{background-position:-651px 0}
.mobile-down .mobile-down-wp .advan-nine{background-position:-741px 0}
.mobile-down .mobile-down-wp .advan-ten{background-position:-831px 0}
.mobile-down .mobile-down-wp .advan-eleven{background-position:-921px 0}
.mobile-down .mobile-down-wp .advan-tow{background-position:-1011px 0}
.li-a {

  color: rgb(124, 179, 66);

  margin-top: 20px;

}

.li-a a{

  color: #799ec7;

  cursor: default;

  font-size: 14px;

  line-height: 20px;

  padding-left: 20px;

  background: url(../images/Ultimate/channel-img/r.png) no-repeat left center / auto 10px;

  margin-right: 20px;

  display: inline-block;

  margin-top:10px;

}
.xtal_lit{width:100%;padding-bottom:100px;}
.xtal_item{float:left;width:31.3333%;margin:1%;border-radius:8px;overflow:hidden;box-shadow: 0 0 15px rgba(168,170,173,.5);border:1px solid #d7d7d8;}
.xtal_item .block{display: block;}
.xtal_item .img{display: block;width:100%;}

.yxal_lit{width:100%;padding-bottom:100px;}
.yxal_item{float:left;width:18%;margin:1%;border-radius:8px;overflow:hidden;box-shadow: 0 0 15px rgba(168,170,173,.5);border:1px solid #d7d7d8;}
.yxal_item .block{display: block;}
.yxal_item .img{display: block;width:100%;}

.khal_lit{width:100%;padding-bottom:100px;}
.khal_item{float:left;width:10%;margin:1%;border-radius:8px;overflow:hidden;box-shadow: 0 0 15px rgba(168,170,173,.5);border:1px solid #d7d7d8;}
.khal_item .block{display: block;}
.khal_item .img{display: block;width:100%;}



.new_sub_wrap{
	max-width:1120px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
}
.new_sub_menu{
	overflow: hidden;
	background:#fff;
	position: absolute;
	transform: translateY(-50%);
	padding:1.5%;
	width:100%;
	border-radius:6px;
}
.new_sub_menu .item{
	width:20%;
	float:left;
	font-size:16px;
	font-weight: bold;
	
}
.new_sub_menu_icon{
	width: 38%;
	    padding-right: 4%;
	    padding-left: 10%;
}
.alt_img_mask{position: fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.5);z-index: 100; display:none;}
.alt_img_box{position: fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index: 101; display:none;background: #fff;padding:20px;border-radius:10px}
/*# sourceMappingURL=style.css.map */
@font-face {
  font-family: 'iconfont';  /* project id 368334 */
  src: url('http://at.alicdn.com/t/font_4odkoex5n6dsfw29.eot');
  src: url('http://at.alicdn.com/t/font_4odkoex5n6dsfw29.eot?#iefix') format('embedded-opentype'),
  url('http://at.alicdn.com/t/font_4odkoex5n6dsfw29.woff') format('woff'),
  url('http://at.alicdn.com/t/font_4odkoex5n6dsfw29.ttf') format('truetype'),
  url('http: //at.alicdn.com/t/font_4odkoex5n6dsfw29.svg#iconfont') format('svg');

}

.icon{font-family: 'iconfont';}

.black_btn{display: inline-block;background:#161d25;color:#fff;font-size:16px;border-radius: 4px;box-shadow: 0 2px 20px rgba(64,164,255,.8)}

.img_bg_4 {
    background: url(../images/Ultimate/choice-tab.jpg) no-repeat center top;
    background-size: 100% 100%;
}
.xb_318_maintitle .main_title {
    text-align: center;
    padding: 50px 0 55px 0;
}
.xb_318_maintitle .main_title> img {
    max-height: 49px;
    height: 100%;
}
.sec_8 .swiper_btn_warp {
	max-width: 1022px;
	margin: 0 auto;
}
.sec_8_tab{background-color: #fff;}
.sec_8 .swiper_btn_warp span {
	display: inline-block;
	width: 33.333%;
	float: left;
	text-align: center;
	background: #fff;
	line-height: 80px;
	font-size: 20px;
	color: #86a2b1;
	font-weight: bold;
	transition: all .5s;
	cursor: pointer;
	margin:0;
	border:none
}

.sec_8 .swiper_btn_warp span.active {
	background: -webkit-linear-gradient(left,#5974ff , #888aff);
	background: -o-linear-gradient(right,#5974ff , #888aff);
	background: -moz-linear-gradient(right,#5974ff , #888aff);
	background: linear-gradient(to right, #5974ff , #888aff);
	color: #fff;
	transition: all .5s;
	
}

.sec_8 .swiper_btn_warp span:nth-child(4n) {
	margin-right: 0;
}

.sec_8_tab .swiper-slide {
	height: auto;
	background-color: #fff;
}

.sec_8_tab .swiper-slide .tr {
	overflow: hidden;
}

.sec_8_tab .swiper-slide .td {
	width: 50%;
	float: left;
}

.sec_8_tab .swiper-slide .td .img_box {
	position: relative;
	width: 90px;
	height: 111px;
	overflow: hidden;
	margin-left: 33px;
	float: left;
	z-index: 0;
}

.sec_8_tab .swiper-slide .td .img_box:after {
	width: 80px;
	height: 80px;
	display: inline-block;
	content: '';
	position: absolute;
	left: 14%;
	top: 14%;
	border-radius: 4px;
	transform: rotate(-45deg);
	z-index: 0;
	background: transparent;
}

.sec_8_tab .swiper-slide .td .img_box img {
	position: relative;
	z-index: 2;
	width: auto;
}

.sec_8_tab .swiper-slide .td {
	padding: 30px 0;
	color: #3d3d3d;
}

.sec_8_tab .swiper-slide .td .txt_box {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	padding: 10px 54px 10px 22px;
	vertical-align: middle;
}

.sec_8_tab .swiper-slide .td .txt_box .choice-tit {
	line-height: 30px;
	font-size: 18px;
	white-space: nowrap;
}

.sec_8_tab .swiper-slide .td .txt_box p {
	line-height: 20px;
	font-size: 14px;
}

.alt_mask{background:rgba(0,0,0,.5);position: fixed;left:0;right:0;top:0;bottom: 0;z-index:100;display: none;}
.alt_problem_box{width:70%;max-width:700px;position:fixed;left:50%;top:50%;transform: translate(-50%,-50%);z-index:110;background:#fff;height:700px;display: none;cursor:pointer}
.alt_header{font-size: 20px;color: #0f91d7;line-height: 30px;height: 34px;margin-top: 10px;border-bottom: #d8d8d8 1px dashed;padding:0 10px;}
.alt_header .closeBtn
   {float: right;
	color: #333;
	font-size: 33px;
	margin-top: 45%;
	margin-right: -60px;
	background-color: #fff;
	border-radius: 100%;
	width: 35px;
	text-align: center;
	height: 35px;}

.alt_body{padding:15px;overflow: hidden;}
.problem_list {height:100%;overflow-y: auto;}
.problem_list .list_style{margin-right:5px;width:14px;}
.problem_list .item {margin-bottom:10px;}
.problem_list .item .problem_tit{display: block;height: 40px;background:#ececec;line-height: 40px;color: #333;padding-left: 10px;}
.problem_list .item .MsoNormal{line-height: 26px;color: #666;padding: 4px 0;text-indent: 2em;display: none;}


@media(max-width:800px) {
	.sec_8_tab .swiper-slide .td {
		width: 100%;
		border-bottom: 1px solid #f0eeee;
		padding: 10px 0;
	}
	.sec_8_tab .swiper-slide .td .img_box {
		margin-left: 0;
	}
}
@media(max-width:700px) {
	.sec_8 .swiper_btn_warp span {
		font-size: 16px;
	}
}

@media(max-width:420px) {



	.sec_8 .swiper_btn_warp span {
		font-size: 16px;
		width: 33.33333%;
		margin: 0;
		font-size: 13px;
	}
}
@media(max-width:1120px){
  .game-wrap li .game-name{display: block;}
  .func-bannel img{width:100%;}
  .n-btn-wp a{font-size:12px;}
  .n-btn-wp a i{margin-left:10px;}
 }

@media(max-width:1000px){
   .game-wrap li{width:16.285%;}
   .game-wrap li img{width:76.388%;}
   
 }

 @media(max-width:938px){
    .adv-txt p.adv-txt-tit{font-size:14px;}
    .adv-txt-tit{font-size:17px;}
    .adv-img span img{width:80%;}
    .adv-txt-ifon{display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;overflow: hidden;height:92px;}
    .product-adv{padding-bottom: 20px}
 }

@media(max-width:870px){

   .mobile-down .mobile-down-wp .advan-title{font-size:20px;white-space: nowrap;}

}

@media(max-width:800px){

  body{padding:45px 0 50px 0;overflow-x:hidden; }

  .warp_hide,.join-content{display: none}
  .img-left,.txt-right{display: block;margin:0 auto;float:none;}

  .txt-right{padding-bottom: 10px}

  .txt-right h4{text-align: center}

  .home-sample,.home-text{padding:30px 0;}

  .df_m_t{margin-top:40px;}

  .list_warp li{height:auto;padding:0 0 30px 0;}

  .n-part-desc h4{margin-bottom: 9px;font-size:21px;}

  .n-part-right,.n-part-left,.n_part_left_img{display: block;float: none;margin:0 auto;padding-top:35px;}

  .n-part-left,.n_part_left_img{width:64%;padding-left:21px;}

   .n_part_left_img{padding-left:0;text-align: center;}

   .n_part_left_img img{width:74%;}

   .li-a{margin-top:0;}

   .mobile-down .mobile-down-wp .advan-title{margin:10px 0;}

   .mobile-down{padding-top:0;}

   .title.p_t_60{padding-top:0;}

   .note-wrap,.if_wap_hide{display: none}

   .pay_select li{width: 45.9%;margin: 3.7% 3.7% 0 0;}

   .right_icon{display: none}

 }

  @media(max-width:750px){

    .mobile-down .mobile-down-wp li{width:29.7%;}
	.new_sub_menu{border-radius:0}
    .new_sub_menu .item{font-size:13px;font-weight: 400;text-align: center;}
	.new_sub_menu_icon{display: none;}
	.xtal_item{width:48%;margin:1%}
	.khal_item{width:48%;margin:1%}
	.yxal_item{width:48%;margin:1%}
  }

 @media(max-width:660px){

  .language_box {width: 35%;line-height: 24px;}

  .txt-right{width:65%;}

  .game-wrap li{width:25%;}
   .game-wrap2 li:nth-child(6n){border-right: 1px dotted #c9c9c9;}
   .game-wrap2 li:nth-child(4n){border-right:none;}
  .title h4{font-size: 27px;}

  .right-block-display{width:30px;}

 }

 @media(max-width:600px){

   .n-part-left{width:100%;padding-left:0;}

   #newBridge .nb-icon-wrap-0{width:30px;}

 }

  @media(max-width:550px){

  .txt-right{width:55%;}
  .carousel-indicators {
  bottom: 10px;
}

  .title{height:50px;}

  .title h4{font-size:19px;}

  .mobile-down {padding: 20px 0;}
  .mobile-down .mobile-down-wp{padding-bottom:0;}
  .mobile-down .mobile-down-wp .advan-title{padding:10px 0;}

  .mobile-down .mobile-down-wp .advan-title{font-size:16px;}

  .txt-SimSun{font-size:12px;}

  .sale-product .title{height:auto;}

  .pay_select{width:100%;}

  .pay_select li{width:90%;margin:20px auto 0;float:none;}

  .pay_select .h_center_box table td{font-size:37px;}

  .pay_select .h_center_box table th{font-size:18px;}
  .n-btn-wp a,.n-btn-wp a i{height:29px;line-height:29px;}
  .adv-wrap li{width: 45.267%;margin-bottom: 15px;margin-top:0;}
  .xb_318_maintitle .main_title> img{width:80%;}
  .sec_8 .swiper_btn_warp span{line-height:50px;}
  .adv-txt-ifon{height: 51px;}
  .home-text{padding-bottom:0!important}
  .n-part-desc{margin-bottom:14px}
  .list_warp li{padding-bottom:10px;}
  .txt-right h4{font-size:25px; margin-bottom: 10px;}
  
  .txt-right p{    line-height: 28px;font-size: 16px;letter-spacing: 0; text-align:left;}

  .adv-wrap{margin-top:30px;}

  .product-adv{padding-top:40px;}



  .cpal_tab_btn{text-align: center;float: none;overflow: hidden;border: 1px solid #3d7cb2;display: -webkit-box;display: -moz-box;display: -webkit-flex; display: -moz-flex;display: -ms-flexbox;display: flex;}

  .cpal_tab_btn .btns{color: #5e6d84;line-height: 30px;font-size: 14px;

    height: 30px;

    padding: 0 18px;

    text-align: center;

    position: relative;

    border-radius: 0;

    border:none;

    border-right: 1px solid #3d7cb2;

    flex: 1;

    -webkit-box-flex:1;

    -webkit-flex:1;

  }

  .cpal_tab_btn .btns:last-child{

    border-right:none;

  }

 }

 @media(max-width:450px){

  .mobile-down .mobile-down-wp{width:100%;}

   .mobile-down .mobile-down-wp li:nth-child(2n){float:right;}

 .mobile-down .mobile-down-wp li{width:46.7%;float:left;padding:10px;text-align: center;text-align-last: center;margin-right:0;display: inline-block;}

 }

  @media(max-width:400px){
  .game-wrap li{width:33%;}
   .game-wrap2 li:nth-child(6n), .game-wrap2 li:nth-child(4n){border-right: 1px dotted #c9c9c9;}
   .game-wrap2 li:nth-child(3n){border-right:none;}
 .txt-right{width:100%;}

 }

   @media(max-width:350px){

    .title {height:auto;}

    .title h4{font-size:16px;}

    .n-btn-wp a{line-height:30px;height:30px;}

    .n-btn-wp a i{margin-left:5px;height:30px;}

    .pay_select .h_center_box table td{font-size:30px;}

  .pay_select .h_center_box table th{font-size:17px;}

 }



