.r_tr .r_t_con img,.r_tr .r_t_con .t_bg,.r_tr .r_t_con .t_tit{-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}

.plan{position:absolute;width:0;height:3px;background-color:#bd915d;bottom:1px;left:0;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}
*{margin:0;padding:0;border:0;outline:0;box-sizing: border-box;}
li,ul{list-style:none}
a,a:hover{color:#000;text-decoration:none}
.fl{float:left}
.fr{float:right}
.hot{font-weight: bold;color: #ff0000}
body{width:100%;font-family:"Microsoft YaHei",Helvetica,sans-serif;color:#434343;font-size:14px;line-height:1.5;background-color:#fff;}
.btn {background: #556677;color: #fff;padding: 0.6em 2.3em;border-radius: 5px;}
.btn:hover {color: #fff;}
.btn.disabled {background: #fff;color: #dddde6;border: 1px solid #ebebf0;cursor: default;}
.btn-img {font-size: 0;line-height: 0;display: inline-block;}
.btn-img img {vertical-align: middle;}

.views{width:100%;background:#edf8fe url("../images/index_bg.jpg") no-repeat center top;overflow:hidden}
.view{width:1200px;margin:0 auto;position:relative}
.page{position:relative;margin:0 auto;z-index:10}
.row{position:relative;width:100%;*zoom:1}
.row:after{content:"";display:table;clear:both}
.logo{position:absolute;width:265px;height:105px;top:30px;left:12px;z-index:10}
.slogan{display:none;position:absolute;width:843px;height:312px;top:252px;left:76px}
.menu{position:relative;width:100%;height:686px;z-index:5}
.menu.on .bg{height:420px}
.menu.on .list a{color:#fff}
.menu.on .dot{background-position:0 0}
.menu .bg{position:absolute;width:2560px;height:0px;top:0;left:50%;margin-left:-1280px;opacity:0.9;filter:alpha(opacity=90);-webkit-transition:all .2s ease 0s;transition:all .2s ease 0s}
.menu .box{float:left;position:relative;margin:50px 0 0 336px;padding-bottom:0px;border-bottom:1px solid #96a1b1;z-index:10}
.menu .dot{position:absolute;width:10px;height:10px;background:url("../images/menu_d.png") no-repeat 0 -10px;left:-1px;bottom:-5.5px}
.menu .list{float:left;width:auto;overflow:hidden}
.menu .list li{float:left;width:105px;line-height:50px;text-align:center}
.menu .list a{font-size:16px;color:#000}
.menu .list a:hover{color:#fbe8ac}
.menu .sublist{position:absolute;width:100%;top:100%;left:105px;margin-top:16px;height:0px;overflow:hidden;-webkit-transition:all .5s ease 0.3s;transition:all .5s ease 0.3s}
.menu .sublist li{float:left;width:105px;height:auto;line-height:32px;text-align:center}
.menu .sublist a{display:block;width:100%;font-size:14px;color:#fff}
.menu a:hover{color:#fbe8ac}

/* .more_ics{top:0;right:0} */
/* .more_ics{position:absolute;width:26px;height:26px;background:url("../images/more_ics.png") no-repeat;top:12px;right:26px;z-index:10}  */


.morelink{position:absolute;width:21px;height:21px;overflow:hidden;text-indent:-999px;top:12px;right:26px;background:url(../images/more.png) no-repeat}
.morelink{-webkit-transition-duration:.6s;-ms-transition-duration:.6s;-o-transition-duration:.6s;transition-duration:.6s}
.morelink:hover{-webkit-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);transform:rotateZ(360deg)}

.noe{width:100%;height:155px;margin-bottom:50px;overflow:hidden}
.kv_main{width:688px;height:155px;background:url(../images/kvm.png) no-repeat center;background-size:100% 100%;position:absolute;left:42%;margin-left:-249.5px;top:0}

.kv_main .xz {
  float: left;
  width: 24px;
  height: 130px;
  line-height: 16px;
  padding: 9px 4px 0 6px;
  margin-top:13px;
  text-align: center;
  text-indent: 0;
  font-size: 12px;
  color: #fff;
  box-sizing: border-box;
  background: #432f0a;
  background-image: linear-gradient(0deg, #62450b 0%, #39280a 100%);
}

.kv_main .k_banner{width:230px;height:132px;overflow:hidden;position:relative;float:left;margin:10px 7px 0 11px}
.kv_main .k_banner li a img{display:block;width:230px;height:132px;border-radius:10px}
.kv_main .k_banner .swiper-pagination1{bottom:5px;position:absolute;z-index:2;text-align:right}
.kv_main .k_banner .swiper-pagination1 .swiper-pagination-bullet{width:11px;height:11px;opacity:1;background-color:#626c7c;margin:0 2px}
.kv_main .k_banner .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#9b8c6b}
.kv_main .code{display:block;width:132px;height:132px;float:left;margin:12px 8px 0 0}
.kv_main .k_down{width:191px;height:132px;float:left;margin-top:12px}
.kv_main .k_down a{display:block;width:100%;height:62px;transition:all .5s;-webkit-transition:all .5s}
.kv_main .k_down a:hover{transform:translate(0,-5px);-webkit-transform:translate(0,-5px)}
.kv_main .k_down a:nth-child(2){margin-top:8px}
.kv_main .pc{display:block;width:132px;height:132px;float:right;transition:all .5s;-webkit-transition:all .5s;margin:12px 10px 0 0}
.kv_main .pc:hover{transform:translate(0,-5px);-webkit-transform:translate(0,-5px)}

.top{width:100%;float:left;margin-bottom:36px}
/* */
.news,.t_news{position:relative;width:500px;height:320px;background-color:#fff}
.news .n_btns,.t_news .n_btns{position:relative;width:50%;height:48px;line-height:48px}
.news .n_btns ul,.t_news .n_btns ul{width:100%;overflow:hidden}
.news .n_btns li,.t_news .n_btns li{position:relative;float:left;width:76px;text-align:center}
.news .n_btns li.on a,.t_news .n_btns li.on a{color:#bd8b2b}
.news .n_btns li.on .plan,.t_news .n_btns li.on .plan{width:100%}
.news .n_btns a,.t_news .n_btns a{font-size:17px;color:#333}
.news .n_btns a:hover .plan,.t_news .n_btns a:hover .plan{width:100%}
.news .n_cons,.t_news .n_cons{width:100%;border-top:1px solid #d8d8d8}
.news .n_con,.t_news .n_con{position:relative;padding:0 30px;display:none}


.news .n_con.on,.t_news .n_con.on{display:block}
.news .n_con .nc_hot,.t_news .n_con .nc_hot{display:block;width:100%;line-height:40px;text-align:center;font-size:18px;color:#bd8b2b;padding-top: 5px;}
.news .n_con ul,.t_news .n_con ul{width:100%}
.news .n_con li,.t_news .n_con li{position:relative;width:100%;font-size:14px;color:#333;height:36px;line-height:36px}
.news .n_con .nc_lb,.t_news .n_con .nc_lb{float:left;margin-right:10px}
.news .n_con .nc_link,.t_news .n_con .nc_link{float:left;display:block;width:300px}
.news .n_con .nc_time,.t_news .n_con .nc_time{position:absolute;right:0;font-size:14px;color:#666;font-family:'Arial'} 



.t_banners{position:relative;width:700px;height:320px;overflow:hidden}
.t_banners li{position:relative;float:left;width:100%;height:100%}
.t_banners a{position:absolute;display:block;width:100%;height:100%;top:0;left:0}
.t_banners .t_b_list{width:2000%;height:100%}
.t_banners .t_b_list img{width:700px;height:320px}
.t_banners .t_b_pts{position:absolute;width:100%;right:20px;bottom:14px;text-align:right;line-height:0}
.t_banners .t_b_pts span{display:inline-block;width:10px;height:10px;margin:0 6px;background-color:#fff;border-radius:100%}
.t_banners .t_b_pts span.on{background-color:#ff9900}



.info{width:100%;height:294px; margin-top:35px;margin-bottom:35px;overflow:hidden}
.info .wrap{position:absolute;left:0;width:100%;overflow:hidden}
.info .wrap .z1{float:left;width:112px;height:294px;background:url(../images/z1.jpg) no-repeat}
.info .wrap .z2{float:left;width:112px;height:294px;background:url(../images/z2.jpg) no-repeat}

.inview,.stview{float:left;width:488px;height:294px;background:#fff;position:relative}
.inview .tit,.stview .tit{position:relative;width:100%;height:27px;margin:15px 0 20px 15px;background-position:left 0;background-repeat:no-repeat}

.inview .titgl{position:relative;width:100%;height:27px;margin:15px 0 20px 15px;background-position:left 0;background-repeat:no-repeat}

.inview .tit{background-image:url("../images/tit_info.png")}
.inview .titgl{background-image:url("../images/tit_guide.png")}
.inview .tit a,.inview .titgl a,.stview .tit a{margin-top:-9px;margin-right:10px;}
.inview .cons,.stview .cons{overflow:hidden;border-top:1px solid #d8d8d8;margin:0 15px 0 15px;}

.inview ul,.stview ul{position:absolute;left:32px;top:80px;width:425px;height:260px;overflow:hidden}
.inview ul li{display:block;width:460px;height:36px;margin-bottom:20px;border-bottom:solid 1px #ecebe8}
.inview ul li span{color:#6a533e;float:left;display:inline;height:18px;width:100px;text-indent:24px}
.inview ul li.lst{border:0}
.inview ul li a{color:#333;float:left;height:18px;width:86px}
.inview ul li a:hover,.stview ul li a:hover{text-decoration:underline;color:#996d42}
.inview .z1-1{background:url(../images/z1-1.jpg) no-repeat}
.inview .z1-2{background:url(../images/z1-2.jpg) no-repeat}
.inview .z1-3{background:url(../images/z1-3.jpg) no-repeat}
.inview .z1-4{background:url(../images/z1-4.jpg) no-repeat}


.stview .tit{background-image:url("../images/tit_guide.png")}
.stview ul li{height:25px;margin-bottom:10px;overflow:hidden;border-bottom:dashed 1px #ecebe8}
.stview ul li span{float:right;color:#9aa4b4}
.stview ul li a{color:#333;float:left}
.stview ul li .hot{font-weight: bold;color: #ff0000}



.rim{width:100%;height:135px; margin-top:35px;margin-bottom:35px;overflow:hidden}

.rim .box{position:absolute;left:0;width:100%;overflow:hidden}
.rim .box li{float:left;display:inline;position:relative;width:294px;height:134px;overflow:hidden;cursor:pointer;background:url(../images/mnx.jpg) no-repeat}
.rim .box a { display:inline-block; width:238px; height:42px; }
.rim .box .pl{margin-left: 8px;}
.rim .box li p{position:absolute;left:30px;top:31px;line-height:20px;color:#4f3409}
.rim .box li strong{display:block;font-size:18px;color:#17191f;margin-bottom:12px}
.rim .box li img{right:0;bottom:0;position:absolute}
.rim .box li a.cov{position:absolute;width:291px;height:133px;overflow:hidden;text-indent:-999px;z-index:3}

.rim .box li span.animated{position:absolute;width:134px;height:134px;left:50%;top:50%;margin-top:-67px;background:#fff;-webkit-transform:scale(0) translate(-50%,-50%);-moz-transform:scale(0) translate(-50%,-50%);-o-transform:scale(0) translate(-50%,-50%);transform:scale(0) translate(-50%,-50%);-webkit-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;border-radius:50%;transform-origin:left center;overflow:hidden;opacity:.7;*display:none;display:none\9}
.rim .box li::before{border-top:2px solid #bba57c;border-bottom:2px solid #bba57c;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1)}
.rim .box li::after{border-right:2px solid #bba57c;border-left:2px solid #bba57c;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);-ms-transform:scale(1,0);transform:scale(1,0)}
.rim .box li::after,.rim .box li::before{position:absolute;opacity:0;filter:alpha(opacity:0);left:8px;top:8px;bottom:8px;right:10px;content:' ';-webkit-transition:all .35s;-moz-transition:all .35s;-o-transition:all .35s;-ms-transition:all .35s;transition:all .35s;z-index:2}
.rim .box li:hover:after,.rim .box li:hover:before{opacity:1;filter:alpha(opacity:100);-webkit-transition:all .35s;-moz-transition:all .35s;-ms-transition:all .35s;transition:all .35s;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}





.pic{width:100%;background-color:#fff;margin-bottom:35px;overflow:hidden}
.pic > div{padding:20px 28px}
.pic .tit{position:relative;width:100%;height:27px;margin-bottom:20px;background-position:left 0;background-repeat:no-repeat}


.r_tr{width:100%;border-left:1px solid #eef2f5}
.r_tr .tit{background-image:url("../images/tit_img.png")}
.r_tr .tit a{margin-right: -20px;}
.r_tr .r_t_btns{position:relative;width:100%;height:53px;border-top:1px solid #d8d8d8;border-bottom:1px solid #bd8b2b;margin-bottom:7px}
.r_tr .r_t_btns li{position:relative;float:left;width:25%;line-height:53px;text-align:center}
.r_tr .r_t_btns li.on a{color:#bd8b2b}
.r_tr .r_t_btns li.on .plan{width:100%}
.r_tr .r_t_btns a{font-size:18px;color:#333}
.r_tr .r_t_btns a:hover{color:#bd8b2b}
.r_tr .r_t_btns a:hover .plan{width:100%}
.r_tr .r_t_cons{width:100%;overflow:hidden;border-top:1px solid #d8d8d8;}

.r_tr .r_t_con.on{display:block}
.r_tr .r_t_con ul{width:120%}
.r_tr .r_t_con li{position:relative;float:left;width:275px;height:172px;margin:20px 18px 0 0;overflow:hidden}
.r_tr .r_t_con img{display:block;width:100%;height:100%}
.r_tr .r_t_con a:hover .t_bg,.r_tr .r_t_con a:hover .t_tit{height:30px}
.r_tr .r_t_con a:hover img{-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}
.r_tr .r_t_con .t_bg,.r_tr .r_t_con .t_tit{position:absolute;width:100%;height:0;line-height:30px;bottom:0;left:0}
.r_tr .r_t_con .t_bg{background-color:#000;opacity:0.8;filter:alpha(opacity=80)}
.r_tr .r_t_con .t_tit{font-size:14px;color:#fff;text-align:center}


.server-bj{position:absolute;top:580px;left:50%;margin-left:-289px;width:578px;height:186px;background:url(../images/server-bj.png) no-repeat;display:flex;-webkit-display:flex;justify-content:center;font-size:14px}
.server-bj a{display:block;position:relative;height:93px;background:url(../images/server-con.png) no-repeat;margin:46px 10px 0}
.server-bj a:nth-child(1){width:167px;background-position:-7px 0}
.server-bj a:nth-child(2){width:95px;background-position:-198px 0}
.server-bj a:nth-child(3){width:95px;background-position:-313px 0}
.server-bj a:nth-child(4){width:95px;background-position:right 0}
.server-bj a:nth-child(1) .counts{position:absolute;width:100%;text-align:center;color:#946b35;top:104px;left:0}
.server-bj a:nth-child(1) .counts span{color:#fdc640;margin:0 5px}
.server-bj font{color:#fdc640;position:absolute;left:170px;top:0;width:360px}
.name-tc{position:absolute;left:50%;top:100px;margin-left:-85px;width:170px;height:30px;line-height:30px;background:#8c2f20;border-radius:30px;visibility:hidden;color:#f9d484;font-size:16px;text-align:center;-webkit-transform:translateY(-50px);transform:translateY(-50px);-webkit-transition-duration:0.4s;transition-duration:0.4s;opacity:0}
.name-tc::after{content:'';position:absolute;top:-5px;left:50%;width:0;height:0;border-right:5px solid transparent;border-left:5px solid transparent;border-bottom:5px solid #8c2f20;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.server-bj a:hover .name-tc{visibility:visible;-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}

.gameinfo{margin-bottom:35px}
.gameinfo .tit{width:100%;height:27px;margin-bottom:20px;background-position:left 0;background-repeat:no-repeat}
.gameinfo .box{position:relative;width:100%;background-color:#fff;overflow:hidden}

.g_job{width:712px}
.g_job .tit{background-image:url("../images/tit_vid.png");margin-left: 15px;}
.g_job .box{width:auto}

.g_job .content {overflow:hidden}
.g_job .content ul {width:105%;margin:28px 0 0 20px;}
.g_job .content li {position: relative;float: left;margin: 0 20px 20px 0;background:#000;}
.g_job .content li:hover .title{background: #dfb157;}
.g_job .content li img.thumb{display: block;width: 400px;height:276px}
.g_job .content li img.thumb2{display: block;width: 270px;height:128px}
.g_job .content li:hover img.thumb {opacity: 0.5;}
.g_job .content li .ico{position: absolute;left: 50%;top: 50%;margin: -24px 0 0 -24px;}
.g_job .content .title {position: absolute;left: 0; bottom: 0;width: 100%;background: rgba(0,0,0,0.5);color: #fff;padding: 6px 15px;}
.g_job .content li .front {display: none;position: absolute; width: 100%;margin: 70px 0 0;text-align: center;color: #fff;}
.g_job .content li .front img {margin: 0 0 10px;}
.g_job .content li:hover .front {display: block;}
.g_job .content li .front.text {margin-top: 120px;}


.g_source{width:488px}
.g_source .tit{background-image:url("../images/tit_painting.png");margin-left: 15px;}
.g_source .box{width:auto}


.g_source .tpcontent {overflow:hidden}
.g_source .tpcontent .title {position: absolute;left: 0; bottom: 0;width: 100%;background: rgba(0,0,0,0.5);color: #fff;padding: 6px 15px;}
.g_source .tpcontent ul {width: 105%;margin:28px 0 0 20px;}
.g_source .tpcontent li {position: relative;float: left;margin: 0 18px 20px 0;background:#000;}
.g_source .tpcontent li:hover .title{background: #dfb157;}
.g_source .tpcontent li img.thumb{display: block;width: 215px;height:128px}
.g_source .tpcontent li:hover img.thumb {opacity: 0.5;}
.g_source .tpcontent li .ico{position: absolute;left: 50%;top: 50%;margin: -24px 0 0 -24px;}
.g_source .tpcontent li .front {display: none;position: absolute; width: 100%;margin: 35px 0 0;text-align: center;color: #fff;}
.g_source .tpcontent li .front img {margin: 0 0 10px;}
.g_source .tpcontent li:hover .front {display: block;}
.g_source .tpcontent li .front.text {margin-top: 120px;}
/* */

.modal {position: fixed;left: 0;top:0;right:0;bottom:0; height: 100%;background: rgba(0,0,0,0.5);text-align: center;padding: 20vh 0 0;z-index: 999;}
.modal .inner{box-sizing: content-box;display: block;position: relative;margin: 0 auto;background: #476599;padding: 10px;max-width: 100%;max-height: 100%;}
.modal.video .inner{box-sizing: border-box;display: inline-block;position: relative;}
.modal.video .inner .zoom {background: #476599;padding: 10px;}
.modal .inner .zoom {display: block;width: 100%;height: 100%;}
.modal .inner .close{position: absolute;left: 100%;top: 0;}

.modtp {position: fixed;left: 0;top:0;right:0;bottom:0; height: 100%;background: rgba(0,0,0,0.5);text-align: center;padding: 20vh 0 0;z-index: 999;}
.modtp .inner{box-sizing: content-box;display: block;position: relative;margin: 0 auto;background: #476599;padding: 10px;max-width: 100%;max-height: 100%;}
.modtp.video .inner{box-sizing: border-box;display: inline-block;position: relative;}
.modtp.video .inner .zoom {background: #476599;padding: 10px;}
.modtp .inner .zoom {display: block;width: 100%;height: 100%;}
.modtp .inner .close{position: absolute;left: 100%;top: 0;}


.linking{width:100%;height:150px;background-color:#fff;margin-bottom:50px;overflow:hidden}
.l_imgcode,.l_sercode{padding:20px 28px;border-right:1px solid #eef2f5}
.l_media{padding:20px 0;width:494px;height:110px;margin:0 28px;overflow:hidden}
.l_media .tit{font-size:20px;color:#333;margin-bottom:12px}
.l_media ul{position:relative;margin-left:-14px;width:2000%;overflow:hidden}
.l_media li{float:left;width:115px;height:62px;margin-right:6px}


/*  */
.main {width: 1200px;margin: 0 auto;overflow: hidden;margin-bottom:35px}
.main .sidebar {width: 279px;float: left;}
.main .article {float: right;width: 908px;}

.t_btns{width:279px;height:320px}
.t_btns .orderBtn{display:block;width:100%;height:150px;padding:0;background:url("../images/orderBtn.png") no-repeat}
.t_btns .orderBtn:hover{background-position:0 -151px}
.t_btns .t_links{width:100%;height:170px;background:url("../images/btns_bg.jpg") no-repeat}
.t_btns .t_links li{float:left;width:50%;height:50%;text-align:center;line-height:85px}
.t_btns .t_links a{color:#dcdfe2;font-size:16px}
.t_btns .t_links a:hover{color:#fadd9d}

table.links{border-collapse:collapse;border-spacing:0;background:#fff;width:100%;border:1px solid #eee;margin-bottom:18px}
table.links td,table.links th{width:50%;color:#435365;text-align:center;padding:0;border:1px solid #eee;position:relative;overflow:hidden;line-height:100%}
table.links td span{display:block;line-height:2}
table.links td a{padding:0;display:block;width:100%;transition:all ease 0.5s;height:135px;-webkit-transition:all ease 0.5s;-moz-transition:all ease 0.5s;-ms-transition:all ease 0.5s}
table.links td a i{position:absolute;display:block;width:46px;height:37px;left:50%;top:34px;margin-left:-23px;z-index:1;background:url(../images/icos.png) no-repeat}
table.links td a span{position:absolute;display:block;width:100%;z-index:1;text-align:center;bottom:36px;transition:all ease 0.5s;-webkit-transition:all ease 0.5s;-moz-transition:all ease 0.5s;-ms-transition:all ease 0.5s}
table.links td a.a1 i{background-position:2px 0px}
table.links td a.a2 i{background-position:-133px 0px}
table.links td a.a3 i{background-position:2px -117px}
table.links td a.a4 i{background-position:-133px -117px}
table.links td a:hover span{color:#bb8822}
table.links td .a1:hover i{background-position:2px -50px}
table.links td .a2:hover i{background-position:-133px -50px}
table.links td .a3:hover i{background-position:2px -167px}
table.links td .a4:hover i{background-position:-133px -167px}

.qrcode {background: #fff;text-align: center;padding: 20px 20px;line-height: 2;overflow: hidden;}
.qrcode img {background:#fff; float: left;border-radius: 5px;width: 114px;margin-right: 16px;}
.qrcode p {float: left;font-size: 16px;color: #435365;width: 104px;height: 45px;margin: 8px 0;overflow: hidden;text-indent: -1000px;background: url(../images/off_weixin.png) no-repeat;}
.qrcode span {float: left;color:#8899aa;font-size: 12px;width: 98px;text-align: center;}


.main-content {background: #fff;overflow: hidden;padding: 20px;}
.breadcrumb {height: 101px;padding: 0 40px; background: url(../images/breadcrumb.jpg) repeat-x 0 0}
.breadcrumb img {float: left; margin: 34px 0 0 0;}
.breadcrumb .path {float: right; margin: 42px 0 0 0;color: #556677;;}


.tab {}
.tab-title {border-left: 1px solid #d6dee6;overflow: hidden;margin-bottom: 1em;}
.tab-title ul li {float: left;width: 33%;font-size:16px;cursor: pointer; text-align: center;background: #fafafb;color: #556677;padding: 15px;border-top: 1px solid #d6dee6;border-right: 1px solid #d6dee6;border-bottom: 1px solid #d6dee6;}
.tab-title ul li.active {background: #fff; color: #bb8822;cursor: default; border-bottom: 0;border-top: 2px solid #bb8822;}
.tab-title ul li.active a {color: #bb8822;}

.tab-content .row {margin-bottom: 2em;}
.tab-content .article-list {margin:20px;}
/* dotted dashed */
.tab-content .article-list li {line-height: 350%; border-bottom: 1px dashed #556677; color: #556677;background: url(../images/ico-triangle.png) 10px center no-repeat;font-size:14px;letter-spacing: 1px;}
.tab-content .article-list li .wz{color:#556677;}
.tab-content .article-list li em {color:#99aabb;font-style: normal;}

/* 翻页 */
.tab-content .row {margin-bottom: 2em;}

#wrapper.pic-list .tab-content img {display: block;}
#wrapper.pic-list .tab-content .name {padding: 0.8em 1em;background: #fff;}
#wrapper.pic-list .tab-content .des {padding: 1em;background: #f4f4f6;}
#wrapper.pic-list .tab-content .columns {border: 1px solid #d6dee6;color: #556677;}
.tab-content .paginator{text-align: center; margin: 2em 0;}
.tab-content .paginator .btn{margin: 1em;}
.tab-content .paginator .btn {background: #556677;color: #fff;padding: 0.6em 2.3em;border-radius: 5px;}
.tab-content .paginator .btn:hover {color: #fff;}
.tab-content .paginator .btn.disabled {background: #fff;color: #dddde6;border: 1px solid #ebebf0;cursor: default;}
/* 翻页 end */



.article .gameinfo{color:#333333;width:90%;margin:0 auto;font-size:14px;letter-spacing: 1px;margin-bottom:35px}
.article .gameinfo dl{display:block;margin:32px 0 0}
.article .gameinfo dl dt{height:42px;border-bottom:dotted 1px #d6d8da;font-size:18px}
.article .gameinfo dl dd{display:block;margin:20px 0 0;padding-left:33px;margin:32px 0 0;border-right:0;border-bottom:0}
.article .gameinfo dl dd p{float:left;display:inline;width:736px;margin-left:30px}
.article .gameinfo dl dd p a{float:left;display:inline;width:105px;height:30px;color:#333333;text-indent:18px;line-height:30px;background:url(../images/ioc.png) no-repeat 0 center}
.article .gameinfo dl .ny-ioc{display:inline-block;vertical-align:middle;width:24px;height:26px;margin-right:6px;margin-top:-5px}
.article .gameinfo dl .ny-ioc.ny-ioc-40{background:url(../images/zl-icon1.png) no-repeat}
.article .gameinfo dl .ny-ioc.ny-ioc-41{background:url(../images/zl-icon2.png) no-repeat}
.article .gameinfo dl .ny-ioc.ny-ioc-42{background:url(../images/zl-icon1.png) no-repeat}
.article .gameinfo dl .ny-ioc.ny-ioc-43{background:url(../images/zl-icon2.png) no-repeat}
.article .gameinfo dl .ny-ioc.ny-ioc-44{background:url(../images/zl-icon3.png) no-repeat}
.article .gameinfo dl .ny-ioc.ny-ioc-45{background:url(../images/zl-icon4.png) no-repeat}
.article .gameinfo dl .ddt{float:left;display:inline;width:100px;height:30px;background:#9d7d4a;border-radius:3px;color:#fff;font-size:14px;text-align:center;line-height:30px}
.article .gameinfo dl .clr{display:block;height:0;overflow:hidden;clear:both}
.article .gameinfo .gameinfo_tt{height:37px;border-bottom:solid 1px #9d7d4a;font-size:18px;position:relative;margin:31px auto 0;line-height:37px}
.article .gameinfo .gameinfo_tt_mn2{display:block;margin-bottom:38px;padding-left:10px;background:#f8f8f8;min-height:45px;line-height:45px;overflow:hidden}
.article .gameinfo .gameinfo_tt_mn2 a{float:left;display:inline;width:110px;height:45px;color:#333;text-indent:18px;background:url(../images/ioc.png) no-repeat 0 center}
.article .gameinfo .gameinfo_tt_mn2 a.on{color:#9d7d4a}




#wrapper.download {}
.tab-content .tab-content{color:#556677;}
.tab-content .tab-title ul li{width: 50%;}
.tab-content .steps {margin: 0 0 50px 50px;font-size: 16px;}
.tab-content .steps p{line-height: 2.5;}
.tab-content .steps .title-step{position: relative;margin: 2em 0 0.8em;font-size: 20px;}
.tab-content .steps .downForm {border:0px;border-collapse:collapse;font-size:18px;line-height:36px;width:100%;}
.tab-content .steps .downForm .c {text-align:center;}
.tab-content .steps .title-step span {position: absolute; width: 42px;height: 42px;line-height: 42px;border: 1px solid #d6dee6;border-radius: 50%;left: -55px;top:-5px;text-align: center;}
.tab-content .small-container {width: 610px;}
.tab-content .small-container .six a {display: block;width: 260px;padding: 20px 0;text-align: center;background: #446699;font-size: 20px;float: left;margin-right: 40px;}
.tab-content .small-container .six a img {margin: 0 10px -5px 0;}
.tab-content .border-top-bottom {border-top: 1px solid #d6dee6;border-bottom: 1px solid #d6dee6;}
.tab-content .btns .btn {float: left; margin: 0 16px 9px 0;color:#334455;text-align:center;background: url(../images/btn-bg-grey.png) 0 0 repeat-x;width:150px;height: 44px;border: 1px solid #d6dee6;}
.tab-content .btn-big-grey {display: inline-block;color:#334455;margin: 15px 0;text-align:center;background: url(../images/btn-bg-big-grey.png) 0 0 repeat-x;width:250px;height: 50px;border: 1px solid #d6dee6;border-radius: 5px;}
.tab-content .reference {padding: 30px 0;}
.tab-content .reference h5 {font-size: 1.5rem;line-height: 1.5;letter-spacing: -.05rem;margin-bottom: 2rem;font-weight: 300;}
.tab-content .reference table {border-collapse:collapse; border-spacing:0; background: #fff;width:100%;border:1px solid #d6dee6;}
.tab-content .reference table th {background: #f3f5f9;text-align: center;}
.tab-content .reference table td {border:1px solid #d6dee6;padding: 10px 30px;}


.tab-content .sub-tab-title {margin-top: 40px;}
.tab-content .sub-tab-title li {display: inline;}
.tab-content .sub-tab-title li a {float: left;margin: 0 5px 0 0;color: #fff;text-align: center;padding: 10px 50px 8px;background: #556677; border: 1px solid #d6dee6; border-bottom: none;border-radius: 5px 5px 0 0;}
.tab-content .sub-tab-title li.active a {background: #fff;color:#556677;position: relative;top: 1px;}
.tab-content .sub-tab-content {border: 1px solid #d6dee6;padding: 30px;}
.tab-content .sub-tab-content .box {border: 1px solid #d6dee6;padding: 30px;margin-bottom: 20px;background: #fafafb;box-sizing: border-box;font-size: 12px;line-height: 200%;}
.tab-content .sub-tab-content .box:hover {border: 3px solid #d6dee6;background: #fff;padding: 28px;}
.tab-content .sub-tab-content .box .btn {}
.tab-content .sub-tab-content .box h4 {margin: 0 0 10px; font-size: 14px;font-weight: normal;}
.tab-content .sub-tab-content .box h4.newest {color: #bb8822;}
.tab-content .sub-tab-content .box h4 img {position: relative; top: 3px;margin: 0 0 0 20px;}
.tab-content .sub-tab-content .box .btn {margin: 20px 0 9px 0; color: #334455; text-align: center; background: url(../images/btn-bg-grey.png) 0 0 repeat-x; width: 150px; height: 44px; border: 1px solid #d6dee6;border-radius: 0;} 

.article h1 {text-align: center;font-size: 36px;}
/* */
h1{font-size:2em;margin:0.67em 0}
/* Typography*/
h1{margin-top:0;margin-bottom:2rem;font-weight:300}
h1{font-size:4.0rem;line-height:1.2;letter-spacing:-.1rem}
/* Larger than phablet */
@media (min-width: 550px) {  h1 { font-size: 5.0rem; } }



.main-content .article-info {height: 44px;line-height: 44px;text-indent: 1em;background: #fafafb;border: 1px solid #d6dee6; border-top-color:#556677;margin-bottom: 1em; }
.main-content .article-info a {float: right;height: 44px;width:44px;border-left: 1px solid #d6dee6;text-align: left;}
.main-content .article-content {color: #556677;line-height: 200%;margin-bottom: 2em;letter-spacing: 1px;font-size: 16px;} /* text-indent:2em; */
.main-content .article-content p{ }

.footer{height:113px;background-color:#1d2734;color:#b2b2b2;padding-top:20px;box-sizing:content-box;}
.footer .bottom{position:relative;width:1050px;margin:0 auto;height:113px;background:url(../images/footer2.png) left 0 no-repeat}
.footer .bottom a{color:#b2b2b2;padding:0px 4px}
.footer .bottom .botp1{position:absolute;left:167px;top:6px;font-size:12px}
.footer .bottom .botp2{position:absolute;right:0;top:6px;font-size:12px}
.footer .bottom .botps30{position:absolute;left:170px;top:30px;font-size:12px;border-top:solid 1px #666666;padding-top:8px;width:875px}
.footer .bottom .botp3{position:absolute;left:170px;top:62px;width:100%;font-size:12px}
.fwico1,.fwico2,.fwico3,.fwico4,.fwico5{display:inline-block;vertical-align:middle;height:25px;margin:0 8px 0 0;background:url(../images/fawuico.png) no-repeat;width:24px;height:25px}
.fwico1{}
.fwico2{background-position:-35px 0}
.fwico3{background-position:-70px 0}
.fwico4{background-position:-104px 0}
.fwico5{background-position:-138px 0}
.footer .bottom .fawu{top:83px}
.footer p{margin:0}
.footer a{text-decoration:none}



.in_tab1{ text-align:center; width:800px; margin:20px auto 40px auto; padding:0; border-top:1px solid #000000; border-left:1px solid #000000; color:#000000; font-size:16px; line-height:35px;}
.in_tab1 tr td{ height:35px; border-bottom:1px solid #000000; border-right:1px solid #000000;}