*{ margin:0; padding:0;}
body{ margin:0; padding:0; font-family: "Microsoft Yahei"; color:#959595;background:#190403}
a,a:hover{ text-decoration: none;}
ul,li{ list-style: none;}
i{ font-style:normal}
.null-tr{ width:100%; height:30px; overflow: hidden;}
.null-15{ width:100%; height:15px; overflow: hidden}
.clear{ width:100%; height:0; line-height:0; overflow: hidden; clear: both;}
/*****************************/

.head-box{ width:100%; height:125px; background:url('img/head-bg.jpg') no-repeat; }
/**************************/
.banner{ width:100%; max-width: 1910px; height:656px; overflow: hidden; background:#000; }
/******************************************************************************/

.body-box{ width:100%; height:auto; min-height: 1025px;  background:#190403 url('img/bj_2.jpg') no-repeat  center  top;}

.top-one{ width:100%; height:40px; line-height:40px; position: relative; z-index: 9999; background:#000; font-weight:500; font-size: 14px; color:#959595!important;}
.top-box{ width:1200px; height:40px; margin:0 auto; }
.top-one-left{ width:30%; height:40px; line-height:40px; float:left;}
.top-one-left span{ float:left; display: inline-block}
.top-one-left span img{ margin-right:10px;}
.top-one-left a,.top-one-left a:hover,.top-one-right span a,.top-one-right span a:hover{ color:#959595!important;}

.top-one-right{ width:65%; height:40px; float:right;}
.top-one-right span{padding:0 5px; float:right;}

.xz-bb{ padding:0 15px; cursor: pointer; position:relative}
.xz-bb img{ margin-left:10px; float:right; margin-top:13px; width:13px; height:13px;}
.xz-bb:hover .ban-b{ display: block}
.ban-b{ width:160px; height:auto; background:#fff; left:-30px; position:absolute; z-index: 9999999; display: none;}
.ban-b a{ width:80%; height:35px; line-height:35px; display: block; text-align:left; margin:0 auto; color:#959595!important;}
.ban-b a:hover{ color:#959595!important;}
.fa-black{ height:40px; line-height:40px!important; margin-right:10px; display: inline-block}
.ash-color{ color:#787878!important; margin-left:5%;}
.org-color{color:#959595}
.top-ewm{ display: none; background:#fff; color:red; text-align: center; font-size:12px; line-height:25px; position: absolute; top: 40px; left:-20px;}
.top-ewm img{ width:120px; height:120px; border:5px solid #fff;}
.gz-wx:hover .top-ewm{ display: block}
.f-p{ cursor: pointer; display: block}

/***************************************/
.head-menu{ width:1200px; height:125px; margin:0 auto;}
.menu-logo{ float:left;}
.menu-logo img{ margin-top:10px;}
.nav-icon{ background:url('img/nav-icon.png') no-repeat; display: block; margin:5px auto;}
.nav-1{ width:33px; height:33px;  background-position: -10px -8px;}
.nav-2{ width:33px; height:33px; background-position: -55px -8px;}
.nav-3{ width:33px; height:33px; background-position: -104px -8px;}
.nav-4{ width:33px; height:33px; background-position: -148px -8px;}
.nav-5{ width:33px; height:33px; background-position: -197px -8px;}
.nav-6{ width:33px; height:33px; background-position: -248px -8px;}
.nav-play{ width:33px; height:33px; background-position: -300px -6px;}
.nav{ width:900px; height:125px; float:right; }
.nav li{ width:135px; float:left; font-size:16px; cursor: pointer}
.nav li span{ height:35px; display: block; text-align:center;}
.nav li span:first-child{ font-size:24px; margin-top:35px; font-weight: 500; color:#976a0f;}
.nav li span:last-child{ color:#9b853c; font-weight: 700;}

/*********************************************/
.footer{ width:100%; height:142px; background:#000;}

/*********************************************/
.body-box-div{ width:1200px; height:auto; margin:0 auto;}
.body-box-div ul li{ width:33.3%; height:460px; float:left;}
.ver-list{ width:380px; height:360px; margin:0 auto; position: relative}
.ver-img{ width:100%; height:236px; position: relative; cursor: pointer}
.ver-img:hover .ver-ewm{ display: block}
.ver-ewm{ width:100%; height:236px; position: absolute; background:rgba(000,000,000,.8); display: none;}
.ver-ewm .ewm{ width:200px; height:147px; margin:35px auto;}
.ver-ewm .ewm span{ width:30px; height:147px; text-align: center; display: inline-block; color:#fff; vertical-align: top; padding-top:10px;}
.ver-ewm .ewm span:nth-child(2){ width:130px; padding-top:0;}
.ver-ewm .ewm span img{ width:110px; height:110px; border:10px solid #fff;}
.ver-txt{ width:100%; height:124px; background:#fff6d7; color:#3A1A03; overflow: hidden;}
.ver-txt span{ width:100%; text-align: center; display: block; font-size:14px;}
.ver-txt span:first-child{ margin-top:10px; height:40px; font-size:27px; font-weight: 700; margin-bottom:5px;}
.ver-txt span:last-child{ margin-top:5px; height:30px;}
.ver-txt span:last-child i{ width:100px; height:35px; line-height:35px; cursor: pointer; margin:0 auto; display: block; border:1px solid #3C1802}
.ver-txt span:last-child a i{ color:#473423}
.ver-txt span:last-child a:hover i{ color:#473423}
.vid-box{ width:70px; height:70px; transform:rotate(45deg); background:#582102; position: absolute; top:42%; left:41%; z-index: 9}
.vid-box .vid-bor{ width:58px; height:58px; border:1px solid #f8f0e1; margin:5px;}
.vid-bor i{ width:33px; height:33px; display: block; color:#D3C2A4; margin:12px; font-size:45px; transform:rotate(-45deg)!important; animation: fadenum 3s infinite; -webkit-animation: fadenum 3s infinite; -moz-animation: fadenum 3s infinite; cursor: pointer}
.ver-txt a{float:left; width:100px; height:28px; line-height:28px; color:#fff;background:#431d07;cursor: pointer;display: inline; border:1px solid #3C1802;margin-left:18px;text-align:center;margin-top:10px;font-size:13px}
.ver-txt a:hover{background:#762a01}
@-webkit-keyframes fadenum{ /*?????????????????????????????????*/
0%{opacity: 1;}
50%{opacity: 0;}
100%{opacity: 1;}
}

@-moz-keyframes fadenum{ /*?????????????????????????????????*/
0%{opacity: 1;}
50%{opacity: 0;}
100%{opacity: 1;}
}

@-o-keyframes fadenum{ /*?????????????????????????????????*/
0%{opacity: 1;}
50%{opacity: 0;}
100%{opacity: 1;}
}

@keyframes fadenum{ /*?????????????????????????????????*/
0%{opacity: 1;}
50%{opacity: 0;}
100%{opacity: 1;}
}
.ver-bt{ width:374px; height:60px; margin:10px auto 0 auto; border: 2px solid rgba(213, 196, 166, 0.3)}
.ver-bt span{ width:100%; height:60px; line-height:60px; font-size:20px; background:url('img/ver-bg.png') no-repeat center ; display: block; text-align:center; color:#CDAF71;}
.ver-bt a{float:left; width:350px; height:40px; line-height:40px; color:#fff;background:#431d07;cursor: pointer;display: inline; border:1px solid #3C1802;margin-left:10px;text-align:center;margin-top:10px;font-size:24px}
.ver-bt a:hover{background:#762a01}

.ft-box{ width:1200px; height:auto; margin:0 auto;}
.ft-logo{ width:200px; float:left; text-align:center;}
.ft-logo img{ margin-top:20px;}
.ft-txt{ width:1000px;float:left;}
.ft-txt li{ width:100%; height:35px; line-height:35px; color:#868686;}
.ft-txt li:first-child{ margin-top:20px;}

/******************友情链接********************/
.more{
    width:100%;
    height:52px;
    margin: 24px auto 30px;
    text-align: center;
    cursor: pointer;
    background:url('img/more_bg.png') no-repeat; 
    background-size: 100% 100%;
    position: relative;
}
.more-icon{
    position: absolute;
    top: 12px;
    left: 470px;
    animation: tb .6s infinite alternate;
}
@keyframes tb {
    0% {top:12px;}
    100% {top:8px;}
}

.link-main{ width:1200px; height:auto; margin:0 auto; }
.link-title{ width:100%; height:45px; margin-top:20px; text-align:center;}
.link-title span{ width:667px; height:45px; font-size:35px; font-weight: 700; color:#cdae72; background:url('img/link-title.png') no-repeat; txt-align:center;}
.link-link{ width:100%;}
.link-main .link-link{ width:100%; float:left; text-align:center; margin:20px auto;}
.link-link li{ width:200px; height:80px; float:left; margin-bottom:15px; text-align: center; cursor: pointer }
.link-link li img{ margin:10px auto 20px auto;  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);   filter: grayscale(100%); filter: gray;}
.link-link li:hover img{ margin:10px auto 20px auto; -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0);   filter: grayscale(0); }

        .test-inverse{
            transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transition: transform .5s;
        }
        .more2{
            width:100%;
            height:52px;
            margin: 24px auto 30px;
            text-align: center;
            cursor: pointer;
            background: url('img/more_bg2.png') no-repeat;
            background-size: 100% 100%;
            position: relative;
        }
/***************************************************/
/* fullSlide */
.fullSlide{width:100%; position:relative; height:625px; background:#000;}
.fullSlide .bd{margin:0 auto; position:relative; z-index:0; overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important; height:625px; overflow:hidden; text-align:center;}
.fullSlide .bd li a{display:block; height:625px;}
.fullSlide .hd{width:100%; position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}
.fullSlide .prev,.fullSlide .next{ display:block; position:absolute; z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px; height:60px; background:url(img/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50); opacity:0.5;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}

/*******************?????????**************************/
.float-left{ width:194px; height:auto; position: fixed; right:10px; top:13%; z-index:999999; transition: all .3s ease!important;  animation: floatDiv 2s forwards; -webkit-animation: floatDiv 2s forwards; -moz-animation: floatDiv 2s forwards;z-index:999}
.f-l-close{ width:23px; height:91px; background:url('img/f-l-c.png')no-repeat; position: absolute; left:-14px; top:13%;}
.float-left.close{ right:-185px; transition: all .3s ease;}
.close .f-l-close{ width:23px; height:91px; background:url('img/f-l-zk.png')no-repeat; position: absolute; left:-14px; top:11%;}
.float-left .top{ width:100%; height:76px; background:url('img/f-l-t.png') no-repeat;}
.float-left .main{ width:100%; height:auto; background:url('img/f-l-bg.png') repeat-y;}
.float-left .main .main-box{ width:100%; height:auto; background:url('img/f-l-b.png') no-repeat top; overflow: hidden;}
.float-left .bt{ width:100%; height:117px; background:url('img/f-l-bt.png') no-repeat;}
.wx-img img{ border:5px solid #fff;}
.main-box li{ width:140px; height:35px; margin:0 auto;  font-weight: 600;  text-align: center; font-size:14px; background-image: -webkit-linear-gradient(bottom,rgb(240, 206, 0), rgb(210, 201, 146) ); -webkit-background-clip: text;  color: transparent!important;}
.main-box li span{ display: block; float:left; margin-left:10px;}
.main-box li.span div{ width:80%; line-height:30px; margin:0 auto;}
.main-box li.j-b{  background-image: -webkit-linear-gradient(bottom, rgb(202, 143, 34), rgb(255, 255, 255)); -webkit-background-clip: text;  color: transparent!important;}
.main-box li:first-child{ margin-top:10px; margin-bottom:10px; color:#EDDB93; font-size:18px;}
.main-box li:last-child{ height:110px;}
.main-box li:last-child img{ width:100px; height:100px;}
.main-box li a i{ width:100px; height:25px; line-height:25px; color: #EDDB93; display: block; margin:0 auto; border:1px solid #75674A;}
.main-box li.wx{ font-size:18px!important;}

/****************?????????******************/

.f-r-box{ width:198px; height:auto; position: fixed;  z-index:999999; left:0; top:30%; transition: all .3s ease; animation: floatDiv 3s forwards; -webkit-animation: floatDiv 3s forwards; -moz-animation: floatDiv 3s forwards;}
.f-r-box-close{ width:41px; height:131px; background:url('img/f-r-sub.png') no-repeat; position: absolute; right:-35px; top:90px; z-index: 10}
.close .f-r-box-close{ background-position: -54px 0;}
.f-r-box.close{ left:-198px; transition: all .3s ease;}
.f-r-body{ width:180px; height: auto; margin:0 10px 0 0;}
.f-r-body .title{ width:176px; height:50px; line-height:50px; font-weight: 700; font-size: 24px; text-align: center; margin:0 auto; background-image: -webkit-linear-gradient(bottom, rgb(202, 143, 34), rgb(255, 255, 255)); -webkit-background-clip: text;  color: transparent!important;}
.f-r-body .main{ width:176px; height:auto; float:right; margin:0 auto; text-align: center;}
.f-r-body .main span{ margin:8px auto; border-radius: 5px; padding:2px 10px; display: inline-block; text-align:center; border:1px solid #ccc; cursor: pointer}
.f-r-body .main span.active,.f-r-body .main span:hover{background:#582102; color:#BCADA8; border:1px solid #582102;}

.f-r-bot-top{ width:100%; height:80px; background:url('img/f-r-box-top.png') no-repeat}
.f-r-bot-top .title{ width:176px; height:80px; line-height:110px; font-weight: 700; font-size: 24px; text-align: center; margin:0 auto; background-image: -webkit-linear-gradient(bottom, rgb(202, 143, 34), rgb(255, 255, 255)); -webkit-background-clip: text;  color: transparent!important;}
.f-r-bot-bg{ width:100%; height:auto; background:url('img/f-r-box-bg.png') repeat-y}
.f-r-bot-bt{ width:100%; height:79px; margin-top:-40px; background:url('img/f-r-box-bt.png') no-repeat}

/*****************?????????********************/
.alert-vid{ position: fixed; top:20%; left:27%; width:800px; height:520px; border:5px solid #C9984A; background:#000; z-index: 9999; display: none; animation: floatDiv 1s forwards; -webkit-animation: floatDiv 1s forwards; -moz-animation: floatDiv 1s forwards;}
.alert-vid .close{ width:56px; height:56px; background:url('img/close.png') no-repeat; position: absolute; right:-70px; top:-35px;}
.alert-int{ width:52px; height:36px; background:url('img/alert-int.png') no-repeat; position: absolute; z-index: 999;}
.alert-int-l-t{ background-position: 0 -4px; left:-15px; top:-17px;}
.alert-int-l-b{ background-position: 0 -67px; left:-18px; bottom:-18px;}
.alert-int-r-t{ background-position: -79px -4px; right:-15px; top:-17px}
.alert-int-r-b{ background-position: -79px -67px; right:-18px; bottom:-18px}
.alert-vid video{ margin:5px;}

/*****************??????QQ???************************/
.alert-qq{ width:534px; height:auto; position: fixed; display: none; top:33%; left:35%; z-index: 99999; transition: all .5s ease; animation: floatDiv .5s forwards; -webkit-animation: floatDiv .5s forwards; -moz-animation: floatDiv .5s forwards;}
.alert-qq-close{ position: absolute; top:-10px; right:-40px; cursor: pointer; z-index: 99999999999}
.alert-qq-top{ width:534px; height:60px;}
.alert-qq-bg{ width:534px; min-height:200px; background:url('img/alert-qq-bg.png') repeat-y; position: relative}
.alert-qq-dao{ width:294px; height:327px; position: absolute; bottom:-60px; right:-150px;}
.alert-qq-bt{ width:534px; height:49px;}
.alert-qq-bg-box{ width:460px; height:auto; margin:0 auto; position: relative; z-index: 111}
.alert-qq-bg-box li{ width:30%; margin:3% 1%; float:left; text-align: center}
/*************************************************************/
@-webkit-keyframes floatDiv{ 0%{opacity: 0;} 100%{opacity: 1;}}
@-moz-keyframes floatDiv{ 0%{opacity: 0;} 100%{opacity: 1;}}
@-o-keyframes floatDiv{ 0%{opacity: 0;} 100%{opacity: 1;}}
@keyframes floatDiv{ 0%{opacity: 0;} 100%{opacity: 1;}}

.about-box{ width:100%; min-height:400px!important; height:auto; background:#000!important;}
.about-ban{ height:auto!important;}
.about-box-div{ width:1024px; height:600px; z-index: 9999; position: relative; margin-left:auto; margin-right:auto; margin-top:-340px; }
.about-box-div .left{ width:283px; float:left; text-align:center;}
.about-box-div .left li{ margin:5px auto; cursor: pointer}
.about-box-div .left li:first-child{ margin-top:-4px;}
.about-box-div .right{ width:725px;  float:right}
.about-box-div .right .title{ width:100%; height:75px; background:url('img/r-title.png') no-repeat}
.about-box-div .right .title span{ display: inline-block; padding:0 20px; line-height:75px; color:#D8C17A;}
.about-box-div .right .title span:first-child{ font-size:24px;}
.about-box-div .right .main{ min-height:580px; background:url('img/r-body.png') repeat-y; overflow: hidden;}
.about-box-div .right .main .main-div{ width:96%; color:#000; margin:2% auto; line-height:40px;}

.us-ban{ width:100%; height:1219px!important; background:#000!important; position: relative}
.us-box{ width:100%; height:auto; top:33%; position: absolute}
.ust-box-div{ width:1024px; margin:0 auto;}
.ust-box-div .left{ width:283px; float:left; text-align:center;}
.ust-box-div .left li{ margin:5px auto; cursor: pointer}
.ust-box-div .left li:first-child{ margin-top:-4px;}
.ust-box-div .right{ width:725px;  float:right}
.ust-box-div .right .title{ width:100%; height:75px; background:url('img/r-title.png') no-repeat}
.ust-box-div .right .title span{ display: inline-block; padding:0 15px; text-align: center; line-height:75px; color:#D8C17A;}
.ust-box-div .right .title span:first-child{ font-size:24px;}
.ust-box-div .right .main{ min-height:580px; background:url('img/r-body.png') repeat-y; overflow: hidden;}
.ust-box-div .right .main .main-div{ width:98%; color:#000; margin:7% auto; line-height:40px;}
.ust-box-div .right .main .main-div li{ width:340px; height:488px; background:red; margin:0 6px; float:left;}
.ust-box-div .right .main .main-div li:first-child{ background:url('img/us-box-us.png') no-repeat}
.ust-box-div .right .main .main-div li:last-child{ background:url('img/us-box-qq.png') no-repeat}
.ust-box-div .right .main .main-div li span{ width:80%; height: auto; color:#F8F2CC; display: block; margin:0 auto; }
.ust-box-div .right .main .main-div li span:first-child{ margin-top:60%;}
.ust-box-div .right .main .main-div li span i{ margin-right:10px; font-size: 24px;}

.down-ban{ width:100%; height:1016px!important; background:#000!important; position: relative}
/*.down-box{ width:100%; height:auto; top:26%; position: absolute}*/
.down-box{ width:100%; height:auto; top:26%; margin-top:-750px; position: relative; z-index: 999999}
.down-box-div{ width:1024px; margin:0 auto;}
.down-box-div .left{ width:283px; float:left; text-align:center;}
.down-box-div .left li{ margin:5px auto; cursor: pointer}
.down-box-div .left li:first-child{ margin-top:-4px;}
.down-box-div .right{ width:725px;  float:right}
.down-box-div .right .title{ width:100%; height:75px; background:url('img/r-title.png') no-repeat}
.down-box-div .right .title span{ display: inline-block; padding:0 15px; text-align: center; line-height:75px; color:#D8C17A;}
.down-box-div .right .title span:first-child{ font-size:24px;}
.down-box-div .right .main{ min-height:580px; background:url('img/r-body.png') repeat-y; overflow: hidden;}
.down-box-div .right .main .main-div{ width:98%; color:#000; margin:7% auto; line-height:40px;}
.down-box-div .right .main .main-div li{ width:340px; height:488px; background:red; margin:0 6px; float:left;}
.down-box-div .right .main .main-div li:first-child{ background:url('img/us-box-us.png') no-repeat}
.down-box-div .right .main .main-div li:last-child{ background:url('img/us-box-qq.png') no-repeat}
.down-box-div .right .main .main-div li span{ width:80%; height: auto; color:#F8F2CC; display: block; margin:0 auto; }
.down-box-div .right .main .main-div li span:first-child{ margin-top:60%;}
.down-box-div .right .main .main-div li span i{ margin-right:10px; font-size: 24px;}

.down-main-box{ margin-top:20px;}
.down-main-box>div{ width:100px; height:45px; text-align: center; line-height:45px; margin:0 10px; float:left; background:#FEECB3; color:#744C2B; cursor: pointer}
.down-main-box>div.active{ background:#744C2B; color:#FBEA9D;}
.down-main-li{ width:100%; height:110px; border-bottom:1px dashed #744C2B; cursor: pointer}
.down-main-li:hover{ background:rgba(255,255,255,.5)}
.down-main-li>div{ float:left;}
.li-1{ width:60%; float:left;}
.li-1 span{ display: block; width:80%; margin-left:20px; color:#744C2B;}
.li-1 span:first-child{ height:60px; line-height:60px; font-size:24px; margin-top:8px;}
.li-2{ width:20%; float:left;}
.li-2 img{ margin-top:18%;}
.li-3{ width:20%; float:left;}
/*.li-3 img{ margin-top:25%;}*/
.li-3 span{ width:135px; height:100px; margin-top:5px; display: block; background:url('img/wap-bg.png') no-repeat}
.li-3 span i img{ width:90px; height:90px; margin-top:5px; margin-left:5px;}
.li-3 span i:hover img{   -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
.down-list .down-tag{ display: none;}
/******************????????????********************/
.link-main{ width:1200px; height:auto; margin:0 auto; }
.link-title{ width:100%; height:45px; margin-top:20px; text-align:center;}
.link-title span{ width:667px; height:45px; font-size:35px; font-weight: 700; color:#cdae72; background:url('img/link-title.png') no-repeat; txt-align:center;}
.link-link{ width:100%;}
.link-main .link-link{ width:100%; float:left; text-align:center; margin:20px auto;}
.link-link li{ width:200px; height:80px; float:left; margin-bottom:15px; text-align: center; cursor: pointer }
.link-link li img{ margin:10px auto 20px auto;  -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0);   filter: grayscale(0);}

.link-link li:hover img{ margin:10px auto 20px auto;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);   filter: grayscale(100%);  filter: gray; }

/*********************??????**************************/

.page-count{ width:100%; height:60px; margin:18px auto; text-align:center; padding-left:20px;}
.page-count span{ padding:2px 7px; border:1px solid #744C2B; color:#744C2B; text-align:center; margin-top:15px; cursor: pointer}
/*.page-count span.active{ background:#754308; color:#fff;}*/
/*.page-count span:last-child{ border:none;}*/

#page li {float:left; margin-right:5px;}
#page li .page{ padding:2px 7px; border:1px solid #744C2B; color:#744C2B; text-align:center; margin-top:15px; cursor: pointer}
#page li.active .page{ background:#754308; color:#fff; padding:2px 7px; border:1px solid #744C2B; text-align:center; margin-top:15px; cursor: pointer}

/*********************************/
.int {
    width: 80px;
    height: 82px;
    background: url('img/new.png') no-repeat;
    position: absolute;
    left: -5px;
    top: -5px;
    z-index: 99;
}