@charset "utf-8";
/*
---------------------------------
Site: jx3.xoyo.com
Author:
Last Changed by :
Last Update : 2014-11-22 16:15
---------------------------------
*/



/* topbar */
#V2-xoyo-topNav { position:absolute; top:0; left:0;}

/*comm*/
html,body{background: #647aaf;min-width: 1400px;}
.wrap p{margin: 0;}
.wrap{width: 100%;position: relative;min-width: 1400px;overflow: hidden;}
.mid{width: 1400px;margin: 0 auto;min-width: 1400px;position: relative;}
.clear:after{content:" "; clear:both; height:0; visibility:hidden; display:block;}
.clear{*zoom:1;}
.in{display: inline-block;vertical-align: middle;}
.t{text-indent: -9999px;display: block;}
.pr{position: relative;}
.pa{position: absolute;}
.fl{float: left;}
.fr{float: right;}
.sp, .per-nav li, .mess-wrap .register_pc_pub .reg-sub-btn{background: url("../images/sp.png") no-repeat;}
a.sp{transition: all .3s;-webkit-transition: all .3s;text-decoration: none;}
a.sp:hover{filter: brightness(1.2);-webkit-filter: brightness(1.2);filter:alpha(opacity=80)\0;}

/*page*/
/* .head{background: url("../images/head.jpg") no-repeat center top;height: 1000px;} */
.head{background: url("../images/head0314.jpg") no-repeat center top;height: 1000px;}

    .main{background: url("../images/main-bg.jpg") no-repeat center top;height: 2021px;}
.enters{padding: 15px 24px 0;}
.enters .jx-logo{background: url("../images/jx-logo.png") no-repeat;width: 251px;height: 98px;}
.enters .btns{width: 318px;padding-top: 8px;font-size: 0;}
.enters .btns a{width: 159px;height: 47px;display: inline-block;vertical-align: middle;transition: all 0s;-webkit-transition: all 0s;}
.enters .btns .btn-free{background-position: -20px -13px;}
.enters .btns .btn-charge{background-position: -179px -13px;}
.mess-wrap{padding-top: 512px; padding-left:12px; font-size: 0;text-align: center;}
.mess-wrap .mess-box{padding-top: 5px;width: 348px;display: inline-block;vertical-align: top;}
.mess-wrap .mess-small{width: 328px;}
.mess-wrap .m-cm{width: 181px;height: 41px;margin: 0 auto;}
.mess-wrap .m-tit1{background-position: -25px -160px;}
.mess-wrap .m-tit2{background-position: -236px -160px;}
.mess-wrap .m-tit3{background-position: -429px -160px;}
.mess-wrap .m-tit4{background-position: -632px -160px;}
.mess-wrap .register-box{margin-top: 5px;width: 100%;height: 206px;}
.mess-wrap .register_pc_pub .label-style{text-align: left;}
.mess-wrap .ico{margin-top: 15px;width: 100%;height: 155px;}
.mess-wrap .ico img{display: block;margin: 0 auto;}
.mess-wrap .btn{width: 235px;height: 51px;margin: 0 auto;display: block;text-indent: -9999px;}
.mess-wrap .register_pc_pub .reg_tabs{ background-color:#7a8aa3; border:#ced8eb solid 1px;}
.mess-wrap .register_pc_pub .reg_tabs li.this_reg{ background-color:#ced8eb; color:#45546d;}
.mess-wrap .register_pc_pub .reg_tabs .rec_icon{width:95px; background-image: url("../images/icon-tab.png"); background-position-y: 8px; }
.mess-wrap .register_pc_pub .reg_tabs li{float: right;}
.mess-wrap .register_pc_pub .bg_green{background-color: #7a8aa3;}
.mess-wrap .register_pc_pub .reg-sub-btn{background-position: -20px -80px; width: 235px; height: 51px; margin: 0 auto; font-size: 0;}
.mess-wrap .register_pc_pub .reg-sub-btn.J_regPubBtnOk{background-position: -701px -973px;}
.mess-wrap .register_pc_pub .idcard-tit{margin-top: 5px; color:#dee5f2;}
.mess-wrap .register_pc_pub a, .mess-wrap .register_pc_pub a:visited{color:#dee5f2; }
.mess-wrap .register_pc_pub a:hover{color: #d4ddf2; }
.mess-wrap .td_small.J_regPhoneAgree{color: #e6e9f2; }
.mess-wrap .register_pc_pub .td_small{color: #e6e9f2; }
.mess-wrap .register-reg-dom{width: 290px; margin: 0 auto;}
.mess-wrap .register_pc_sucdom .success_content p{ color:#ece5e2; }
.mess-wrap .success_content p.gift{color:#ffdb18;}
.mess-wrap .btn-down{background-position: -268px -80px;}
.mess-wrap .btn-get{background-position: -517px -80px;}
.mess-wrap .btn-detail{background-position: -764px -80px;}
.main .tit-box1{padding-top: 1px;}
.main .tit01{width: 828px;height: 50px;margin: 0 auto;background-position: -131px -225px;}
.main .tit02{width: 828px;height: 52px;margin: 0 auto;background-position: -131px -293px;}
.play-wrap{width: 100%;height: 747px;position: relative;margin-top: 42px;min-width: 1400px;}
.play-wrap .swiper-play{width: 1920px;height: 747px;position: absolute;top: 0;left: 50%;margin-left: -960px;}
.play-wrap .swiper-slide a{display: block;width: 100%;}
.swiper-nav-box{position: absolute;top: -20px;right: 285px;z-index: 10;}
.swiper-nav-box:before,.swiper-nav-box:after{background: url("../images/paginate-bg.png") no-repeat;content: "";width: 199px; display: block;}
.swiper-nav-box:before{height: 39px;background-position: 0 0;}
.swiper-nav-box:after{height: 20px;background-position: 0 -115px;}
.swiper-nav-box .swiper-nav{background: url("../images/paginate-repeat.png") repeat-y;width: 199px;overflow: hidden;}
.swiper-nav-box .swiper-nav li{background: url("../images/paginate-txt.png") no-repeat;}
.swiper-nav-box .swiper-nav li{width: 176px;height: 35px;background-position: 0 -79px;font-size: 22px;color: #636e88;text-align: center;line-height: 35px;margin: 30px auto 30px;cursor: pointer;}
.swiper-nav-box .swiper-nav li.cur,.swiper-nav-box .swiper-nav li:hover{background-position: 0 0;color: #fff;}
.main .tit-box2{margin-top: 87px;}
.per-wrap{width: 1352px;height: 390px;margin: 0 auto;position: relative;}
.per-item{width: 100%;height: 460px;position: absolute;top: -70px;left: 0;}
.per-tab{position: absolute;top: 185px;left: 1012px;z-index: 10;width: 312px;}
.per-nav li{font-size: 20px;color: #555b64;width: 97px;height: 38px;text-align: center;line-height: 32px;background-position: -126px -483px;float: left;cursor: pointer;}
.per-nav li.cur,.per-nav li:hover{color: #fff;background-position: -20px -483px;}
.panel{display: none;margin-top: 25px;}
.per-nav li.bew{margin: 0 10px;}
.panel .intro{font-size: 16px;color: #bfbfbf;height: 70px;line-height: 20px;}
.panel .skill{border-top: 1px dashed #bfbfbf;padding-top: 16px;}
.panel .skill li{position: relative;padding-left: 10px;font-size: 16px;color: #bfbfbf;margin-bottom: 3px;}
.panel .skill li:before{content: "";background: url("../images/sm-ico.png") no-repeat;width: 6px;height: 9px;position: absolute;top: 50%;margin-top: -4px; left: 0;}
.panel .sk-cm{display: inline-block;vertical-align: middle;width: 145px;height: 36px;background: url("../images/skill.png") no-repeat;margin-left: 18px;}
.panel .sk1{background-position: 0 0;}
.panel .sk2{background-position: -182px 0;}

.panel .sk3{background-position: 0 -47px;}
.panel .sk4{background-position: -182px -47px;}
.panel .sk5{background-position: -350px -47px;}

.panel .sk6{background-position: 0 -96px;}
.panel .sk7{background-position: -182px -96px;}

.panel .sk8{background-position: 0 -142px;}
.panel .sk9{background-position: -182px -142px;}

.panel .sk10{background-position: 0 -189px;}
.panel .sk11{background-position: -182px -189px;}

.panel .sk12{background-position: 0 -236px;}
.panel .sk13{background-position: -182px -236px;}

.panel .sk14{background-position: 0 -285px;}
.panel .sk15{background-position: -182px -285px;}

.panel .sk16{background-position: 0 -335px;}
.panel .sk17{background-position: -182px -335px;}

.panel .sk18{background-position: 0 -383px;}
.panel .sk19{background-position: -182px -383px;}

.panel .sk20{background-position: 0 -429px;}
.panel .sk21{background-position: -182px -429px;}
.panel .sk22{background-position: -350px -429px;}

.paginate{background: url("../images/line.png") no-repeat;width: 1353px;height: 32px;margin: 20px auto 0;padding-top: 23px;}
.paginate .items li{background: url("../images/per-nav.png") no-repeat;float: left;width: 141px;height: 30px;text-indent: -9999px;cursor: pointer;}
.paginate .items .item1{background-position: 0 -24px;width: 113px;}
.paginate .items .item2{background-position: -113px -24px;}
.paginate .items .item3{background-position: -254px -24px;}
.paginate .items .item4{background-position: -395px -24px;}
.paginate .items .item5{background-position: -536px -24px;}
.paginate .items .item6{background-position: -677px -24px;}
.paginate .items .item7{background-position: -817px -24px;}
.paginate .items .item8{background-position: -958px -24px;}
.paginate .items .item9{background-position: -1099px -24px;}
.paginate .items .item10{background-position: -1240px -24px;width: 112px;}
.paginate .items .item1.cur,.paginate .items .item1:hover{background-position: 0 -105px;}
.paginate .items .item2.cur,.paginate .items .item2:hover{background-position: -113px -105px;}
.paginate .items .item3.cur,.paginate .items .item3:hover{background-position: -254px -105px;}
.paginate .items .item4.cur,.paginate .items .item4:hover{background-position: -395px -105px;}
.paginate .items .item5.cur,.paginate .items .item5:hover{background-position: -536px -105px;}
.paginate .items .item6.cur,.paginate .items .item6:hover{background-position: -677px -105px;}
.paginate .items .item7.cur,.paginate .items .item7:hover{background-position: -817px -105px;}
.paginate .items .item8.cur,.paginate .items .item8:hover{background-position: -958px -105px;}
.paginate .items .item9.cur,.paginate .items .item9:hover{background-position: -1099px -105px;}
.paginate .items .item10.cur,.paginate .items .item10:hover{background-position: -1240px -105px;}

.bot-btns{font-size: 0;margin-top: 76px;text-align: center;}
.bot-btns a{display: inline-block;width: 283px;height: 62px;}
.bot-btns .btn-down{background-position: -21px -390px;}
.bot-btns .btn-free{background-position: -364px -390px;margin: 0 60px;}
.bot-btns .btn-charge{background-position: -706px -390px;}
.ewm-wrap{width: 506px;margin: 80px auto 0;}
.ewm-wrap .ewm-box{width: 223px;}
.ewm-wrap .ewm-box .txt{font-size: 15px;color: #555555;text-align: center;margin-top: 3px;}
.ewm-wrap .ewm-box .txt span{font-size: 20px;color: #3e5276;}

/*侧边栏*/
.float{position: fixed;width: 96px;left: 27px;top: 50%;margin-top: -233px;z-index: 999;}
.float-list li{width: 96px;background: url("../images/float.png") no-repeat;text-indent: -9999px;cursor: pointer;}
.float-list .n1{height: 175px;background-position: 0 0;}
.float-list .n2{height: 137px;background-position: 0 -175px;}
.float-list .n3{height: 154px;background-position: 0 -312px;}
.float-list .n1.cur,.float-list .n1:hover{background-position: -180px 0;}
.float-list .n2.cur,.float-list .n2:hover{background-position: -180px -175px;}
.float-list .n3.cur,.float-list .n3:hover{background-position: -180px -312px;}

/*pop*/
.pop{position: relative;display: none;}
.pop p{margin: 0;}
.pop-pre{background: url("../images/pop1.png") no-repeat;width: 1058px;height: 535px;}
.pop-pre .close{width: 52px;height: 52px;background-position: -287px -469px;position: absolute;top: 0;right: -66px;}
.pop-tab{position: absolute;top: 0;left: 38px;}
.pop-nav{width: 620px;padding-top: 32px;}
.pop-nav li{width: 307px;height: 76px;text-indent: -9999px;cursor: pointer;}
.pop-nav .nav1{background-position: -144px -623px;}
.pop-nav .nav1.cur{background-position: -144px -536px;}
.pop-nav .nav2{background-position: -467px -623px;}
.pop-nav .nav2.cur{background-position: -467px -536px;}
.pop-panel{margin-top: 15px;width: 100%;position: relative;}
.pop-panel .prev-btn,.pop-panel .next-btn{
width: 33px;height: 115px;position: absolute;top: 130px;
}
.pop-panel .prev-btn{background-position: -20px -536px;left: 0;}
.pop-panel .next-btn{background-position: -68px -536px;right: 0;}
.swiper-pro{width: 550px;height: 395px;}
.swiper-pro .pro-list{font-size: 0;text-align: center;}
.swiper-pro .pro-list li{display: inline-block;width: 163px;margin: 0 6px 20px;}
.swiper-pro .pro-list li img{width: 100%;height: auto;}
.swiper-pro .pro-list li .name{font-size: 18px;color: #6b6b6b;text-align: center;width: 120%;margin: 8px 0 0 -15px;}
.pop .t-cm{width: 320px;height: 27px;margin: 0 auto;}
.pop .s-tit01{background-position: -53px -726px;}
.pop .s-tit02{background-position: -53px -765px;}
.pop .s-tit03{background-position: -53px -802px;}
.pop .s-tit04{background-position: -53px -837px; margin-top: 8px;}
.pop .s-tbox{padding-top: 12px;}
.pop .s-tbox.st-box-tit1{padding-top: 20px;}
.pop .s-tbox.st-box-tit3{padding-top: 0px;}
.pop-panel .right-box{width: 322px;position: absolute;top: -123px;left: 680px;}
.pop-panel .mess{margin-top: 10px;}
.pop-panel .mess li{height: 40px;}
.pop-panel .mess .bew{margin: 4px 0;}
.pop-panel .mess input{width: 130px;height: 40px;background: #ced8eb;border: none;outline: none;font-size: 16px;color: #8894a8;padding: 0 18px;float: left;}
.pop-panel .mess .btn-code,
.pop-panel .mess .btn-get,
.pop-panel .mess .btn-copy{
    width: 145px;height: 41px;
    float: right;text-indent: -9999px;
}
.pop-panel .mess .btn-code{background-position: -408px -732px;}
.pop-panel .mess .btn-get{background-position: -408px -777px;}
.pop-panel .mess .btn-copy{background-position: -408px -822px;}

.pop input::-webkit-input-placeholder {
    color: #8894a8;
}
.pop input:-ms-input-placeholder { // IE10+
color: #8894a8;
}
.pop input:-moz-placeholder { // Firefox4-18
color: #8894a8;
}
.pop input::-moz-placeholder { // Firefox19+
color: #8894a8;
}
.pop .tip{font-size: 14px;color: #dee5f2;line-height: 20px;margin-top: 6px; height: 130px; overflow-y: auto;}
.pop .btns{width: 322px;margin: 10px auto 0;}
.pop .btns a{width: 322px;height: 51px;display: block;text-indent: -9999px;}
.pop .btns .btn-free{background-position: -576px -732px;}
.pop .btns .btn-charge{background-position: -576px -796px;margin-top: 13px;}
.pop .details{margin-top: 16px;height: 307px;}
.pop .details .txt{font-size: 14px;color: #dee5f2;line-height: 41px}
.pop .details .btn-detail{width: 145px;height: 41px;background-position: -920px -731px;text-indent: -9999px;}


/*
 * Swiper Scrollbar 2.4.1
 * Scrollbar plugin for Swiper
 *
 * http://www.idangero.us/sliders/swiper/plugins/scrollbar.php
 *
 * Copyright 2010-2014, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: June 27, 2014
*/
.swiper-scrollbar {
    /*border-radius: 10px;*/
    position: relative;
    -ms-touch-action: none;
    /*background: rgba(0,0,0,0.1)*/
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    /*background: rgba(0,0,0,0.5);*/
    /*border-radius: 10px;*/
}
.swiper-scrollbar-cursor-drag {
    cursor: move;
}

/*纵向滚动*/
.tip {
    /*border:3px solid #fff;*/
    /*box-shadow: 0px 0px 5px #000;*/
    /*background: #000;*/
    height:480px;
    width: 310px;
    margin: 10px auto;
}
#tipSwiper.swiper-container {
    /*background: #222;*/
    height: 100%;
}
.tips {
    padding:0 5px;
}
.title {
    font-size:18px;
    margin-bottom:15px;
}
.swiper-scrollbar {
    background:none;
    position:absolute;
    right:3px;
    top:0;
    height:100%;
    width:5px;
}
.swiper-scrollbar .swiper-scrollbar-drag {
    background:rgba(255,255,255,0.3);
}
.youxifenji-btn{position: absolute; width: 90px; top: 484px; left: 50px}
.youxifenji-btn img{width: 100%;}

/*外传*/
.enters .btns .btn-enter{width: 165px;height: 47px;background-position: -54px -896px;}
.enters .btns .btn-enter:hover{background-position: -230px -896px;filter: brightness(1);-webkit-filter: brightness(1);filter:alpha(opacity=80)\0;}
.bot-btns .btn-enter{width: 284px;height: 62px;background-position: -54px -973px;margin-left: 60px;}
.pop .btns .btn-client{background-position: -356px -973px;}