/* Created by kong 20171102 */

/* reset */

html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, textarea, select, th, td { padding: 0; margin: 0; }
body { font-size: 14px; line-height: 1.5em; font-family: Microsoft Yahei; color: #4c4c4c; background:#f0f0f0;}
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
ol, ul { list-style: none; }
b, i, cite { font-weight: normal; font-style: normal; }
img, iframe { border: none; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
input, textarea, button { font: inherit; border: 0; outline: none; -webkit-appearance: none; font-family: Microsoft Yahei; }
a { text-decoration: none; color: #4c4c4c; transition: color 0.25s; }
a:hover { text-decoration: underline; color: #1b8f72; }

/* common */

html { min-height:100%; position:relative;}
body { padding-bottom:185px;}

.wrap { width: 1000px; margin: 0 auto; overflow: hidden;}
.clear {clear:both; height: 0; line-height: 0; font-size: 0}

.topmenu { background:#1c514d;}
.topmenu span { float:left; line-height:50px; font-size:18px; color:white; font-weight:bold;}
.topmenu a { display: inline-block; width: 107px; text-align: center; color: white; line-height: 50px; height: 50px;}
.topmenu a:hover { background: #1b8f72; text-decoration: none;}

.banner { background:#11704d url(../images/banner.jpg) no-repeat center center; height:115px; padding-top:85px; text-align:right;}
.banner a { display:inline-block; width:100px; height:30px; line-height:30px; text-align:center; background:white; border-radius:3px; margin-left:10px;} 
.banner a:hover {color:white; text-decoration:none; background:#e29a00;}

.btitle { margin:20px 0; color:#339178; font-size:16px; border-bottom:#d8d8d8 1px solid; line-height:32px;}
.btitle a { float:right; color:white; display:block; padding:0 20px; height:32px; background:#e29a00;}
.btitle a:hover { background:#1b8f72; text-decoration:none;}

.footer { margin-top:20px; background:#1c514d; color:#83b3a4; text-align:center; padding:30px 0; line-height:2.5em; position:absolute; bottom:0; width:100%;}
.footer a { color:white;}
.footer a:hover { color:#e29a00;}

/* games */

.games { position:relative; overflow:hidden;}
.games img { float:left; margin-right:20px;}
.games strong { display:block;  color:#1b8f72; font-size:20px;}
.games p { padding-top:10px;}
.games span { display:block; position:absolute; bottom:0; left:225px;}
.games span a { display:inline-block; width:100px; height:30px; background:#e29a00; color:white; border-radius:3px; line-height:30px; text-align:center; margin-right:10px;}
.games span a:hover {color:white; text-decoration:none; background:#1b8f72;}
#games .games img { float:right; margin-left:20px;}
#games .games span { left:0px;}

/* live */

.livelist ul { overflow:hidden;}
.livelist li { float:left; margin:0 20px 20px 0; width:480px; overflow:hidden; height:166px;}
.livelist li a:hover { text-decoration:none;}
.livelist li img { width:230px; height:166px; float:left; margin-right:20px;}
.livelist li strong { display:block; line-height:24px; color:#1b8f72; font-size:16px;}
.livelist li p { background:url(../images/logo_zhubo.png) no-repeat 0 center; padding-left:25px; color:#1b8f72;}
.livelist li i { color:#999; display:block; padding-top:15px; }
.livelist li a:hover strong, .livelist li a:hover p {color:#e29a00;}

/* musiclist */

.musiclist { overflow:hidden;}
.musiclist ul { float:left; width:190px;}
.musiclist li { height:50px; background:#e29a00; line-height:50px; text-align:center; font-size:18px; color:white; margin-bottom:20px; border-radius:4px; }
.musiclist li a { display:block; color:white;  border-radius:4px;}
.musiclist li a:hover { color:white; text-decoration:none; background:#1b8f72;}
.musiclist dl { float:left; margin-left:20px; width:249px; border-left:#d8d8d8 1px solid;}
.musiclist dt { background:#d8d8d8; color:#339178; font-size:16px; line-height:32px; margin-bottom:5px;}
.musiclist dt a { display:block;  padding-left:10px;}
.musiclist dd { padding-left:10px; line-height:2em;}
.musiclist dd strong { font-weight:normal; color:#1b8f72; float:left; width:102px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.musiclist dd b { float:right; color:#999; width:64px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.musiclist dd i { float:right; width:19px; height:19px; background:url(../images/logo_play.png) no-repeat; margin:5px 0 0 5px;}
.musiclist dd em { float:right; width:19px; height:19px; background:url(../images/logo_download.png) no-repeat; margin:5px 0 0 5px;}
.musiclist dd a { display:block;}
.musiclist dd a:hover { text-decoration:none;}
.musiclist dd a:hover strong, .musiclist dd a:hover b { color:#e29a00;}

/* music */
.music .music_box { width:100%; }
.music .cover { float:left; width: 298px; height:298px; padding:8px; overflow:hidden; background:#d8d8d8; }
.music .cover img { max-width: 100%; max-height: 100%;}
.music .content { float: left; width: 670px;height:298px;overflow:hidden;padding:8px;background:#d8d8d8; }
.music #lrc_list { margin:10px auto; background:#d8d8d8; }
.music #lrc_list li { text-align:center; line-height: 2.4em; }
.music #lrc_list li.hover { color:#e29a00; font-weight:bold; }
.music div.jp-audio { width:998px;}

/* topup */

.topup { margin-bottom: 10px;}
.topup p { padding:10px 0; color:#999; }
.topup p i { font-size:16px; width:90px; float:left; line-height:2em; color: #4c4c4c; }
.topup p input { line-height:16px; font-size:16px; border:#d8d8d8 1px solid; padding:8px; width:200px; height:16px; }
.topup p button { margin-right:20px; width:100px; height:40px; border:#d8d8d8 1px solid; background:white; font-size:16px; cursor:pointer; display: inline-block;}
.topup p.bank button { margin-bottom:20px; width:138px; height:40px; }
.topup p button:hover {border:#e29a00 1px solid; }
.topup p button.selected {border:#e29a00 2px solid; color:#e29a00; }
.topup .submit input { width:120px; height:50px; cursor:pointer; background:#e29a00; color:white; border-radius:4px; border:0; line-height:50px; padding:0;}
.topup .submit input:hover { background:#1c514d;}

/* article */

.article p { line-height:2em; padding-bottom:20px;}
.article strong { font-size:16px;}
.article a { color:#1b8f72; text-decoration:underline;}
.article a:hover { color:#e29a00;}

/* leo */

.win_1{display:none;width:400px;position: fixed;top:20%;left:50%;margin-left:-220px;border:1px solid #888;padding:20px;background:#fff;z-index:1001; border-radius: 5px;}
.win_2{display:none;width:300px;position: fixed;top:20%;left:50%;margin-left:-170px;border:1px solid #888;padding:20px;background:#fff;z-index:1001; border-radius: 5px;}
.win_3{display:none;width:800px;position: fixed;top:5%;left:50%;margin-left:-420px;border:1px solid #888;padding:20px;background:#fff;z-index:900;overflow:hidden; border-radius: 5px;}
.png_bg{display:none;width:100%;height:100%;background:#000;opacity: .8; position: fixed;top:0;left:0;z-index:1000;}
.win_1 .t,.win_2 .t,.win_3 .t,.win_4 .t{margin-bottom:30px;border-bottom:1px solid #ccc; padding-bottom:20px;text-align: center;font-size:18px;color:#1b8f72; text-align: center; position: relative;}
.win_1 .t a,.win_2 .t a,.win_3 .t a,.win_4 .t a{display: block;width:30px;height:30px;color:#ccc; position:absolute;top:0;right:0;font-size:12px; }
.win_1 .s1, .win_2 .s1{padding:10px;font-size:14px;overflow:hidden; color:#333; }
.win_1 .s2, .win_2 .s2{margin-top:20px;padding:10px 0 10px 70px;font-size:14px;}

.win_1 .m1{font-size:12px;color:#ccc;line-height:30px}
.fl{float:left;}
.fr{float:right;}

.win_1 label,.win_2 label{display:block;width:60px;line-height:30px; text-align: left;color:#1b8f72;}
.win_1 .text{width:253px;height:30px;margin:0 20px;border:1px solid #ccc ; text-indent:10px;}
.win_1 .checkbox{width:15px;height:15px;margin:8px 10px 0 0;border:1px solid #ccc ; text-indent:10px; -webkit-appearance:checkbox; }
.win_2 .text{width:198px;height:30px;margin:0 0 0 20px;border:1px solid #ccc; text-indent:10px;}
.win_1 .but1,.win_2 .but1{margin:0 0 0 20px;color:#fff;background:#1b8f72; border-radius: 3px; width: 89px; height: 40px; display: inline-block; line-height: 40px; text-align: center;}
.win_1 .but2,.win_2 .but2{margin:0 0 0 20px;color:#fff;background:#ccc; border-radius: 3px; width: 89px; height: 40px; display: inline-block; line-height: 40px; text-align: center;}
.win_1 .but1:hover, .win_2 .but1:hover, .win_1 .but2:hover, .win_2 .but2:hover { background: #e29a00; color:white; text-decoration: none;}
.win_1 .bot,.win_2 .bot{padding:20px 0 0;font-size:12px; text-align:right;color:#e29a00;}
.win_1 .bot a,.win_2 .bot a{color:#e29a00;}
.win_3 .left{float:left;width:480px;}
.win_3 .left .t2{overflow:hidden;}
.win_3 .left .img{float:left;display: block;width:30px;height:30px;margin-right:20px;border:1px solid #ccc;border-radius:50%;overflow:hidden;}
.win_3 .left .img img{width:28px;height:28px;border:1px solid #fff;border-radius:50%;}
.win_3 .left .name{float:left;margin-right:20px;font-size:12px;color:#e29a00;line-height:30px;}
.win_3 .left .about{float:left;display:block;margin-top:6px;font-size:12px;color:#888;line-height:18px; text-align: left;}
.win_3 .left video{ width:100%;height:300px;margin:20px 0; }
.win_3 .left .tab{ margin:10px 0;position:relative; }
.win_3 .left .tab2{margin-top:20px;}
.win_3 .left .tab2 .img2{margin:20px 0;overflow:hidden;}
.win_3 .left .tab2 .img2 span{display: block;float:left;width:30px;height:30px;margin-right:10px;border:1px solid #d8d8d8;border-radius:50%;overflow:hidden;cursor: pointer;}
.win_3 .left .tab2 .img2 span img{width:100%;height:100%; background-color:#d8d8d8;}
.win_3 .left .tab2 label{display: block;}
.win_3 .left .tab label{position: absolute;top:0;left:0;}
.win_3 .left .tab .text{margin-left:80px;min-height:20px;}
.win_3 .left .tab .text#videoname { color: #1b8f72;}
.win_3 .right{float:right;width:280px;}
.win_3 .right .box1{height:350px;}
.win_3 .right .box1 .tab3{height:30px; border-left:1px solid #1b8f72;}
.win_3 .right .box1 .tab3 a{ display:block;float:left;border-top:1px solid #1b8f72;border-right:1px solid #1b8f72;padding:0 20px;line-height:30px;color:#666; }
.win_3 .right .box1 .tab3 a:hover{color:#fff;background:#1b8f72; text-decoration: none;}
.win_3 .right .box1 .tab3 a.hover{color:#fff;background:#1b8f72;}
.win_3 .right .box1 .box2{height:280px;border:1px solid #1b8f72;padding:20px;font-size:12px;color:#999;}
.win_3 .right .box1 .box2 div{display:none;}
.win_3 .right .box3{margin-top:20px;}
.win_3 .right .box3 textarea{width:258px;height:100px;padding:10px;border:1px solid #d8d8d8;}
.win_3 .right .box3 .but{display:inline-table;margin-top:10px;padding:10px 20px;font-size:14px;color:#fff;background:#e29a00; border-radius:2px; cursor: pointer;}
.win_3 .right .box3 .but:hover { background: #1b8f72; text-decoration: none;}
.win_4{display:none;width:500px;height:580px;position: fixed;top:10%;left:50%;margin-left:-250px;border:1px solid #888;padding:20px;background:#fff;z-index:1005; border-radius: 5px;}
.win_4 .cen{height:500px;overflow: auto;font-size:12px;color:#666;line-height:24px; padding-right: 15px;}
.win_4 .cen p{text-indent: 2em;}