@charset "utf-8";
/* CSS Document */
ul,li,dl,dt,dd{ list-style-type:none; margin:0px; padding:0px;}

#top{ width: 100%; height: auto; float: left; padding-top: 17px; padding-bottom: 17px; background-color: #fff; border-bottom: 1px solid #f0f0f0;}
#top .topIn{ width: 1200px; height: auto; margin: 0 auto;}
#top .topL{ width: 134px; height: 38px; float: left; background: url("../bn_images/logoLeft_2.png") no-repeat left center;}
#top .topL a{ width: 100%; height: 38px; float: left;}
#top .topR{ width: auto; height: auto; float: right;}
/*导航栏*/
#top .topR ul{ width: 100%; height: auto; float:left; margin: 0px; padding: 0px;}
#top .topR li{ width: auto; height: auto; float:left; list-style-type:none; margin:0px; padding:0px;}
#top .topR li a{ width: auto; height: 38px; float: left; line-height: 38px; font-size: 16px; color:#333333; padding: 0px 23px; padding-bottom: 20px; cursor: pointer;}
#top .topR li a:hover,#top .topR li a:active{ color:#f14e54;}
#top .topR li span{ width: auto; height: auto; float: left; color:#333333;}
#top .topR li.user{ margin-left: 20px;}
#top .topR li.user a{ padding: 0px 5px;}
#top .topR li.user em{ width: auto; height: 38px; float: left; line-height: 38px; color:#333333;}
/*下拉*/
/*覆盖上面的#nav li*/
#top .topR li dl { left: -999px; position: absolute; width:196px; margin-top: 38px; text-align: center; z-index: 99999; padding-bottom: 20px;}
#top .topR li dl dt{ content: ''; width: 0; height: 0; border: 6px solid #fff; border-top-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-left-color: rgb(255, 255, 255); border-color: transparent transparent #fff; margin-left: 53px; position: relative; left: 5px; top: 1px;}
#top .topR li dl dd{ width: 100%; height: auto; float: left; background-color: rgba(255, 255, 255, 1); overflow: hidden;}
#top .topR li dl dd a{ width:auto; height:auto; float: left; line-height:30px; padding: 0px; margin: 0px; margin-top: 21px; margin-left: 35px; color: #666666; text-align: left; font-size: 14px;}
#top .topR li dl dd.ddT a{ margin-top: 29px;}
#top .topR li dl dd.ddB{ height: 24px;}
/*覆盖上面的#nav li a*/
#top .topR li.sfhover dl { width: 196px; height: auto; left: auto;}
#top .topR li.sfhover dd a{ color:#666666;}
#top .topR li.sfhover span{ color:#f14e54;}
#top .topR li.sfhover dd a:hover{ color: #666666; background: url("../bn_images/topNavBg.png") no-repeat center bottom;}


#login{
    width: 100%; height: 650px; float: left; /*background: url("../bn_images/loginBg.jpg") no-repeat center center;*/
    background-color: #ff5956;
    background-image: url("../bn_images/img/msc1-bkimg-aabb2277c7.png");
    background: url("../bn_images/img/msc1-bkimg-aabb2277c7.png"), -webkit-gradient(linear, left top, right bottom, from(#ff5956), color-stop(#ff566e), color-stop(80%, #ff864b));
    background: url("../bn_images/img/msc1-bkimg-aabb2277c7.png"), -webkit-linear-gradient(top left, #ff5956, #ff566e, #ff864b 80%);
    background: url("../bn_images/img/msc1-bkimg-aabb2277c7.png"), -moz-linear-gradient(top left, #ff5956, #ff566e, #ff864b 80%);
    background: url("../bn_images/img/msc1-bkimg-aabb2277c7.png"), -o-linear-gradient(top left, #ff5956, #ff566e, #ff864b 80%);
    background: url("../bn_images/img/msc1-bkimg-aabb2277c7.png"), linear-gradient(to bottom right, #ff5956, #ff566e, #ff864b 80%);
    background-repeat: repeat, no-repeat;
    margin-top: 2px; overflow: hidden; position: absolute; margin-top: 73px;}
.m-msc1 .trigleimg {
    position: absolute;
    -webkit-animation: cw-rotate 15s infinite;
    -moz-animation: cw-rotate 15s infinite;
    -o-animation: cw-rotate 15s infinite;
    animation: cw-rotate 15s infinite
}
.m-msc1 .trigleimg.trileftbottom, .m-msc1 .trigleimg.trilefttop {
    -webkit-animation-name: ccw-rotate;
    -moz-animation-name: ccw-rotate;
    -o-animation-name: ccw-rotate
}
.m-msc1 .trigleimg.trileftbottom {
    left: -220px;
    bottom: -61px;
    animation-name: ccw-rotate;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s
}
.m-msc1 .trigleimg.trileftmid {
    left: 106px;
    top: 127px
}
.m-msc1 .trigleimg.trilefttop {
    left: -462px;
    top: -173px;
    animation-name: ccw-rotate
}
.m-msc1 .trigleimg.trirightbottom {
    right: -278px;
    top: -109.5px;
    -webkit-animation-name: ccw-rotate;
    -moz-animation-name: ccw-rotate;
    -o-animation-name: ccw-rotate;
    animation-name: ccw-rotate
}
.m-msc1 .trigleimg.tririghttop {
    right: 32px;
    top: 105px
}

#login .loginIn{ width: 1200px; height: auto; margin: 0 auto;}
#login .loginL{ width: auto; height: auto; float: left; margin-top: 196px;}
#login .loginR{ width: 348px; height: auto; float: right; margin-top: 126px;}


#end{ width: 100%; height: auto; float: left; margin-top: 723px;}
#end .endIn{ width: 1200px; height: auto; margin: 0 auto; color: #777777;}
#end .endN1{ width: 100%; height: 60px; float: left; background: url("../bn_images/endN1Bg.png") no-repeat center center;}
#end .endN1L{ width: 50%; height: auto; float: left;}
#end .endN1L li{ width: 125px; height: auto; float: right; text-align: center;}
#end .endN1L li.right{ margin-right: 20px;}
#end .endN1L li .liT{ width: 100%; height: auto; float: left;}
#end .endN1L li .liB{ width: 100%; height: auto; float: left; font-size: 14px; margin-top: 5px;}
#end .endN1R{ width: 570px; height: auto; float: right; line-height: 25px; margin-top: 5px; font-size: 14px;}
#end .endN2{ width: 100%; height: auto; float: left; text-align: center; margin-top: 28px;}
#end .endN2 a{ color: #777777;}


/*弹窗*/
.modal{ position:fixed; top:0; right:0; bottom:0; left:0; z-index:1050; display:none; overflow:hidden;}
.fade{ opacity:0;}
.fade.in{ opacity:1;}
.modal-backdrop{ position:fixed; top:0; right:0; bottom:0; left:0; z-index:1040; background-color:#000;}
.modal-backdrop.fade{ filter:alpha(opacity=0); opacity:0;}
.modal-backdrop.in{ filter:alpha(opacity=50); opacity:.5;}
.modal-dialog_{ width: 100%; height: auto; float: left; position: relative;}
.modal-content_{ width:100%; position:relative; background: none; border: 0px; box-shadow:none;}

.modal-dialog .about{ width: 778px; height: 580px; margin: 0 auto; background: #ffffff; border-radius: 5px;}
.modal-dialog .aboutT{ width: 100%; height: auto; float: left;}
.modal-dialog .aboutTitle{ width: 450px; height: auto; float: left; font-size: 18px; color: #333333; margin-left: 20px; margin-top: 20px;}
.modal-dialog .aboutClose{ width: 20px; height: 20px; float: right; margin-top: 20px; margin-right: 24px; cursor: pointer;}
.modal-dialog .aboutClose img{ width: 100%; height: auto; float: right;}
.modal-dialog .aboutB{ width: 738px; height: 500px; float: left; margin-left: 20px; margin-top: 15px;}


.modal-dialog .ispaid{ width: 480px; height: 431px; margin: 0 auto; background: url("../bn_images/ispaid.png") no-repeat center center; border-radius: 5px;}
.modal-dialog .ispaidT{ width: 100%; height: auto; float: left; margin-top: 145px;}
.modal-dialog .ispaidClose{ width: 20px; height: 20px; float: right; margin-right: 14px; cursor: pointer;}
.modal-dialog .ispaidClose img{ width: 100%; height: auto; float: right;}
.modal-dialog .ispaidB{ width: 100%; height: auto; float: left; margin-top: 78px;}
.modal-dialog .ispaidB p{ width: 100%; height: auto; float: left; line-height: 25px; font-size: 18px; text-align: center; color: #508ced;}
.modal-dialog .ispaidB p.color{ color: #fabd07;}
.modal-dialog .ispaidB a{ width: 180px; height: 42px; float: left; line-height: 42px; background: #508ced; color: #ffffff; font-size: 16px; border-radius: 50px; margin-left: 150px; text-align: center; margin-top: 15px;}



.modal-dialog .notopen{ width: 770px; height: 458px; margin: 0 auto; background: url("../bn_images/notopen.png") no-repeat center center; border-radius: 5px;}
.modal-dialog .notopenT{ width: 100%; height: auto; float: left; margin-top: 30px;}
.modal-dialog .notopenClose{ width: 20px; height: 20px; float: right; margin-right: 85px; cursor: pointer;}
.modal-dialog .notopenClose img{ width: 100%; height: auto; float: right;}
.modal-dialog .notopenB{ width: 100%; height: auto; float: left; margin-top: 78px;}
.modal-dialog .notopenB p{ width: 100%; height: auto; float: left; line-height: 25px; font-size: 18px; text-align: center; color: #508ced;}
.modal-dialog .notopenB p.color{ color: #fabd07;}
.modal-dialog .notopenB a{ width: 180px; height: 42px; float: left; line-height: 42px; background: #508ced; color: #ffffff; font-size: 16px; border-radius: 50px; margin-left: 150px; text-align: center; margin-top: 15px;}