﻿/*全局样式*/
* {padding: 0px; margin: 0px;}
ul li { list-style: none; }
a { text-decoration: none; color: #000; }
.l { float: left; }
.r { float: right; }
i { font-weight: normal; font-style: normal; }
em { font-weight: normal; font-style: normal; }
b { font-weight: bold; }
body { overflow: auto; font-family: "Microsoft Yahei"; overflow-x: hidden; color: #666; background: #f8f8f8 ;float: none;}
#header { width: 100%; margin: 0 auto; }
#header .bom { width: 100%; background: #fff; font-size: 12px; height: 35px; border-bottom: 1px solid #e3e3e3; min-width: 1200px; line-height: 35px; display: inline-block; }
#header .bom .ht { height: 35px; width: 1200px; margin: 0 auto; }
#header .bom .ht .home { width: 50%; float: left; height: 35px; }
#header .bom .ht .home a { display: block; float: left; margin: 0 10px; color: #666; }
#header .bom .ht .home .fh { background: url(../images/3322.png) no-repeat -420px -60px; padding-left: 15px; }
#header .bom .ht .home a:hover { color: #358ff0; }
#header .bom .ht .nav { float: left; position: relative; z-index: 1000; }
#header .bom .ht .nav .nave { background: url(../images/3322.png) no-repeat -420px 3px; padding-left: 15px; }
#header .bom .ht .nav:hover .kt { display: block; }
#header .bom .ht .kt { width: 1138px; border: 1px solid #e3e3e3; padding: 30px; overflow: auto; top: 35px; left: -44px; background: #fff; display: none; position: absolute; z-index: 1001; height: 261px; }
#header .bom .ht .kt .sub1 { float: left; width: 370px; padding-left: 15px; min-height: 120px; overflow: auto; padding-top: 10px; border-bottom: 1px dashed #e3e3e3; }
#header .bom .ht .kt .sub1 p { font-size: 16px; color: #358ff0; }
#header .bom .ht .kt .sub1 a { margin-left: 0; font-size: 14px; margin-right: 15px; }
#header .bom .ht .kt .sub2 { float: left; width: 351px; padding-left: 15px; min-height: 120px; overflow: auto; padding-top: 10px; border-left: 1px dashed #e3e3e3; border-right: 1px dashed #e3e3e3; border-bottom: 1px dashed #e3e3e3; }
#header .bom .ht .kt .sub2 p { font-size: 16px; color: #358ff0; }
#header .bom .ht .kt .sub2 a { margin-left: 0; font-size: 14px; margin-right: 15px; }
#header .bom .ht .kt .sub3 { float: left; width: 370px; padding-left: 15px; min-height: 120px; overflow: auto; padding-top: 10px; }
#header .bom .ht .kt .sub3 p { font-size: 16px; color: #358ff0; }
#header .bom .ht .kt .sub3 a { margin-left: 0; font-size: 14px; margin-right: 15px; }
#header .bom .ht .kt .sub4 { float: left; width: 351px; padding-left: 15px; min-height: 120px; overflow: auto; padding-top: 10px; border-left: 1px dashed #e3e3e3; border-right: 1px dashed #e3e3e3; }
#header .bom .ht .kt .sub4 p { font-size: 16px; color: #358ff0; }
#header .bom .ht .kt .sub4 a { margin-left: 0; font-size: 14px; margin-right: 15px; }
#header .bom .ht .menu { float: left; text-align: right; width: 50%; }
#header .bom .ht .menu a { margin-left: 10px; color: #666; }
#header .bom .ht .menu a:hover { color: #358ff0; }
#header .bom .ht .menu span { margin-left: 10px; }
#header .top { width: 1200px; height: 210px; display: block; padding-top: 282px; margin: 0 auto; margin-bottom: 20px; }
#header .top .ar { width: 1200px; margin: 0 auto; }
#header .top .ar .na { height: 60px; }
#header .top .ar .na ul { float: left; overflow: hidden; }
#header .top .ar .na ul li { float: left; height: 50px; padding-top: 10px; margin-left: 1px; }
#header .top .ar .na ul li:hover { height: 60px; padding-top: 0; }
#header .top .ar .na ul li a { width: 150px; height: 100%; display: block; line-height: 50px; font-size: 18px; text-align: center; background: #222; color: #fff; transition: all 0.2s ease; border-radius: 5px 5px 0px 0px; opacity: 0.8; border-right: 1px solid #02a0e7; }
#header .top .ar .na ul li a:hover { background: #02a0e7; }
#header .top .ar .na ul .cru { background: #02a0e7; }
#header .top .ar .va { float: right; width: 135px; line-height: 40px; color: #fff; background: #247dcf; margin-top: 12px; transition: all 0.3s ease; border-radius: 5px; opacity: 0.8; }
#header .top .ar .va:hover { background: #4494dd; }
#header .top .ar .va .ma { background: url(../images/c6a434df4b034882ab0499d6a8784164.gif) no-repeat; margin: 11px 5px 11px 24px; padding-left: 20px; }
#header .top .wa { height: 30px; padding: 10px; background: #02a0e7; overflow: hidden; opacity: 0.8; }
#header .top .wa .ra { float: left; width: 95px; line-height: 30px; text-align: center; color: #ba782d; background: #ffe347; }
#header .top .wa .ra .la { width: 8px; height: 8px; display: block; overflow: hidden; background-position: right 0; position: absolute; background: url(../images/e.png) no-repeat; }
#header .top .wa .ya { width: 800px; float: left; height: 21px; padding: 3px 0; overflow: hidden; margin-left: 10px; }
#header .top .wa .ya a { float: left; line-height: 24px; padding: 0 10px; border-right: 1px solid #1384f4; overflow: hidden; color: #fde3de; transition: color 0.3s ease; font-size: 14px; }
#header .top .wa .ya a i { width: 21px; height: 9px; display: inline-block; vertical-align: text-top; margin-left: 4px; overflow: hidden; background: url(../images/sprites.png) no-repeat; }
#header .top .wa .ua { float: right; background: url(../images/s.png) no-repeat; width: 170px; height: 30px; opacity: 0.8; overflow: hidden; display: block; }
#header .top .wa .ua .ia input { float: left; width: 120px; height: 25px; background: none; padding: 0 5px; color: #d3d3d3; outline: none; border: none; }
#header .top .wa .ua .ia .oc:hover { color: #d3d3d3; }
#header .top .wa .ya a:hover { text-decoration: underline; }
#header .top .up { width: 1200px; height: 90px; background: #fff; text-align: center; padding: 5px 0; }
#header .top .up ul { margin-bottom: 7px; height: 110px; overflow: hidden; }
#header .top .up ul li { height: 86px; float: left; margin: 0 5px; width: 110px; text-align: center; }
#header .top .up ul li img { width: 91px; height: 68px; }
#header .top .up ul li a { width: 93px; height: 86px; font-size: 12px; }
.pos { opacity: 0.9; position: fixed; width: 144px; z-index: 999; right: 50%; margin-right: 620px; top: 300px; margin-top: 50px; }
.pos .tit { position: relative; color: #fff; font-size: 16px; padding-left: 8px; height: 39px; line-height: 39px; background: url(../images/t.png) no-repeat; }
.pos .tit .close { background: url(../images/c.png) no-repeat; width: 17px; height: 17px; position: absolute; right: 10px; top: 10px; display: block; }
.pos .conts { background: #FFF; border: 1px solid #E0E0E0; }
.pos .conts .bar { overflow: hidden; }
#header .top .wa .ya a:hover { text-decoration: underline; }
.pos .conts .bar li { height: 36px; border-bottom: 1px solid #E0E0E0; overflow-y: hidden; position: relative; }
.pos .conts .bar li:hover { background: #f6f6f6; }
.pos .conts .bar li a { height: 36px; color: #20962A; display: block; line-height: 36px; padding-left: 50px; background: url(../images/z.png) no-repeat 28px 13px; font-size: 14px; }
.pos .conts .bar li a:hover { }
.pos .conts .icon .top-icon a { display: block; padding-left: 50px; background: url(../images/l.png) no-repeat 0 -149px; color: #fff; line-height: 30px; }
#nav { width: 1200px; height: auto; line-height: 30px; margin: 0 auto; color: #000; margin-bottom: 20px; display: block; background: #f8f8f8; font-size: 14px; }
#nav .site span { color: #000; margin-left: 10px; font-weight: bold; }
#nav .site a { color: #666; }
#nav .site a:hover { color: #f60; text-decoration: none; }
#main { margin: auto; width: 1200px; background: #f8f8f8; height: auto; display: block; overflow: hidden; }
#main .bo { width: 1200px; display: block; overflow: hidden; }
#main .bo .left { width: 820px; float: left; padding: 0 18px; background: #fff; height: auto; }
#main .bo .left .top { z-index: 5; width: 820px; position: relative; padding-bottom: 15px; height: auto; border-bottom: 1px solid #eee; min-width: 820px;display: block;float: left;overflow: hidden }
#main .bo .left .top h1 { text-align: center; font-size: 22px; background: #fff; font-weight: bold; line-height: 50px; padding-top: 10px; font-family: 微软雅黑, Verdana; color: #000;float: left;width: 100%; }
#main .bo .left .top h1 a { display: inline-block; vertical-align: text-bottom; margin-left: 5px; cursor: pointer; position: relative; }
#main .bo .left .top h1 .libao { width: 38px; height: 24px; line-height: 24px; font-weight: 100; background: #c740e3; border-radius: 3px; text-align: center; font-size: 14px; color: #fff; }
#main .bo .left .top h1 a i { position: absolute; padding-bottom: 5px; padding: 0 4px; display: inline-block; background: red; border-radius: 10px; font-size: 12px; color: #fff; font-family: initial; top: -6px; right: -4px; font-weight: 100; height: 14px; line-height: 15px; font-style: normal; }
#main .bo .left .top p { text-align: center; padding-top: 5px; padding-bottom: 15px; height: 27px; font-family: 微软雅黑, Verdana; color: #000; font-size: 14px; float: left;width: 100%}
#main .bo .left .top p >a { width: 82px; height: 25px; display: inline-block; line-height: 25px; padding-left: 8px; font-size: 12px; position: relative; }
#main .bo .left .top p >a:hover { color: #02A0E7; font-weight: bold; }
#main .bo .left .top p .fk { background: url(../images/ftool_bg.gif) no-repeat; }
#main .bo .left .top p .pk { background: url(../images/ftool_bg.gif) no-repeat 0 -25px; }
#main .bo .left .top p .pk i { position: absolute; top: -7px; right: 3px; padding: 0 4px; background: red; border-radius: 10px; color: #fff; height: 14px; line-height: 15px; font-family: initial; }
#main .bo .left .top p .sk { background: url(../images/ftool_bg.gif) no-repeat 0 -50px; }
#main .bo .left .top p .jk { background: url(../images/ftool_bg.gif) no-repeat 0 -100px; color: #666; padding-left: 9px; }
#main .bo .left .top p .ik { background: url(../images/ftool_bg.gif) no-repeat 0 -125px; color: red; }
#main .bo .left .top p .mk { position: relative; font-size: 12px; color: #666; width: 12px; height: 17px; }
#main .bo .left .top p .lk { font-size: 16px; color: #666; position: relative; text-align: center; }
#main .bo .left .top p .ok { font-size: 18px; color: #666; position: relative; }
#main .bo .left .top .author { font-size: 13px; text-align: center; height: 20px; padding-bottom: 3px; background: #fff; color: #000;float: left; width: 100%;}
#main .bo .left .top .author a { color: #666; }
#main .bo .left .top .author a:hover { color: #f60; }
#main .bo .left .top .author .x { display: inline-block; height: 16px; width: 16px; background: url(../images/zt-ico.gif) no-repeat -38px -3px; margin: -3px 3px -4px 15px; }
#main .bo .left .top .author .v { display: inline-block; height: 16px; width: 16px; background: url(../images/zt-ico.gif) no-repeat -8px -3px; margin: -3px 3px -3px 15px; }
#main .bo .left .top .author .b { display: inline-block; height: 16px; width: 16px; background: url(../images/zt-ico.gif) no-repeat -93px -3px; margin: -3px 3px -4px 15px; }
#main .bo .left .top .author .m { background-color: #358ff0; display: inline-block; padding: 2px 4px; font-size: 12px; line-height: 14px; color: #fff; border-radius: 3px; margin-right: 4px; }
#main .bo .left .top .author .m:hover{cursor: pointer;}
#main .bo .left .content { width:820px;padding-top: 10px; line-height: 32px; color: #333; font-size: 16px;float: left;}
#main .bo .left .content img{ display: block;margin: 0 auto; }
#main .bo .left .content .zxcontent{width:820px; display: block;overflow: hidden;text-indent: 40px;}
#main .bo .left .content .qb { width: 820px; height: 110px;display: block; }
#main .bo .left .content .qb .down { height: 90px; background: #f7f7f7; border: 0px dashed #f6e3af; margin: 4px 10px 12px 10px; padding: 10px; border-radius: 6px; }
#main .bo .left .content .qb .down a { float: left; }
#main .bo .left .content .qb .down a img { width: 90px; height: 90px; border-radius: 5px; margin: 8px auto; }
#main .bo .left .content .qb .down .entry { float: left; margin-left: 5px; width: 535px; line-height: 28px; margin-top: -5px; height: 105px; }
#main .bo .left .content .qb .down .entry .title { width: 540px; float: left; height: 30px; }
#main .bo .left .content .qb .down .entry .title a { color: #15AB5B; }
#main .bo .left .content .qb .down .entry .title a em { width: auto; font-size: 18px; float: left; font-style: normal; }
#main .bo .left .content .qb .down .entry .title a em:hover { color: #f60; }
#main .bo .left .content .qb .down .entry .title a i { font-size: 13px; color: #666; padding-left: 12px; font-style: normal; }
#main .bo .left .content .qb .down .uo { width: 535px; height: 75px; float: left; }
#main .bo .left .content .qb .down .uo .px { float: left; font-size: 13px; text-indent: 0; margin: 0; line-height: 28px; width: 130px; }
#main .bo .left .content .qb .down .uo .px .font { color: #f60; font-weight: bold; font-size: 14px; font-family: Georgia; }
#main .bo .left .content .qb .down .uo .pm { width: 130px; height: 30px; float: left; }
#main .bo .left .content .qb .down .uo .pm .start { background: url(../images/sta.gif) repeat-x 0 bottom; float: left; height: 16px; overflow: hidden; width: 100px; margin-top: 3px; }
#main .bo .left .content .qb .down .uo .pm i { background: url(../images/sta.gif) repeat-x 0 top; float: left; height: 16px; overflow: hidden; }
#main .bo .left .content .qb .down .uo .pm i.start1 { width: 20px; }
#main .bo .left .content .qb .down .uo .pm i.start2 { width: 40px; }
#main .bo .left .content .qb .down .uo .pm i.start3 { width: 60px; }
#main .bo .left .content .qb .down .uo .pm i.start4 { width: 80px; }
#main .bo .left .content .qb .down .uo .pm i.start5 { width: 100px; }
#main .bo .left .content .qb .down .uo .ph { width: 130px; margin-top: 8px; float: left; font-size: 13px; line-height: 28px; }
#main .bo .left .content .qb .down .uo .ph .font1 { display: inline-block; width: 20px; height: 24px; vertical-align: middle; background: url(../images/os_20.png) no-repeat; margin-left: 6px; }
#main .bo .left .content .qb .down .uo .ph .font2 { display: inline-block; width: 20px; height: 24px; vertical-align: middle; background: url(../images/os_20.png) no-repeat -52px 0; margin-right: 0; cursor: pointer; margin-left: 6px; }
#main .bo .left .content .qb .down .uo .pf { width: 400px;height: 45px;line-height: 45px; float: left; font-size: 13px; }
#main .bo .left .content .qb .down .uo .pf span { float: left; color: #333; font-size: 13px;height: 45px;display: block; }
#main .bo .left .content .qb .down .uo .pf span i {  padding: 3px 10px; color: #08961e; border: 1px solid #08961e; border-radius: 3px; line-height: 20px; background: #fffbf2;margin:7px 4px 0 4px;display: block;overflow: hidden; cursor: pointer;}
#main .bo .left .content .qb .down .uo .pf span i:hover { background: #08961e; color: #fff; }
#main .bo .left .content .qb .down .btn { float: right; }
#main .bo .left .content .qb .down .btn a { color: #fff; width: 105px; height: 42px; background: #358ff0; text-align: center; line-height: 42px; margin-top: 25px; border-radius: 4px; }
.gh { width: 810px; height: 64px; text-indent: 2em; float: left; }
.gh a { color: #358ff0; }
.content .hj { width: 820px; height: 32px; text-indent: 3em; float: left; }
.content .hj a { width: 64px; height: 22px; font-weight: bold; }
.content .center { text-indent: 2em; }
.box { margin-top: 30px; margin-bottom: 25px; width: 800px; background: #fbfbfb; border: 2px solid #e8e8e8; border-radius: 4px; }
.box .game { position: relative; }
.box .game .game-top { height: 43px; border-bottom: 2px solid #e03800; }
.box .game .game-con { position: relative; }
.box .game .game-con img { width: 100%; height: 170px; }
.box .game .game-con span { display: block; width: 100%; height: 162px; background: rgba(0,0,0,0.7); position: absolute; left: 0; top: 0; }
.box .game .game-bottom { position: absolute; left: 0; top: 0; z-index: 999; color: #fff; }
.box .game .game-bottom .cv { padding: 12px; width: 144px; height: 142px; float: left; overflow: hidden; }
.box .game .game-bottom .cv a { border: 5px solid #fff; border-radius: 10px; background: #fff; display: inline-block; width: 132px; height: 132px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.5); }
.box .game .game-bottom .cv a img { height: 132px; border-radius: 8px; }
.box .game .game-bottom .cb { width: 440px; height: 166px; float: left; overflow: hidden; }
.box .game .game-bottom .cb ul .fun { line-height: 40px; height: 50px; }
.box .game .game-bottom .cb ul .fun a { font-size: 18px; font-weight: bold; }
.box .game .game-bottom .cb ul .fun a:hover { color: #e11d03; }
.box .game .game-bottom .cb ul .fun span { color: #888; margin-left: 10px; margin-right: 5px; font-size: 12px; }
.box .game .game-bottom .cb ul .link a { line-height: 21px; color: #DDD; font-size: 13px; display: block; }
.box .game .game-bottom .cb ul .link a span { background: #31a0e1; padding: 0 4px; border-radius: 3px; color: #fff; margin-right: 6px; opacity: 0.8; }
.box .game .game-bottom .cb ul p { line-height: 21px; color: #DDD; font-size: 13px; }
.box .game .game-bottom .cn { position: absolute; right: 5px; top: 15px; float: right; overflow: hidden; width: 170px; height: 152px; }
.box .game .game-bottom .cn .ym { width: 97px; height: 89px; text-align: center; background: url(../images/ztpf.png) no-repeat 8px 3px; background-size: 84px; margin: 0 auto; }
.box .game .game-bottom .cn .ym .gd { color: #fff; font-size: 32px; font-weight: bold; font-family: Arial; display: block; width: 100%; padding-top: 18px; line-height: 0.7; }
.box .game .game-bottom .cn .du { margin-top: -6px; width: 153px; height: 18px; overflow: hidden; }
.box .game .game-bottom .cn .du .du-i { float: left; position: relative; color: #aaa; font-size: 12px; }
.box .game .game-bottom .cn .du p { color: #aaa; font-size: 12px; text-align: center; }
.box .game .game-bottom .cn .du .du-p { color: #aaa; font-size: 12px; position: relative; float: right; }
.box .game .game-bottom .cn .ba { width: 153px; height: 10px; background: #31a0e1; }
.box .game .game-bottom .cn .ba span { display: block; width: 75%; height: 10px; background: #ed3c00; border-right: 1px solid #444; }
.box .game .game-bottom .cn .ga { padding: 5px 0 10px; width: 153px; height: auto; }
.box .game .game-bottom .cn .ga a { display: inline-block; width: 65px; height: 22px; line-height: 22px; text-align: center; box-shadow: 0 3px 5px 0 rgba(22,22,22,0.3); border-radius: 3px; border: 1px solid #666; }
.box .game .game-bottom .cn .ga a:hover { color: #f2f2f3; }
.box .game .game-bottom .cn .ga .ga-ok { float: left; color: #ff4901; }
.box .game .game-bottom .cn .ga .ga-no { float: right; color: #31a0e1; }
.box .cn .ym span { width: 99px; height: 18px; line-height: 18px; color: #888; font-size: 12px; text-shadow: 0px -1px 0px #000; }
.box .game .game-bottom .cm { margin: 0 auto; width: 780px; line-height: 38px; border-top: 1px dotted #777; overflow: hidden; height: 38px; }
.box .game .game-bottom .cm a { float: left; padding: 0 15px; color: #DDD; font-size: 14px; }
.box .game .game-bottom .cm a:hover { height: 28px; line-height: 28px; margin: 5px 0; color: #fff; background: rgba(49, 160, 225, 0.5); border-radius: 4px; }
.box .game .game-bottom .cm .cm-z { padding-right: 20px; color: #31a0e1; background: url(../images/ztli.gif) 45px 1px no-repeat; }
.box .tag { width: 800px; height: 93px; padding-left: 98px; background: url(../images/zttag.png) 20px center no-repeat; overflow: hidden; }
.box .tag .tag-c { float: left; width: 703px; height: 93px; border-left: 1px solid #ddd; overflow: hidden; }
.box .tag .tag-c span { width: 100%; height: 30px; border-top: 1px solid #e7e7e7; }
.box .tag .tag-c span a { float: left; width: 25%; height: 30px; line-height: 28px; font-size: 14px; border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; margin-left: -1px; text-align: center; }
.box .tag .tag-c span a:hover { background: rgba(49, 160, 225, 0.6); color: #fff; }
.box .tag .tag-c span .-c { width: 33%; }
.box .tag .tag-c span .-v { width: 34% }
.bo .center { text-align: center; margin-top: 10px; margin-bottom: 10px; }
.bo .center p { display: inline-block; width: 281px; height: 34px; border-radius: 4px; }
.bo .center p a { border-left-width: 1px; color: #999; line-height: 20px; font-size: 14px; }
.bo .center p .center-i { background-color: #f5f5f5; float: left; padding: 6px 15px; border: 1px solid #ddd; border-radius: 2px; }
.bo .center p .center-o { float: left; padding: 6px 15px; border: 1px solid #ddd; border-left-width: 0; border-radius: 2px; }
.bo .center p .center-o:hover { background-color: #f5f5f5; color: #f60; }
.bo .wrap-top { display: block; border-bottom: 2px solid #358ff0; margin-bottom: 12px; position: relative; height: 55px;float: left;width:100%; }
.bo .wrap-top h2 { line-height: 38px; padding: 0 15px; background: #358ff0; color: #fff; font-weight: normal; font-size: 16px; float: left; border-radius: 5px 5px 0px 0px; margin-top: 17px; }
.bo .next {  margin: 10px auto; position: relative; height: 43px;float: left;width:100%;padding-left: 170px; }
.bo .next .ding { width: 192px; float: left; height: 43px; }
.bo .next .ding ul { display: block; }
.bo .next .ding ul .l { width: 82px; text-align: center; color: #333; font-size: 20px; font-weight: bold; line-height: 30px; }
.bo .next .ding ul .l i { padding-left: 5px; font-weight: bold;}



.bo .next .ding ul .l p,.bo .next .ca ul .ca-u p{ background: url(../images/icon_art.png) no-repeat; width: 82px; height: 8px; overflow: hidden; background-position: -60px -87px; display: inline-block; position: relative; float: left; }
.bo .next .ding ul .l p span{ background: url(../images/icon_art.png) no-repeat;  height: 8px; overflow: hidden; background-position: -61px -107px; display: inline-block; position: relative; float: left; }

.bo .next .ca ul .ca-u p span{ background: url(../images/icon_art.png) no-repeat;  height: 8px; overflow: hidden; background-position: -61px -98px; display: inline-block; position: relative; float: left; }


.li-xa{ font-size:12px; color: #f60;}

.bo .next .ding ul .m { background: url(../images/icon_art.png) no-repeat -57px -34px; width: 97px; height: 43px; margin-left: 9px; float: left; }
.bo .next .ding ul .m a { font-weight: bold; font-size: 12px; color: #fff; width: 97px;height:43px; text-align: center; cursor: pointer; line-height: 16px; float: left; }
.bo .next .ding ul .m a .m-i { width: 57px; height: 16px; display: block; margin-top: 6px;}
.bo .next .ding ul .m a .m-o { width: 57px; height: 16px; display: block; }
.bo .next .cn { width: 110px; float: left; text-align: center; position: relative; }
.bo .next .cn img { margin: 0 auto; padding-left: 2px; }
.bo .next .ca { width: 194px; float: left; }
.bo .next .ca ul { display: block; }
.bo .next .ca ul .ca-u { width: 82px; text-align: center; color: #333; font-size: 20px; font-weight: bold; line-height: 30px; float: right; }
.bo .next .ca ul .ca-u i { padding-left: 5px;font-weight: bold; }
.bo .next .ca ul .ca-p { margin-left: 0; background: url(../images/icon_art.png) no-repeat -162px -36px; width: 97px; height: 43px; float: left; }
.bo .next .ca ul .ca-p a{font-weight: bold;font-size: 12px;color: #fff;width: 100%;margin-top: 6px;text-align: center;    cursor: pointer;    line-height: 16px;    float: left;}
.bo .next .ca ul .ca-p p { font-weight: bold; width: 57px; margin-top: 6px; text-align: center; cursor: pointer; line-height: 16px; float: left; }
.bo .next .ca ul .ca-p a i { color: #fff; display: block; font-size: 12px;width:57px; }
.bo .like { height: 50px; line-height: 50px; border-top: 1px solid #EFEFEF; border-bottom: 1px solid #EFEFEF; overflow: hidden; padding: 0 10px; margin-top: 10px;float: left;width:100%; }
.bo .like p { float: left; width: 50%; color: #666; font-size: 15px; overflow: hidden; height: 52px;}
.bo .like p a { color: #666; }
.bo .like p a:hover{color: #358ff0;}
.bo .tab { width: 820px; height: 417px;overflow: hidden; }
.bo .tab .tab-t { border-bottom: 2px solid #358ff0; position: relative; display: block; margin-bottom: 12px; height: 55px; }
.bo .tab .tab-t h2 { line-height: 38px; padding: 0 15px; background: #358ff0; color: #fff; font-weight: normal; font-size: 16px; margin-top: 17px; float: left; border-radius: 5px 5px 0px 0px; }
.bo .tab .tab-t span { margin-left: 20px; position: absolute; bottom: 10px; }
.bo .tab .tab-t span b { cursor: pointer;font-weight: normal; margin: 0 15px; background: #e5e5e5; padding: 4px 8px; border-radius: 3px; color: #6b6b6b; }
.bo .tab .tab-t span b.cur { background: #f9a019; color: #fff;}
.bo .tab .tab-t span b:hover { background: #f9a019; color: #fff; }
.bo .tab .tab-b { display: block; height: 350px; }
.bo .tab .tab-b .topp { padding-bottom: 14px; border-bottom: 1px dashed #d8d8d8; margin-left: 9px; height: 115px; }
.bo .tab .tab-b .topp a img { width: 210px; height: 115px; display: block; border-radius: 6px; float: left; }
.bo .tab .tab-b .topp span { width: 580px; height: 18px; line-height: 18px; margin: 6px 0 0 15px; display: block; float: left; }
.bo .tab .tab-b .topp span .sn { float: left; display: inline; line-height: 22px; font-size: 18px; color: #444; font-family: "Microsoft YaHei"; font-weight: bold; height: 22px }
.bo .tab .tab-b .topp span .sn h3 i { font-size: 16px; font-weight: 100; padding-left: 4px; }
.bo .tab .tab-b .topp span .az { background: #358ff0; color: #fff; padding: 4px 12px; border-radius: 4px 0 0 4px; float: right; font-size: 14px; }
.bo .tab .tab-b .topp span .pg { background: #e5e5e5; padding: 4px 12px; border-radius: 0 4px 4px 0; color: #6b6b6b; float: right; font-size: 14px; }
.bo .tab .tab-b .topp span .gd { float: right; color: #999; line-height: 28px; margin-left: 30px; font-size: 14px; }
.bo .tab .tab-b .topp span a.gd:hover{color: #f9a019;}
.bo .tab .tab-b .topp p { float: left; width: 580px; line-height: 26px;height:78px;overflow: hidden; margin-left: 15px; color: #858585; margin-top: 10px; font-size: 14px; }
.bo .tab .tab-b .bottom, .bo .giftWrap .bottom { overflow: hidden; width: 820px; height: 220px; }
.bo .tab .tab-b .bottom ul li, .bo .giftWrap .bottom ul li { float: left; width: 253px; padding: 10px; height: 90px; }
.bo .tab .tab-b .bottom ul li:hover, .bo .giftWrap .bottom ul li:hover { background: #f6f6f6; }
.bo .tab .tab-b .bottom ul li .li-a,.bo .giftWrap .bottom ul li .li-a { float: left; margin-right: 8px; position: relative; display: inline-block; width: 100%; height: 90px; }

.bo .tab .tab-b .bottom ul li .li-x,.bo .giftWrap .bottom ul li .li-x{ float: left;display: block; width: 155px; height: 22px; color: #08c; line-height: 22px; overflow: hidden; font-size: 16px;}
 
.bo .tab .tab-b .bottom ul li .li-x:hover, .bo .giftWrap .bottom ul li .li-x:hover { color: #f60; }
.bo .tab .tab-b .bottom ul li .li-a img, .bo .giftWrap .bottom ul li .li-a img {float: left;margin-right: 8px; width: 90px; height: 90px; }
.bo .tab .tab-b .bottom ul li .li-a >em, .bo .giftWrap .bottom ul li .li-a >em { background: url(../images/bg_90.png); width: 90px; height: 90px; position: absolute; top: 0; left: 0; }
.bo .tab .tab-b .bottom ul li .s-c .bo .giftWrap .bottom ul li .s-c { display: inline-block; width: 155px; height: 24px; color: #999; margin-top: 8px; }
.bo .tab .tab-b .bottom ul li .s-c .font-1, .bo .giftWrap .bottom ul li .s-c .font-1 { display: inline-block; width: 20px; height: 24px; vertical-align: middle; background: url(../images/os_20.png) no-repeat; }
.bo .tab .tab-b .bottom ul li .s-c .font-2, .bo .giftWrap .bottom ul li .s-c .font-2 { display: inline-block; width: 20px; height: 24px; vertical-align: middle; background: url(../images/os_20.png) no-repeat -52px 0; }
.bo .tab .tab-b .bottom ul li .s-c a, .bo .giftWrap .bottom ul li .s-c a { padding: 0 2px 2px 2px; font-size: 12px; margin: 0 0 0 4px; height: 13px; overflow: initial; vertical-align: middle; border-radius: 2px; display: inline-block; }
.bo .tab .tab-b .bottom ul li .s-c .zq, .bo .giftWrap .bottom ul li .s-c .zq { color: #f60; background: none; border: 1px solid #f60; }
.bo .tab .tab-b .bottom ul li .s-c .kf, .bo .giftWrap .bottom ul li .s-c .kf { color: #f91d1d; border: 1px solid #f91d1d; background: none; }
.bo .tab .tab-b .bottom ul li .s-v, .bo .giftWrap .bottom ul li .s-v { display: inline-block; width: 155px; height: 24px; overflow: hidden; color: #999; line-height: 18px; margin-top: 8px; }
.bo .tab .tab-b .bottom ul li .s-v a, .bo .giftWrap .bottom ul li .s-v a { color: #666; font-size: 14px; }
.bo .tab .tab-b .bottom ul li .s-v i, .bo .giftWrap .bottom ul li .s-v i { width: 1px; height: 12px; background: #dbdbdb; display: inline-block; margin: 0 6px; }
.bo .tab .tab-b .bottom ul li .s-v em, .bo .giftWrap .bottom ul li .s-v em { color: #f08620; font-weight: bold; font-size: 14px; font-family: Georgia; }
.bo .wrap { width: 820px; position: relative; overflow: hidden; }
.bo .wrap .wrap-top { display: block; border-bottom: 2px solid #358ff0; margin-bottom: 12px; position: relative; height: 55px; }
.bo .wrap .wrap-top h2 { line-height: 38px; padding: 0 15px; background: #358ff0; color: #fff; font-weight: normal; font-size: 16px; float: left; border-radius: 5px 5px 0px 0px; margin-top: 17px; }
.bo .wrap .wrap-top a, .bo .ticle a { float: right; color: #585858; padding-right: 10px; padding-top: 25px; }
.bo .wrap .wrap-top a:hover, .bo .ticle a:hover { color: #f60; }
.bo .wrap .wrap-bo { padding: 0; height: 190px; overflow: hidden; width: 820px; }
.bo .wrap .wrap-bo ul li { text-indent: 0; float: left; width: 180px; overflow: hidden; margin-left: 20px; height: 190px; }
.bo .wrap ul li p { padding-top: 10px; display: inline-block; width: 180px; height: 180px; }
.bo .wrap ul li p a { width: 180px; height: 120px; float: left; display: block; position: relative; }
.bo .wrap ul li p img { width: 180px; height: 120px; }
.bo .wrap ul li p i { position: absolute; bottom: 0; left: 0; width: 100%; height: 25px; line-height: 25px; background-color: rgba(0,0,0,0.7); color: #fff; font-size: 13px; text-align: center; }
.bo .wrap ul li p .uo { top: 0; }
.bo .wrap ul li p span { display: block; overflow: hidden; width: 180px; line-height: 22px; font-size: 14px; height: 42px; text-align: center; padding-top: 5px; }
.bo .wrap ul li p:hover span { color: #f60; }
.bo .giftWrap { width: 820px; height: 287px;float:left; }
.bo .giftWrap .wrap-top { border-bottom: 2px solid #358ff0; margin-bottom: 12px; position: relative; display: block; height: 55px; }
.bo .giftWrap .wrap-top .cur { background: #fff; color: #444; }
.bo .giftWrap .wrap-top h2, .bo .ticle h2 { height: 38px; line-height: 38px; padding: 0 15px; display: inline-block; font-weight: normal; font-size: 16px; margin-top: 17px; float: left; border-radius: 5px 5px 0px 0px; background: #358ff0; color: #fff;cursor: pointer;}
.bo .giftWrap .wrap-top h2.cur{background: #fff;color: #444;}
.bo .ticle { width: 820px; height: 399px; }
.bo .ticle .wrap-top { height: 55px; border-bottom: 2px solid #358ff0; margin-bottom: 12px; position: relative; display: block; }
.bo .ticle .wrap-nu { width: 820px; height: 332px; margin-bottom: -1px; background: #fff; }
.bo .ticle .wrap-nu ul li { width: 810px; float: left; overflow: hidden; border-bottom: 1px dotted #ddd; padding: 10px 0 10px 10px; height: 90px; display: inline-block; }
.bo .ticle .wrap-nu ul li a { padding-top: 10px; float: left; }
.bo .ticle .wrap-nu ul li a img { width: 90px; height: 90px; float: left; margin-right: 15px; border-radius: 8px; }
.bo .ticle .wrap-nu ul li .fo { width: 810px; height: 87px; }
.bo .ticle .wrap-nu ul li .fo .tit { font-size: 16px; color: #333; line-height: 35px; background: none; font-weight: 800; }
.bo .ticle .wrap-nu ul li .fo .tit:hover { color: #f60; }
.bo .ticle .wrap-nu ul li .fo p { height: 26px; line-height: 26px; color: #858585; font-size: 13px; width: 600px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bo .ticle .wrap-nu ul li .fo p span { color: #ff7e72; }
.bo .ticle .wrap-nu ul li .fo .jo { padding: 8px 15px; font-size: 16px; width: 65px; text-align: center; float: right; color: #fff; background: #08961e; margin-top: -50px; border-radius: 2px; }
.bo .comment { width: 820px; max-height: 521px;float:left; }
.bo .comment .comment-t, .bo .fun .fun-o { height: 55px; border-bottom: 2px solid #358ff0; margin-bottom: 12px; position: relative; display: block; }
.bo .comment .comment-t h2, .bo .fun .fun-o h2 { height: 38px; line-height: 38px; padding: 0 15px; display: inline-block; font-weight: normal; font-size: 16px; margin-top: 17px; float: left; border-radius: 5px 5px 0px 0px; background: #358ff0; color: #fff; }
.bo .comment .comment-b { padding: 0 10px; margin-top: 15px; overflow: hidden; font-size: 14px; max-height: 137px; }
.bo .comment .comment-b .sun { padding: 0 10px; line-height: 30px; border-left: 5px solid #3db73d; font-size: 16px; margin-bottom: 5px; }
.bo .comment .comment-b .sun i { padding: 0 4px; background: #f60; color: #fff; border-radius: 4px; margin-left: 5px; font-size: 12px; height: 17px; display: inline-block; line-height: 17px; }
.bo .comment .comment-b .sun >a  { font-size: 14px; color: #858585; float: right; }
.bo .comment .comment-b ul li { height: 34px; float: left; width: 390px; background: url(../images/file_.jpg) 0px 12px no-repeat; padding-left: 8px; }
.bo .comment .comment-b ul li a { display: inline-block; width: 332px; height: 30px; line-height: 30px; overflow: hidden; color: #666; }
.bo .comment .comment-b ul li a:hover { color: #f60; }
.bo .comment .comment-b ul li span { float: right; line-height: 30px; margin-right: 20px; color: #999; font-size: 13px; }
.bo .fun { width: 820px;float:left;  }
.bo .fun .fun-n { height: 207px; }
.bo .fun .fun-n .list { border-bottom: 1px #358ff0 solid; height: 27px; }
.bo .fun .fun-n .list p .sz { font-size: 14px; color: red; padding: 0 8px; }
.bo .fun .fun-n .list p .rm { font-size: 14px; color: #666; margin: 7px 0px; }
.bo .fun .fun-n .mb { height: 164px; margin: 15px 0; }
.bo .fun .fun-n .mb .wm { height: 30px; color: #9E9E9E; background: url(../images/deta.jpg) 0 0 no-repeat; font-size: 14px; }
.bo .fun .fun-n .mb .wm input { width: 139px; padding: 2px 3px 0px 5px; height: 20px; line-height: 20px; margin: 1px 10px 0 42px; border: 0 none; }
.bo .fun .fun-n .mb .in input { width: 820px; height: 90px; font-size: 12px; overflow: auto; }
.bo .fun .fun-n .kc { width: 820px; height: 35px; }
.bo .fun .fun-n .kc a { width: 547px; height: 20px; padding-top: 5px; float: left; font-size: 14px; color: #666; }
.bo .fun .fun-n .kc a:hover { color: #f60; }
.bo .fun .fun-n .kc span { font-size: 14px; width: 60px; right: 160px; top: 7px; color: #666; }
.bo .fun .fun-n .kc img { right: 80px; padding-top: 10px; height: 15px; }
.bo .fun .fun-n .kc input { width: 75px; line-height: 21px; border: 1px solid #FBA605; }
.bo .fun .fun-n .kc i { width: 77px; height: 23px; text-align: center; background: #FBA605; color: white; font-size: 14px; float: right; margin: 10px 0 0 0; }
.bo .fun .fun-n .kc i:hover { background: #ffb62e; }
.bo .ba-r { float: right; width: 310px; position: relative; height: auto; }
.bo .ba-r .sd { width: 310px; max-height: 210px; margin-bottom: 15px; }
.bo .ba-r .sd a { width: 310px; height: 210px; display: block; }
.bo .ba-r .sf, .bo .ba-r .sy { margin-bottom: 15px; width: 310px; background: #fff; position: relative; z-index: 999;float:left;}
.bo .ba-r .sf .sf-t, .bo .ba-r .sy .sy-t { height: 36px; line-height: 36px; border-bottom: 1px solid #ddd; background: #fff; }
.bo .ba-r .sf .sf-t .tj, .bo .ba-r .sy .sy-t .tj { color: #358ff0; border-top: 3px solid #358ff0; height: 40px; background: #fff; margin-top: -7px; float: left; padding: 0 12px; border-right: 1px solid #ddd; }
.bo .ba-r .sf .sf-t .ta { background: #f8f8f8; float: left; padding: 0 12px; color: #666; border-right: 1px solid #ddd; font-size: 16px; height: 35px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.bo .ba-r .sf .sf-t .tab_cur { color: #358ff0; border-top: 3px solid #358ff0; height: 40px; background: #fff; margin-top: -7px; float: left; padding: 0 12px; border-right: 1px solid #ddd; }
.bo .ba-r .sf .sf-b { width: 310px; height: 387px;overflow: hidden; }
.bo .ba-r .sf .sf-b ul { width: 295px; padding-top: 5px; padding-bottom: 12px;float:left; }
.bo .ba-r .sf .sf-b ul li { width: 290px; margin-left: 13px; padding: 8px 0 8px 6px; float: left; height: 20px; line-height: 23px; border-bottom: 1px dotted #eee; overflow: hidden; font-size: 14px; }
.bo .ba-r .sf .sf-b ul li a { color: #666; }
.bo .ba-r .sf .sf-b ul li a:hover { color: #f60; }
.bo .ba-r .sf .sf-b ul li .mn { width: 80%; height: 20px; display: inline-block; overflow: hidden; }
.bo .ba-r .sf .sf-b ul li span { display: inline-block; width: 15%; height: 20px; text-align: right; font-size: 12px; color: #999; }
.bo .ba-r .sf .sf-b ul li span i { font-weight: lighter; color: #ba2636; }
.bo .ba-r .sf .sf-g { width: 310px; height: 553px;overflow: hidden; }
.bo .ba-r .sf .sf-g ul { margin-bottom: -1px; background: #fff; height: 554px;overflow: hidden;width:100% }
.bo .ba-r .sf .sf-g ul li, .bo .ba-r .sy .sy-f ul li { width: 100%;overflow: hidden; border-bottom: 1px dotted #ddd; padding: 10px 0 10px 10px; height: 90px; position: relative; }
.bo .ba-r .sf .sf-g ul li a, .bo .ba-r .sy .sy-f ul li a { float: left; margin-right: 8px; position: relative; display: inline-block; width: 90px; }
.bo .ba-r .sf .sf-g ul li .bh { float: left;width:200px;}
.bo .ba-r .sf .sf-g ul li a img, .bo .ba-r .sy .sy-f ul li a img { width: 90px; height: 90px; }
.bo .ba-r .sf .sf-g ul li a em, .bo .ba-r .sy .sy-f ul li a em { background: url(../images/bg_90.png); width: 90px; height: 90px; position: absolute; top: 0; left: 0; }
.bo .ba-r .sf .sf-g ul li .bh .xk { width: 100%;float: left; font-size: 17px; display: block; height: 35px; line-height: 35px; overflow: hidden; color: #444; }
.bo .ba-r .sy .sy-f ul li .bh .xk { width: 200px; font-size: 17px; display: block; height: 35px; line-height: 35px; overflow: hidden; color: #444; }
.bo .ba-r .sf .sf-g ul li .bh .xk:hover, .bo .ba-r .sy .sy-f ul li .bh .xk:hover { color: #f60; }
.bo .ba-r .sf .sf-g ul li .bh p, .bo .ba-r .sy .sy-f ul li .bh p { color: #858585; height: 26px; line-height: 26px; overflow: hidden; width: 202px; font-size: 13px }
.bo .ba-r .sf .sf-g ul li .bh p em, .bo .ba-r .sy .sy-f ul li .bh p em { float: left; }
.bo .ba-r .sf .sf-g ul li .bh p .si { color: #f60; font-weight: bold; font-size: 14px; font-family: Georgia; width: 17px; height: 17px;margin-right: 8px; }
.bo .ba-r .sf .sf-g ul li .bh p span { width: 90px; background: url(../images/style.jpg) repeat-x scroll 0 bottom; background-size: 18px; height: 18px; display: inline-block; position: relative; top: 2px; left: -2px; }
.bo .ba-r .sf .sf-g ul li .bh p span i { width: 71px; background: url(../images/style.jpg) repeat-x 0 3px; background-size: 18px; height: 18px; display: inline-block; }
.bo .ba-r .sf .sf-g ul li .bh p span i.start1 { width: 18px; }
.bo .ba-r .sf .sf-g ul li .bh p span i.start2 { width: 36px; }
.bo .ba-r .sf .sf-g ul li .bh p span i.start3 { width: 54px; }
.bo .ba-r .sf .sf-g ul li .bh p span i.start4 { width: 72px; }
.bo .ba-r .sf .sf-g ul li .bh p span i.start5 { width: 90px; }
.bo .ba-r .sy .sy-t .ts { float: right; color: #585858; padding-right: 10px; font-size: 14px; }
.bo .ba-r .sy .sy-t .ts:hover { color: #f60; }
.bo .ba-r .sy .sy-f ul li .bh p span { background: url(../images/star.gif) repeat-x 0 bottom; float: left; height: 16px; overflow: hidden; width: 100px; margin-top: 3px; }
.bo .ba-r .sy .sy-f ul li .bh p span i { width: 60px; background: url(../images/star.gif) repeat-x 0 top; float: left; height: 16px; overflow: hidden; }
.bo .ba-r .sy .sy-f ul li .bh .ie { width: 60px; height: 60px; background: url(../images/yg.jpg) no-repeat; position: absolute; z-index: 9; left: 243px; top: 43px; }
.bo .ba-r .sy .sy-f { width: 310px; background: #fff;  z-index: 3; height: 554px; }
.sex { width: 1200px; position: relative; height: 172px; margin: 0 auto; }
.sex ul { position: absolute; width: 1180px; background: #fff; margin-top: 10px; margin-bottom: 10px; z-index: 10; padding-top: 5px; padding-bottom: 5px; overflow: hidden; height: 152px; }
.sex ul li { float: left; list-style: none; width: 583px; height: 38px; line-height: 38px; overflow: hidden; margin-left: 5px; font-size: 14px; }
.sex ul li span { background: url("../images/lite.jpg") no-repeat 0 -22px; font-size: 12px; line-height: 22px; display: inline-block; width: 70px; text-indent: -8px; margin: 8px 0 0 12px; color: #fff; text-align: center; }
.sex ul li a { padding: 0 6px; font-size: 13px; display: inline-block; color: #666; }
.sex ul li a:hover { color: #f60; }
.find { background: #fff; border: 1px solid #ddd; padding: 10px; width: 1178px; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; color: #000; font-size: 14px; }
.find a { color: #666; margin: 0 8px; }
.find a:hover { color: #f60; }
.footer { width: 100%; background: #3d3c3a; overflow: auto; }
.content .center img { border: 0; max-width: 780px; display: block; margin: 8px auto; }
.footer .CWidth { width: 1200px; margin: 0 auto; background: url(/images/info_logo_other.png) no-repeat left center; text-align: center; padding: 30px 0; overflow: auto; color: #ccc; background-size: 18%; }
.footer .CWidth a { color: #ccc; line-height: 30px; font-size: 14px; }
.footer .CWidth p { color: #999; font-size: 12px; line-height: 25px; margin-top: 15px; }
.CWidth { width: 1200px; margin: 0 auto; }
.top { width: 100%; background: #fff; font-size: 12px; height: 35px; border-bottom: 1px solid #e3e3e3; min-width: 1200px; line-height: 35px; }
.TopWrap { height: 35px; }
.TopWrap .TopWMenu { float: left; text-align: right; width: 50%;white-space: nowrap;overflow: hidden; }
.TopWrap .TopWHome { width: 50%; float: left; }
.TopWrap .TopWHome a { display: block; float: left; margin: 0 10px; }
.TopWHNav a.SiteMap { background: url(../images/3322.png) no-repeat -420px 3px; padding-left: 15px; }
.TopWHNav a.SiteMap:hover { background: url(../images/3322.png) no-repeat -420px -27px; }
.TopWHome a.WPhone { background: url(../images/3322.png) no-repeat -420px -60px; padding-left: 15px; }
.TopWHome a.WPhone:hover { background: url(../images/3322.png) no-repeat -420px -95px; }
.TopWrap .TopWHome .TopWHNav { float: left; position: relative; z-index: 1000 }
.TopWrap .TopWMenu a { margin-left: 10px; }
.TopWrap .TopWMenu span { margin-left: 10px; }
.TopWrap a:hover { color: #358ff0; }
.TopWrap .TopWHome .TopWHNav .TopWHNavMain { width: 1138px; border: 1px solid #e3e3e3; padding: 30px; overflow: auto; position: absolute; top: 35px; left: -44px; background: #fff; display: none; z-index: 1001; }
/**/.TopWrap .TopWHome .TopWHNav:hover .TopWHNavMain { display: block; }
.TopWrap .TopWHome .TopWHNav .TopWHNavMain a { margin-left: 0; font-size: 14px; margin-right: 15px; }
.TopWrap .TopWHome .TopWHNav .TopWHNavMain p { font-size: 16px; color: #358ff0; }
.TopWHNavMain .SubNav1 { float: left; width: 370px; padding-left: 15px; min-height: 120px; overflow: auto; padding-top: 10px; }
.TopWHNavMain .SubNav2 { float: left; width: 351px; padding-left: 15px; min-height: 120px; overflow: auto; padding-top: 10px; }
.SubNavLine1 { border-bottom: 1px dashed #e3e3e3; }
.SubNavLine2 { border-left: 1px dashed #e3e3e3; border-right: 1px dashed #e3e3e3; }
.header { width: 100%; min-width: 1200px; height: 120px; background: #fff; }
.header ul li { float: left; }
.header ul li img { margin-top: 28px; }
.header ul li.HSearch { width: 580px; float: right; height: 80px; margin-top: 28px; }
.H_Search { height: 40px; }
.search_cate { float: left; width: 79px; background: url(../images/3322.png) no-repeat -430px -595px; border: 1px solid #d8d8d8; border-right: none; height: 38px; position: relative; }
.search_cate span { display: block; line-height: 38px; padding-left: 15px; cursor: pointer; width: 54px; }
.cate-toggle { position: absolute; width: 79px; height: 105px; ; background: #fff; border: 1px solid #d8d8d8; border-top: none; top: 40px; display: none; left: 0; }
.cate-toggle li.cate-item { width: 64px; padding-left: 15px; line-height: 25px; }
.cate-toggle li.cate-item:hover { background: #12a8e3; color: #fff; cursor: pointer; }
.search_input { width: 388px; height: 38px; border: 1px solid #d8d8d8; border-left: none; padding-left: 10px; line-height: 38px; float: left; display: block; color: #666; outline: none; }
.search_btn { width: 98px; height: 40px; background: #358ff0; color: #fff; display: inline; float: left; text-align: center; line-height: 40px; font-size: 16px; overflow: hidden; }
.search_btn:hover { color: #ececec; }
.HSearch p { clear: both; line-height: 35px;white-space: nowrap;overflow: hidden; }
.HSearch p a:hover { color: #358ff0; }
.HSearch p a { margin-right: 12px; }
.HSearch p span { margin-right: 10px; }
.nav { width: 100%; min-width: 1200px; background: #358ff0; height: 50px; line-height: 50px; font-size: 18px; margin-bottom: 20px;white-space: nowrap;overflow: hidden; }
.nav a { color: #fff; padding: 0 30px; display: block; float: left; height: 50px; }
.nav a:hover{background:#2b71c2;}
.nav a.current{background:#2b71c2;}
.nav1 { width: 100%; min-width: 1200px; background: #358ff0; height: 50px; line-height: 50px; font-size: 18px; margin-bottom: 20px; }
.nav1 a { color: #fff; padding: 0 11px; display: block; float: left; height: 50px; }
.nav1 a:hover { background: #2b71c2; }
.nav1 a.current { background: #2b71c2; }
.footer { width: 100%; min-width: 1200px; background: #3d3c3a; overflow: auto; }
.footer div { background: url(../images/logo.png) no-repeat left center; text-align: center; padding: 30px 0; overflow: auto; color: #ccc; background-size: 18%; }
.footer div a { color: #ccc; line-height: 30px; }
.footer div a:hover { color: #fff; }
.footer div p { color: #999; font-size: 12px; line-height: 25px; margin-top: 15px; }
/*回到顶部*/
#move{position: fixed;left: 50%;margin-left:610px;top:600px;display: none;height:430px;}
#move li{width: 60px;height:60px;line-height:60px;text-align: center;cursor: pointer;margin-bottom:1px;background:#e1dfdf;}
#move li.active{background:#358ff0;color:#fff;}
#move ul li:hover{background:#358ff0;color:#fff;}
#move li.last{font-size:36px;font-weight:bold;}
/*回到顶部结束*/
/*评论_2018年5月20日*/
.comment { margin:0 25px; overflow: auto; margin-bottom:20px; }
.comment .comment-t, .bo .fun .fun-o { height: 55px; border-bottom: 2px solid #358ff0; margin-bottom: 12px; position: relative; display: block; }
.comment .comment-t h2, .bo .fun .fun-o h2 { height: 38px; line-height: 38px; padding: 0 15px; display: inline-block; font-weight: normal; font-size: 16px; margin-top: 17px; float: left; border-radius: 5px 5px 0px 0px; background: #358ff0; color: #fff; }
.comment .comment-b {  margin-top: 15px; overflow: hidden; font-size: 14px; max-height: 137px; }
.comment .comment-b .sun { padding: 0 10px; line-height: 30px; border-left: 5px solid #358ff0; font-size: 16px; margin-bottom: 5px; }
.comment .comment-b .sun i { padding: 0 4px; background: #f60; color: #fff; border-radius: 4px; margin-left: 5px; font-size: 12px; height: 17px; display: inline-block; line-height: 17px; }
.comment .comment-b .sun >a  { font-size: 14px; color: #858585; float: right; }
.comment .comment-b ul li { height: 34px; float: left; width: 390px; background: url(../images/file_.jpg) 0px 12px no-repeat; padding-left: 8px; }
.comment .comment-b ul li a { display: inline-block; width: 332px; height: 30px; line-height: 30px; overflow: hidden; color: #666; }
.comment .comment-b ul li a:hover { color: #f60; }
.comment .comment-b ul li span { float: right; line-height: 30px; margin-right: 20px; color: #999; font-size: 13px; }

.commentTit{width:100%;height:50px;overflow:hidden;font-size:20px;font-weight:bold;line-height:50px;}
.commentTit p{float:left;}
.commentTit p span{float:left;height:30px; min-width:25px; border-radius:6px;background:#358ff0;line-height:30px;color:#fff;text-align:center;font-weight:normal;font-size:16px;margin:10px 0;}
.commentTit p i{float:left;width:0;height:0;border-left:6px solid #358ff0;border-top:6px solid transparent;border-bottom:6px solid transparent; margin:20px 8px 0 0;}
.commentTit a{float:right;}
.comment{margin:0;}
.comment textarea{width:100%;height:84px; box-sizing:border-box;border:1px solid #358ff0;padding:0 10px;line-height: 19px;border-radius:6px;}
.comment input{box-sizing:border-box;border:1px solid #358ff0;}
.comment ul{width:100%;height:auto; overflow:hidden;margin:10px 0;}
.comment >ul li{width:100%;height:auto; overflow:hidden;border-bottom:1px solid #ccc;padding:6px 0;}
.comment ul li .contTitle{width:100%;height:40px; line-height:40px; overflow:hidden;}
.comment ul li .contTitle span{float:left;color:#358ff0;}
.comment ul li .contTitle time{float:right;color:#999;}
.comment ul li .contC{width:100%;height:auto; overflow:hidden;}
.comment{background-color:#fff;width:100%; height:auto;overflow:hidden; box-sizing:border-box;}
.comment .plbutton{width:100%;height: auto;overflow:hidden;margin:0;padding:5px 0 0;box-sizing:border-box;float: left;}
.comment .tjbutton{float: left;width: 67%;height:30px;line-height:30px;background:#ff4d4e;font-size:14px;font-weight:normal;font-family:"microsoft yahei";text-align:center;color:#fff;padding:0;margin:0;border:0;display: block;overflow:hidden;border-radius:4px;-webkit-box-flex:1;outline: none;cursor: pointer;}
.comment .cancel{float: left;width: 30%;height:30px;line-height:30px;background:#ccc;font-size:14px;font-weight:normal;font-family:"microsoft yahei";text-align:center;color:#fff;padding:0;margin: 0 0 0 3%;border:0;display:block;overflow:hidden;border-radius:4px;outline: none;cursor: pointer;}
.comment .plbutton .yzm{width: 31%;height: 30px;line-height: 30px;border-radius:6px;outline: none;}
.comment .plbutton img{height: 21px;position: relative;margin-right: 20px;}