﻿@CHARSET "gbk";
.left_box{
    font-family:"Microsoft Yahei",'Arial','san-serif';
	font-size:14px;
    color:#666;
    margin:0;
    padding:0
}
.left_box img{
    max-width:100%;
    height:auto;
    width:auto;
    -ms-interpolation-mode:bicubic;
    vertical-align:middle
}
.left_box a,.left_box button,.left_box input{
    -webkit-tap-highlight-color:rgba(255,0,0,0)
}
.left_box input{
    border:0px;
    padding: 0px;
    -webkit-appearance:none;
    display: block;
}

ul, p{
    padding:0;
    margin:0
}
h1,h2,h3,h4,h5,h6{
    margin:0;
    font-weight:100
}
ul,li{
    list-style:none
}
a{
    color:#666
}
a,a:hover{
    text-decoration:none
}
a:focus{
    outline:none
}

.animated{
    -webkit-animation-duration:1.4s;
    animation-duration:1.4s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}

@-webkit-keyframes bounceIn{
    0%{
        opacity:0;
        -webkit-transform:scale(.3);
        transform:scale(.3)
    }
    50%{
        opacity:1;
        -webkit-transform:scale(1.05);
        transform:scale(1.05)
    }
    70%{
        -webkit-transform:scale(.9);
        transform:scale(.9)
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }

}
@keyframes bounceIn{
    0%{
        opacity:0;
        -webkit-transform:scale(.3);
        -ms-transform:scale(.3);
        transform:scale(.3)
    }
    50%{
        opacity:1;
        -webkit-transform:scale(1.05);
        -ms-transform:scale(1.05);
        transform:scale(1.05)
    }
    70%{
        -webkit-transform:scale(.9);
        -ms-transform:scale(.9);
        transform:scale(.9)
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1)
    }

}
.bounceIn{
    -webkit-animation-name:bounceIn;
    animation-name:bounceIn
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}


@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

/*------------------- �����ָ��� -----------------------*/


/*------------------- �����ָ��� -----------------------*/

#dialogBg{width:100%;height:100%;background-color:#000000;opacity:0.5;filter:alpha(opacity=60);position:fixed;top:0;left:0;z-index:9999;display:none;}
#dialog{width:400px;height:470px;display:none;background-color:#ffffff;position:fixed;top:50%;left:50%;margin:-235px 0 0 -200px;z-index:10000;}
.dialogTop{width:100%;margin:0 auto;letter-spacing:1px;}
.claseDialogBtn{position:absolute; top:0; right:0;}
.claseDialogBtn_1{ margin-top:122px; font-size:22px; color:#333333; text-align:center;}
.claseDialogBtn_2{ margin-top:12px; font-size:14px; color:#333333; text-align:center;}
.dialogIco{width:90px;height:64px;position:absolute;top:43px;left:50%;margin-left:-45px;}
.editInfos{width:400px; background-color:#007bb8; margin-top:18px; padding-top:32px;}
.editInfos_1{font-size:14px; color:#FFF; margin-bottom:10px; text-align:center; line-height:14px;}
.editInfos_2{width:209px; height:37px; margin-left:auto; margin-right:auto; margin-top:7px;}
.ipt{border:1px solid #17848e;border-radius:6px; width:207px; height:35px; text-align:center; margin-left:auto; margin-right:auto;}
.editInfos_3 a{width:207px; height:35px; margin-left:auto; margin-right:auto;border:1px solid #0a97dd; background-color:#016699;border-radius:6px; margin-top:13px; color:#FFF; text-align:center;font-size:14px; line-height:35px; display:block;}
.editInfos_3:hover a{background-color:#FFF; color:#016699;}
.editInfos_4{width:209px;height:92px; margin-left:auto; margin-right:auto; font-size:12px; line-height:20px; color:#FFF; margin-top:10px;}
.submitBtn{width:90px;height:30px;line-height:30px;font-family:"Microsoft Yahei","microsoft yahei";cursor:pointer;margin-top:10px;display:inline-block;border-radius:5px;-webkit-border-radius:5px;text-align:center;background-color:#428bca;color:#fff;box-shadow: 0 -3px 0 #2a6496 inset;-webkit-box-shadow: 0 -3px 0 #2a6496 inset;}

#dialog1{width:706px;display:none;background: url(../images/win_bg.png) no-repeat top;position:fixed;top:50%;left:50%;margin:-235px 0 0 -353px;z-index:10001; height:450px;}

.hh2{font-size: 18px; color: #fffffe; font-weight: bold; opacity: 0.6; padding: 93px 0px 17px 32px; text-align:left;}
.win{width: 348px; float: left; padding-left: 30px; padding-top: 40px; padding-bottom: 50px; overflow: hidden; position: relative;}
.sel_wrap{overflow: hidden; padding-bottom: 24px; padding-top:0;}
.sel_wrap .sel{width: 318px; height: 24px; background-color: #007bb8; margin-bottom: 20px; line-height:24px; padding-top:0;}
.sel_wrap .sel_tit{display: block; float: left; width: 92px; height: 24px; font-size: 16px; color: #fff; background-color: #036494; text-align: justify; line-height: 24px; padding-left: 10px;}
.sel_wrap .sel_imp{display: block; font-size: 24px; color: #ff0000; position: absolute; left: 12px; padding-top: 4px;}
#select{width: 216px; height: 24px; cursor: pointer; position: absolute; right: 30px;}
#select cite{height: 24px; display: block; color: #fff; font-style: normal; padding-left: 10px; background: url(../images/win_down.png) no-repeat right; text-align:left;}
#select ul{border: 1px solid #ACC1DE;width: 214px; background-color: #fff; position: relative; top: 0px; z-index: 3; display: none;}
#select ul li{height:24px; line-height: 24px;}
#select ul li a{display:block; height:24px; color: #000; padding-left:10px; padding-right:10px; text-align:left; }
#select ul li a:hover{background-color: #1E90FF}
.sel_wrap input{width: 206px; height: 24px; font-size: 16px; color: #fff; background-color: #007bb8; padding-left:10px;}
#res{display: block; width: 150px; height: 36px; border-radius: 6px; font-size: 20px; color: #fff; background-color: #007bb8; text-align: center; line-height: 36px; float: left; line-height:36px; font-family:"Microsoft Yahei";letter-spacing:5px;}
#res:hover{background-color:#0ba7f5;}
#sub:hover{background-color:#0ba7f5;}
#sub{display: block; width: 150px; height: 36px; border-radius: 6px; font-size: 20px; color: #fff; background-color: #007bb8; text-align: center; margin-right: 30px; float: right;line-height:36px; font-family:"Microsoft Yahei";letter-spacing:5px;}
.detail{width: 290px; float: left; padding-left: 30px; padding-top: 33px;}
.detail p{font-size: 12px; color: #666; letter-spacing: 2.6px; text-align: left; line-height: 19px;}
.win_close{display: block; width: 43px; height: 43px; background: url(../images/win_close.png) no-repeat center; position: absolute; top: 0px; right: 0px;}


/*������*/
.xuanfu{width:131px;background-color:#FFF;border:solid 2px #908a98; position:fixed; top:10%; left:5px;}
.xuanfu_1{width:131px;position:relative;}
.xuanfu_1_1{width:131px;line-height:30px;font-size:18px;background-color:#75bd28;color:#FFF; text-align:center;line-height:30px;}
.xuanfu ul{margin-top:3px;}
.xuanfu ul li a{width:129px; height:46px; margin-top:2px; margin-left:1px; display:block; padding-left:52px;}
.xuanfu ul li a h1{ font-size:16px; padding:0; font-weight:normal; color:#FFF; line-height:26px;width:77px; text-align:center;}
.xuanfu ul li a h2{ font-size:12px; padding:0; font-weight:normal; color:#FFF; line-height:12px;width:77px; text-align:center;}
.xf_2{width:87px; height:27px; display:block;line-height:27px; text-align:center; font-size:17px; color:#FFF; background-color:#fe0101; margin-left:auto; margin-right:auto; margin-top:14px;}
.xf_3{width:87px; height:27px; display:9px; margin-bottom:15px;width:87px; height:27px; display:block;line-height:27px; text-align:center; font-size:17px; color:#FFF; background-color:#005ca1; margin-left:auto; margin-right:auto; margin-top:14px;}
.xuanfu_4{font-size:16px; color:#333; margin-left:8px; font-family:'Microsoft Yahei'; margin-bottom:9px;}
.xuanfu_4 a{font-size:12px;}
.yy_show{font-size:12px;}
.xuanfu a:hover{color:#FFF;}

.tubiao_box{width:674px; margin-left:auto; margin-right:auto;	position:relative;}
.tubiao_box ul li{float:left; margin-left:6px; margin-right:6px;}
.tubiao_box ul li a img{width:156px; height:36px;}
.tubiao ul{padding:0;margin:0;}
.tubiao li{list-style: none; cursor: pointer; padding:0;}
.tubiao{position:absolute; top:36px;right:10px; display:none;}
@media (max-width:1366px){
    .xuanfu{width:131px;background-color:#FFF;border:solid 2px #908a98; position:fixed; top:20px; left:5px;}
}

.sel_tit{ font-family:"Microsoft Yahei",'Arial','san-serif';}
