*{margin:0;padding: 0;}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,b{font-style:normal}
a{text-decoration:none;color: #a8deff;} 
a:hover{text-decoration:underline;}
img{border:0}
label, summary {cursor: default;}
ul,li{list-style: none;}
button,input,select,textarea{font-size:100%;outline:none}
td,th,ul,ol{padding:0}
body{font: 14px / 22px 'Microsoft YaHei',Arial; color:#bbe5ff;}
.clear{*clear: both; *zoom:1}
.clear:after {display: block;clear: both;visibility: hidden; height: 0;overflow: hidden; content: "."}
.wd{position: relative; width: 1230px; height: 620px; overflow: hidden;}
.part{
    width: 350px;
    height: 540px;
    border: 1px solid #6ebcff;
    background: #0e5c9e url('../imgs/part.jpg') no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -280px;
    right: 50px;
    overflow: hidden;
    box-shadow: 0 1px 0 #0a4887 inset;
    padding: 10px;
}
.nt{
    font-size: 15px;
    background: url('../imgs/news_ico.png') no-repeat left center;
    line-height: 30px;
    padding-left: 35px;
    margin-bottom: 10px;
}
.nt .more{
    float: right;
    font-size: 12px;
}
.clip{
    color: #fff;
    background-image: -webkit-linear-gradient(bottom, #47a7f3, #fff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent; 
    
}
.news_list{
    border: 1px solid #061122;
    background: #0b203f;
    padding: 10px;
    height: 140px;
    overflow: hidden;
}
.news_list li{
    border-bottom: 1px dashed #325688;
    height: 34px;
    line-height: 34px;    
}
.news_list li:last-child{
    border: none;
}
.news_list .attr{
    float: left;
    color: #fff;
}
.news_list a{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #bbe5ff;
    max-width: 315px;
    float: left;
}
.news_list .time{
    float: right;
    color: #a8deff;
}
.login_name,
.login_pass{
    background:#002e53 url('../imgs/login_ico.jpg') no-repeat;
    border: 1px solid rgba(0, 0, 0, .8);
    margin-top: 10px;
    padding: 0 10px 0 70px;    
}
.login_pass{
    background-position: 0 -51px;
}
.input{
    width: 100%;
    text-align: left;
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    background-color: transparent;
    font-size: 14px;
    color: #bbe5ff;
    height: 36px;
    line-height: 36px;
}
.input::-webkit-input-placeholder{color: #bbe5ff;}
.input::-moz-placeholder{color: #bbe5ff;}
.input::placeholder{color: #bbe5ff;}

.agree{
    position: relative;
    margin-top: 8px;    
    font-size: 12px;
}
.agree .check{
    width: 12px;
    height: 12px;
    margin-bottom: -2px;
    display: inline-block;
    border: 1px solid #5da1ff;
    background: #050505;
    line-height: 28px;
}
.agree .checked{
    width: 0;
    height: 0;
    margin: 0;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    filter: alpha(opacity = 0);
    cursor: pointer;
}
.agree input:checked + .check{
    background: url('../imgs/check_ico.jpg') no-repeat center / cover;
}
.forget{
    margin-left: 30px;
    color: #fff;
    text-shadow: 0 1px 1px #061a37;
}
.start,.reg{
    display: block;
    width: 267px;
    height: 75px;
    background: url('../imgs/btn.jpg') no-repeat;
    overflow: hidden;
    font-size: 0;
    text-indent: -999px;
    margin: 14px auto;
}
.start:hover{
    background-position: 0 -77px;
}
.btns{
    text-align: center;
    margin-bottom: 10px;
}
.btns a{
    display: inline-block;
    margin: 0 5px;
    background: #003D68;
    color: #fff;
    line-height: 36px;
    border-radius: 5px;
    font-size: 16px;
    padding: 0 30px;
}
.btns a:hover{
    background: #04477c;
    text-decoration: none;
}
.other .item{
    display: inline-block;
    line-height: 22px;
    margin-left: 6px;
}
.other .item:hover{
    text-decoration: none;
    color: #fff;
}
.other i{
    width: 22px;
    height: 22px;
    background: url('../imgs/other.png') no-repeat;
    float: left;
    margin-right: 2px;
}
.other .qq{
    background-position: 0 0;
}
.other .wx{
    background-position: -32px 0;
}
.other .wb{
    background-position: -64px 0;
}
.other .sj{
    background-position: -96px 0;
}
.register{
    display: none;
}
.reg_tit{
    margin:20px 0 30px; 
    position: relative;
    border-bottom: 2px solid #000; 
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    background: url('../imgs/reg.png') no-repeat 8px center;
    padding-left: 40px;
}
.reg_tit::after{
    content: ''; 
    position: absolute; 
    left: 0; 
    bottom: -1px; 
    width: 120px; 
    height: 1px; 
    background-color: #5bb0ed;
}
.cell{
    position: relative;
    margin-bottom: 15px;
    padding-left: 90px;
    line-height: 44px;
}
.cell .lable{
    position: absolute;
    left: 0;
    top: 0;
    text-align: right;
    width: 80px;
    font-size: 15px;
}
.cell .item{
    background: #002e53;
    border: 1px solid #5da1ff;
    padding: 0 20px;
}
.reg{
    background-position: -268px 0;
}
.reg:hover{
    background-position: -268px -77px;
}
.main{
    width: 740px;
    height: 400px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -200px 0 0 -370px;
    background:#112d4d url('../imgs/main.jpg') repeat;
}
.info{
    color: #96d3ff;
    background:-moz-linear-gradient(left,#0e2037,#1c3c66,#0e2037);
    background:-webkit-gradient(linear,from(#0e2037),to(#1c3c66));
    background:-webkit-linear-gradient(left,#0e2037,#1c3c66,#0e2037);
    background:-o-linear-gradient(left,#0e2037,#1c3c66,#0e2037);
    border-bottom: 1px solid rgba(14, 28, 47, .5);
    height: 48px;
    line-height: 48px;
    text-align: center;
    padding: 0 60px;
    position: relative;
}
.info span{
    color: #21c8ff;
}
.info a{
    color: #ffca74;
    text-decoration: underline;
}
.renovate{
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 15px;
}
.action{
    height: 36px;
    overflow: hidden;
    margin: 25px 0;
}
.action .an{
    float: left;
    line-height: 36px;
    font-size: 16px;
}
.action .item{
    float: left;
    width: 355px;
    padding-left: 15px;
}
.blue, .green, .red, .gray{
    float: left;
    width: 119px;
    height: 36px;
    overflow: hidden;
    line-height: 36px;
    color: #f3fffe;
    text-indent: 30px;
    margin-left: 10px;
    background: url('../imgs/sico.jpg') no-repeat;
}
.blue{
    background-position: 0 0;
}
.green{
    background-position: 0 -72px;
    color: #ffe7ca;
}
.red{
    background-position: 0 -36px;
    color: #ffe7ca;
}
.gray{
    background-position: 0 -108px;
}
.blue:hover, .green:hover, .red:hover, .gray:hover{
    background-position-x: -119px;
    text-decoration: none;
}
.choose{
    margin: 0 15px 30px; 
    position: relative;
}
.tab{
    width: 420px;
    float: left;
    position: relative;
}
.tab .bd,
.sublist .bd{
    margin: 0 24px;
    height: 32px;    
    overflow: hidden;
    position: relative;
}
.tab .bd li{
    float: left;
    height: 32px;
    width: 74px;
    overflow: hidden;
    line-height: 32px;
    text-align: center;
    background: url('../imgs/tab_bg.png') no-repeat center top;
    text-shadow: 0 1px 3px #010a16;
    cursor: pointer;
}
.tab .bd li.on{
    color: #dad452;
    background-position: center bottom;
}

.prev,.next{
    width: 24px;
    height: 32px;
    position: absolute;
    top: 0;
    background: url('../imgs/pn.png') no-repeat;
    cursor: pointer;
}
.prev{
    left: 0;
    background-position: 0 0;
}
.next{
    right: 0;
    background-position: -26px 0;
}
.prev:hover,.next:hover{
    background-position-y: -32px;
}
.nextStop,
.nextStop:hover,  
.prevStop,
.prevStop:hover{
    background-position-y: -64px;
}
.sublist{
    position: absolute;
    top: 32px;
    left: 0;
    height: 28px;
}
.sublist li{
    display: inline-block;
    line-height: 28px;
    height: 28px;
    text-align: center;
    margin: 0 4px;
    width: 70px;
    cursor: pointer;
    font-size: 12px;
}
.sublist li.on{
    color: #dad452;
}
.sublist .prev, .sublist .next{
    top: -2px;
}
.fast{
    float: right;  
    color: #0b7792;  
    line-height: 24px;
    text-align: right;
    padding-top: 4px;
}
.fast select{
    border: 1px solid #3ac1f2;
    height: 24px;
}
.fast .input{
    height: 22px;
    line-height: 22px;
    background: #c3e1ec;
    border: 1px solid #110c09;
    text-align: center;
    width: 60px;
    color: #110c09;
}
.fast_btn{
    float: right;
    background: #635d01;
    color: #ecffca;
    padding: 0 6px;
    height: 24px;
    border: 1px solid #332b0b;
    box-shadow: 0 1px 2px #000 inset;
    background: -webkit-gradient(linear,top,from(#c8d303),to(#584700));
    background: -webkit-linear-gradient(top, #c8d303, #584700);
    text-shadow: 0 1px 1px #000;
    margin-left: 2px;
}
.fast_btn:hover{
    text-decoration: none;
    background: -webkit-gradient(linear,top,from(#696401),to(#584700));
    background: -webkit-linear-gradient(top, #696401, #584700);
}

.tab_cont{
    border: 1px solid #110c09;
    margin: 0 15px;
}
.cont{
    background: #002e53;
    border: 1px solid #254977;
    box-shadow: 0 0 4px #0f0804 inset;
    padding: 10px;
}
.cont .list{
    height: 130px;
    overflow-y: auto;
}
.cont .list a{
    margin: 0 13px 10px 0;
}

.list::-webkit-scrollbar {width: 22px; height: 22px;}
.list::-webkit-scrollbar-button:start:decrement,
.list::-webkit-scrollbar-button:end:increment {display: block;}
.list::-webkit-scrollbar-button:vertical:start:increment,
.list::-webkit-scrollbar-button:vertical:end:decrement {display: none;}
.list::-webkit-scrollbar-button:end:increment {background-image: url('../imgs/scroll_cntrl_dwn.jpg');}
.list::-webkit-scrollbar-button:start:decrement {background-image: url('../imgs/scroll_cntrl_up.jpg');}
.list::-webkit-scrollbar-track-piece:vertical:start {background-image: url('../imgs/scroll_gutter_mid.jpg');background-repeat:repeat-y;}
.list::-webkit-scrollbar-track-piece:vertical:end {background-image: url('../imgs/scroll_gutter_mid.jpg'); background-repeat: repeat-y;background-position: bottom left, 0 0;}
.list::-webkit-scrollbar-thumb:vertical { height: 36px; -webkit-border-image: url('../imgs/scroll_thumb.jpg') 0 stretch stretch;border-width: 0;}