/*reset*/
html, body { border: 0 !important; }
html, body { -webkit-text-size-adjust:none; }
input, select, button { vertical-align: middle; padding: 0;}
textarea { resize: none; }
body, ul, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
ul li { list-style: none; }
a,a:hover,a:focus{text-decoration: none;}

body{position: relative;min-width: 1000px;}
input[type='text']{-webkit-appearance: none;}
.fl{float: left;}
.fr{float: right;}
.no-mg{margin: 0!important;}
.no-pd{padding: 0!important;}
/*.mr10{margin-right: 10px;}*/
/*--- instead bootstrap ---*/
*, *:before, *:after {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box}
body{font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","SimHei",sans-serif;color: #4a4a4a}
ul{margin-bottom: 0;}
.container{width: 1184px;padding: 0;}
    .nav>li>a{padding: 0}
    .nav>li>a:hover, .nav>li>a:focus{background-color: #FFF;}
.nav-tabs{border-bottom: none;}
    .nav-tabs>li{margin-bottom: 0;}
    .nav-tabs>li>a{border-radius: 0;margin-right: 0;border: 0}
    .nav-tabs>li>a:hover{border-color: transparent;}
    .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{border: none;}
.form-control{padding: 0;-webkit-box-shadow: none;box-shadow: none; }
.input-group .form-control{width: 96%;padding: 0 2%;}
.input-group-btn>.btn:hover, .input-group-btn>.btn:focus, .input-group-btn>.btn:active{z-index: 0}
.btn{border-radius: 0;padding: 0;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.btn-primary {background-color: #a83131;border-color: #a83131;}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary{background-color: #a83131;border-color: #a83131;}
.btn-primary[disabled]{background-color: #a83131;border-color: #a83131;}
.btn-default{float: left;display: block;width: 236px;height: 56px;line-height: 56px;border: 2px solid #a83131;font-size: 20px;text-align: center;color: #a83131;}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default{color: #FFF;background-color: #a83131;border-color: #a83131;}
.btn-primary[disabled]{background-color: transparent;border-color: #a83131;}
.breadcrumb{background: transparent;border-radius: 0;padding: 5px 0 0 0;}
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td{border-bottom-width: 1px;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;}
/*--- header ---*/
body > .header{height: 258px;background:url("../../images/lib/top_bg.png") no-repeat center center;border-bottom: 10px solid #490000;}
    .top-header{}
    .top-header .logo{margin: auto;padding-top: 0;padding-bottom: 152px;width: 390px;height: 80px;}
    .top-header .logo a{display: block;width:100%;height:100%;background:url("../../images/lib/logo.png") no-repeat center center;text-indent: -9999px;margin-left: -395px;}
    .bottom-header{height:35px;background-color: #7d1f1f;position: relative;}
        .bottom-header .menu{margin-right: 253px;}
        .bottom-header .menu li{float: left;width: 14.2%;}
        .bottom-header .menu li a{display: block;width:100%;height:34px;line-height:34px;border-bottom:2px solid #7d1f1f;font-size:16px;color: #FFF;text-align: center;letter-spacing: 2px}
        .bottom-header .menu li.cur a{border-bottom-color: #FFF; }
        .bottom-header .menu li a:hover{border-bottom-color: #FFF;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
        .bottom-header .menu li.btn-rgzn{width: 253px;height:64px;background:url("../../images/lib/button_guide.png") no-repeat center center;position: absolute;bottom:-3px;right: 0;}
            .bottom-header .menu li.btn-rgzn a{display: block;width:120px;margin: 8px 0 7px 70px;color: #FFF;line-height: inherit;border-bottom: none;}
            .btn-rgzn a img{margin-bottom:-2px;width:16px;}
            .btn-rgzn a p{margin: 0;font-size: 20px;letter-spacing: 2px ;padding:0;}

/*--- main ---*/
.main{background:url("../../images/lib/bg.png") repeat-y center top;padding: 9px 0 3px;}
    .breadcrumb {margin-top: 5px;margin-bottom: 3px;margin-left: 15px;color: #490000;font-size: 16px;}
        .breadcrumb a {color: #490000}
/*--- main.leftSide ---*/
.container-left {width:78.27%;min-height:680px;float:left;background:#FFFFFF;box-shadow:0px 2px 6px 0px rgba(0,0,0,.3);margin-top: -35px;}
    .rule-div {width:100%;height:50px;border-bottom:3px solid #A83131;position: relative;;margin-top: 55px}
        .rule {float: left;min-width:130px;height:50px;background:#A83131;font-size:20px;color:#FFFFFF;text-align:center;line-height:50px;padding: 0 15px;}
        .rule-div .back-btn,.rule-div .back-btn:hover{right: 10px;top: 10px;}
    .content-align {margin-left:40px;margin-top:35px;margin-right:40px;margin-bottom:70px;}
        .content-align p {font-size:14px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.14;text-align:justify;color:#4a4a4a;text-indent:0.5em;}
    .content-component h6 {font-size:16px;font-weight:500;font-style:normal;font-stretch:normal;color:#a83131;}
        .content-component h6 i {width:10px;height:10px;background-color:#a83131;display:inline-block;margin-right:16px;}
    .content-component p {text-indent:0em;margin-left:25px;}
    .content-component a {padding-left:15px;text-decoration:underline;color:#4a90e2;}
    .title-list1 {position:relative;left:0px;}
        .title-list1 li.on a {color:#7D1F1F;}
    /*导航*/
    .DIYtabs {height:72px;background-color:#7D1F1F;position:absolute;bottom:-150px;width:922px;}
    .content-inner {padding: 39px 40px; text-align: justify; }
    .content-align1 {margin-left:40px;margin-right:40px;margin-top:30px;margin-bottom:40px;line-height:2;}
    .content-align2 {border: 1px solid #ddd;padding: 12px 30px 30px;}
    .xuanxiangka1 .title .title-list2 {width:100%;border-bottom:1px solid #cccccc;}
    .xuanxiangka1 .title .title-list2 li {width:133px;}
    .xuanxiangka1 .title .title-list2 li a {font-size:16px;font-weight:500;font-style:normal;font-stretch:normal;color:#4a4a4a;}
    .xuanxiangka1 a:focus {text-decoration:none;}
    .xuanxiangka1 .title .title-list1 li.on a {color:#a83131}
    .xuanxiangka1 .title-list1 p {left:12px;border-top:3px solid #a83131;position:absolute;top:45px;right:211px;width:112px;height:7px;text-align:center;}
    .xuanxiangka1 .go1 b {display:inline-block;width:0;height:0;margin-top:-1px;border-color:#a83131;overflow:hidden;zoom:1;font-size:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #a83131;position:absolute;left:64px;top:42px;}
    .container-center1 {margin-top:30px;}
    .container-center1 p {font-size:14px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:2.14;}
    .fontStyle a {color:#7d1f1f;}
    .item {width:97%;}
    .public-bottom {margin-top:0px;}
    .red-block {background-color:#A83131;width:10px;height:10px;margin-right:16px;display:inline-block;}
    .caption {font-size:16px;font-weight:500;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;color:#a83131;}
    .inner-content p {text-indent:2em;line-height:2;}
    /*--pages--*/
    .pages {float: left;width:100%;padding:40px 0 0;text-align:center;}
        .pages a,.pages span {display:inline-block;font-size:12px;font-weight:400;text-align:center;padding:0 12px;height:30px;line-height:30px;}
        .pages a {margin:0 5px;color:#717171;background:#FFF;border: 1px solid #dddddd;-webkit-transition:all 0.1s ease-in;-moz-transition:all 0.1s ease-in;-o-transition:all 0.1s ease-in;transition:all 0.1s ease-in;}
        .pages a:hover {background:#AC193D;color:#FFF}
        .pages span {background:#AC193D;color:#FFF;}


/*--- main.rightSide ---*/
.container-right {width:21.19%;background:#FFFFFF;box-shadow:0px 2px 6px 0px rgba(0,0,0,.3);float:right;min-height:602px;margin:-35px 0 0;}
    .access-rule {height:50px;line-height:50px;font-size:18px;padding-left:24px;color:#ffffff;background:#A83131;}
    /*右边的的动态*/
    .container-right .collapsible {padding: 0 20px;overflow: hidden;}
    .collapsible li{border-bottom: 1px solid #ddd;}
    .collapsible li.hidden{display: none;}
    .collapsible li:last-child{border-bottom: none;}
        .up {float:right;width:16px;height:50px;line-height:50px;background:url("../../images/lib/open.png") no-repeat center center;}
        .dynamic-child .up {background-image:url("../../images/lib/icon_navrig_open.png");}
        .down {background-image:url("../../images/lib/close.png");}
        .dynamic-child .down {background-image:url("../../images/lib/icon_navrig_close.png");}
    .collapsible .dynamic-child {padding: 0 4px;text-align:left;line-height:38px;}
    .dynamic-child a,.dynamic-child a:hover{color:#666666;}
    .dynamic-child a{font-size:14px;display: block;}
    .collapsible a.active,.collapsible a.active:hover{color: #7d1f1f;font-weight: 600}
    .collapsible-header{cursor: pointer;height:50px;line-height: 50px;}
    .collapsible-body{display:none;}
            .collapsible-body p{margin-bottom: 0;line-height: 1;}
            .collapsible-body p a{font-size:14px;color:#4A4A4A;line-height: 40px;margin-left: 15px;}
            .collapsible-body p a.active{color:#7d1f1f;}
    .scroll-btn{height: 24px;margin: -1px 20px 9px;background: #FAFAFA url('../../images/lib/more-category.png') no-repeat center center;cursor: pointer;transition: background-color .5s ease-in-out;-webkit-transition: background-color .5s ease-in-out;-moz-transition: background-color .5s ease-in-out;-ms-transition: background-color .5s ease-in-out;-o-transition: background-color .5s ease-in-out;transition: background-color .5s ease-in-out;}
    .scroll-btn.enroll{width: auto;background-image: url('../../images/lib/more-category-up.png');margin-top: 0;}
    .scroll-btn:hover{background-color: #ececec;}
/*--- footer ---*/
.footer{}
    .top-footer{background: #7d1f1f;padding: 20px 0 10px;}
        .top-footer .container{position: relative;}
            .top-footer .footer-box{float: left;width:46.5%;color: #FFF}
                .top-footer .footer-box .header{margin-left: 30px;}
                    .top-footer .footer-box .header span,.top-footer .footer-box .header a{font-size:14px;margin-left: 10px;color: #FFF;}
                .top-footer .footer-box p{float: left;font-size:12px;margin: 5px 0 0 72px;}
                    .top-footer .footer-box p .strong{font-size:18px;}
                    .top-footer .footer-box p a,.top-footer .footer-box p a:hover{color: #FFF}
            .top-footer .communication{position: absolute;top: -28px;width: 110px;height: 60px;left: 100%;background-image: url(../../images/lib/bg_communicate.png);line-height: 50px}
                .top-footer .communication span{color: #FFF;}
    .bottom-footer{background: #490000;}
        .bottom-footer p{margin:0;height:40px;line-height: 40px;color: #FFF;font-size: 12px;}
        .bottom-footer p a,.bottom-footer p a:hover{color: #fff;}
        .bottom-footer p .pipe{margin: 0 5px;}
/*--- fixed ---*/
.fixed{position: fixed;bottom: 13%;right: 0;z-index: 90;background: #FFF;padding: 10px;border: 1px solid #ddd;border-right: none;box-shadow: -1px 1px 4px rgba(0, 0, 0, .6);}
    .fixed .grid{display:block;border-bottom: 1px solid #efefef;width: 60px;height: 60px;text-align: center;position: relative;}
        .fixed .grid a{display:block;}
            .fixed .grid a img {margin: 12px 0 6px;}
            .fixed .grid:hover a img {width: 34px;}
            .fixed .grid p {font-size: 12px;color: #7D1F1F;margin-bottom: 0}
            .fixed .grid .div-img{width: 120px;height:120px;position: absolute;right: 100%;top: 50%;margin-top: -60px;z-index:99;box-shadow: 1px 1px 4px rgba(0, 0, 0, .6);display: none;}
            .fixed .grid:hover .div-img{display:block;}
            .fixed .grid .div-img img{width: 100%;}
    .fixed .fixed_close{display: block;background: #FFF url(../../images/lib/icon_close.png) no-repeat center center;height: 20px;margin-top: 10px;}
.fixed_btn{position: fixed;bottom:15%;right: 0;z-index: 90;width: 50px;height: 50px;background: #FFF url(../../images/lib/icon_fixed.png) no-repeat center center;border: 1px solid #ddd;border-right: none;box-shadow: -1px 1px 4px rgba(0, 0, 0, .6);cursor: pointer;display:none;}

/*--- media ---*/
@media (max-width: 1416px){
    .top-footer .footer-box .header{margin-left: 0;}
    .top-footer .footer-box p{margin-left: 32px;}
    .top-footer .communication{right: 0;left: auto;}
}
@media (max-width: 1279px){
    .container{width: 1184px;}
}
@media (max-width: 1183px){
    .container{width: 1000px;}
}
@media (max-width: 999px){
    .container{width: 800px;}
}
@media (max-width: 640px){
    body{min-width: 100%;}
    .container{width: 100%;}
    .bottom-header, .fixed, .breadcrumb, .container-right, .footer{display: none;}
    body > .header{height: auto;border-bottom: 3px solid #A83131;}
    .top-header .logo{padding-bottom: 0;width: 100%;}
    .top-header .logo a{margin-left: 0;background-size: 100% auto;}
    .main{padding: 0;}
    .container-left{margin-top: 0;width: 100%;float: none;box-shadow: none;}
    .rule-div{margin-top: 0;height: 45px;line-height: 45px;}
    .rule{min-width: 0;height: 45px;font-size: 18px;background: #FFF;color: #A83131;}
    .content-inner{padding: 15px;}
    .search-page .pages{float: left!important;padding: 20px 0;}
    .pages a, .pages span{padding: 0 10px;}
}