@charset 'utf-8';

/**
 * mir_main.css
 * @thor szc
 * @date 2015-10-20
 **/
html,body,div,span,iframe,h1,h2,h3,h4,h5,p,pre,em,img,strong,b,i,dl,dt,dd,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0}
a,input,button{margin:0;padding:0;outline:0}
h1,h2,h3,h4,h5{font-size:100%}
ul,li{list-style:none}
a,button{cursor:pointer}
table{border-spacing:0;border-collapse:collapse;margin:0 auto;}
.cls{*zoom:1}
.cls:after{display:block;visibility:hidden;clear:both;overflow:hidden;height:0;content:'.'}
.cls{clear:both}
a{text-decoration:none;color:#dfdbd7}
a:hover{text-decoration:none;color:#f00}
.hidden{display:none}
em,i,strong{font-weight:400;font-style:normal}
body{
	min-width: 1200px; 
    overflow: auto;
    background:url(images/gray.jpg);
}
.body{font:14px/1.5 'Microsoft Yahei',SimSun;position:relative;overflow-x:hidden;color:#918f8f;background:url(images/bg.jpg) top center no-repeat;}
.inner-wrap{position:relative;width:1200px;margin:auto;background:url(images/main.jpg) no-repeat;}
.header{height:519px;position:relative;}
.wrap{position:relative;z-index:2;margin:auto;*margin-top:0;height:1612px;background:url(images/i-bottom.jpg) no-repeat center bottom;}
.container{width:1200px;height:1093px;margin-left:1px;}
.c-body .wrap{background-image:url(images/bottom.jpg);padding-bottom:274px;height:auto;}
.c-body .container{height:auto;}
.c-body .main{background:#fff;background:rgba(255,255,255,0.6);}

/* header */
.main{float:right;width:902px;position:relative;}
.kv-top{position:absolute;z-index:1;left:50%;overflow:hidden;width:2000px;height:600px;margin-left:-1000px;*height:560px}
.kv-top-img{position:relative;clear:both;overflow:hidden;width:2000px;height:600px}
.kv-top-img li{overflow:hidden;width:2000px;height:600px}
.kv-top-img li img{width:2000px;height:600px}
.kv-top-num{position:absolute;top:450px;right:50%;margin-right:-530px}
.kv-top-num li{font-size:0;line-height:0;float:left;overflow:hidden;width:14px;height:14px;margin-left:8px;text-indent:-9999em;border-radius:7px;background:#C0C0C0}
.kv-top-num li:hover,.kv-top-num li.focus{background:#BD9D60}
.top-nav{z-index:2;width:100%;font-size:16px;}
.nav{height:72px;}
.nav li{float:left;width:120px;height:72px;text-align:center;position:relative;margin-left:20px;_display:inline;}
.nav i{display:block;color:#80534e;font-size:12px;}
.nav .line{bottom:0;}
#navhead{margin-left:80px;}
#navLast{margin-left:240px;}
.nav a{color:#777777;display:block;height:60px;width:100%;position:relative;padding-top:12px;}
.nav a:hover{background:rgba(255,255,255,0.6);}
.sub-nav{position:relative;z-index:2;text-align:center;width:470px;display:none}
.sub-nav ul{float:left;width:94px}
.sub-nav li{line-height:26px;height:26px}
.sub-nav a{color:#353535}
.new{background-position:74px -98px}
.mid-code-box{position:relative;z-index:2}
.mid-code{height:215px;width:215px;position:absolute;right:0;top:-500px;transition:top .4s ease;z-index:9}
.mid-show .mid-code{display:block;top:22px}
.logo{top:-4px;text-indent:-9999px;position:absolute;z-index:2;left:527px;width:147px;height:173px;background:url(images/logo.png) no-repeat;}
.tips18{position:absolute;z-index:2;left:0;color:#33180f;line-height:34px;height:34px;text-align:center;width:288px;bottom:0;}
#qq{position:absolute;bottom:-9px;width:90px;height:22px;text-indent:-9999px;overflow:hidden;background:url(images/3/qq.png) no-repeat;z-index:2;left:50%;margin-left:394px;top:534px}

/* loginframe */
.side{float:left;width:287px}
.start{height:146px;display:block;}
.start:hover{background:url(images/jpg.jpg) no-repeat;}
.block-a{display:block;overflow:hidden;height:100%;text-indent:-9999em}
.login{font-size:12px;height:179px;position:relative;margin-bottom:9px;color:#a6a6a6;}
.login .t{width:260px;background-position:2px -238px;margin:auto;}
.login-t a{font-size:16px;line-height:43px;float:left;width:143px;height:54px;color:#a5a5a5;}
.login-t a:hover{background:url(images/jpg.jpg) no-repeat;}
#charge{width:144px;}
#btn-reg:hover{background-position:0 -147px}
#charge:hover{background-position:-143px -147px;}
.m1{background-position:0 -242px}
.m2{background-position:0 -290px}
#charge:hover .mark,#btn-reg:hover .mark{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}
.log{position:relative}
.log li{position:absolute}
.text{font-family:'Microsoft Yahei';line-height:24px;width:186px;height:26px;padding:0 6px;color:#2e2e2e;background-color:#d9dadb;border-radius:3px;}
.user{top: 8px;left:44px;}
.psw{top: 40px;left:44px;}
.user label,.psw label{display:none}
.remember{top: 72px;left:44px;}
.get-psw{top: 72px;left:189px;}
.get-psw a{color:#a6a6a6}
.log-btn{top: 96px;left:44px;width:199px;height:46px;}
.log-btn a{background:url(images/jpg.jpg) no-repeat 0 -202px;width:100%;height:100%;transition:.2s;}
.log-btn a:hover{background-position:0px -248px}
.loged{width:244px;margin:auto;padding-top: 18px;}
.loged li{line-height:24px}
.loged-usercenter{text-align:right}
.loged-usercenter a{margin-left:5px}

/* server */
.recom-server{height:215px;position:relative;padding:0 13px 0 14px;margin-bottom:12px;}
.c-body .recom-server{background:url(images/server.jpg) no-repeat;}
.recom-server .t{background-position:5px -277px;margin:auto;}
.quick-ingame{line-height:45px;width:212px;height:45px;margin:auto;color:#4c4c4c;}
.fastin-input{width:37px;height:19px;text-align:center;line-height:19px;color:#780c02;background:#c1c1c1;}
.fastin-btn{width:34px;height:18px;display:inline-block;vertical-align:middle;border-radius:5px;text-align:center;line-height:17px;color:#ffe493;background:#c03232;font-size:12px;transition:.5s;}
.fastin-btn:hover{color:#FFFFFF;}
.sidebar-server{height:128px;width:212px;margin:0 auto;overflow:hidden;}
.sidebar-server li{height:31px;line-height:31px;*height:26px;*line-height:26px;overflow:hidden;border-bottom:1px dotted #DEDCDC;}
.sidebar-server li a{display:block;color:#4c4c4c;}
.sidebar-server li:first-child a,.sidebar-server li:first-child a span{color:#e94d00}
.sidebar-server li:last-child{border:0;}
.sidebar-server li span{float:right;color:#891a15;}
.sidebar-server li a:hover,.sidebar-server li a:hover span{color:#FF0B00;}
.server-more{line-height:24px;width:74px;height:24px;position:absolute;right:0;top:17px;font-size:14px;}
.all-server{width:197px;height:32px;background:#62716f;display:block;margin:auto;border-radius:5px;line-height:32px;text-align:center;transition:.5s;}
.all-server:hover{background:#bc2e2e;color:#fff;}
.t{width:226px;margin:auto;}
.t em{font-size:18px;font-weight:700px;color:#FFFFFF;display:inline-block;height:100%;border-bottom:1px solid #b30101;}

/*gonglue*/
.gonglue{height:204px;margin-bottom:12px;}
.gonglue-list{padding:13px 30px 0 38px;}
.gonglue-list li{width:100%;height:24px;font-size:12px;border:none;line-height:24px;}
.gonglue-list a{color:#4c4c4c}
.gonglue-list a:hover{color:#f00}
.gonglue .t{height:57px;line-height:60px;}
#gonglue-more{margin-top:25px;}

/* video */
.jietu{width:260px;height:298px;padding:0 13px 0 14px;padding-top:20px;background:#2c354c;overflow:hidden;}
.jietu .t{background-position:2px -178px}
.jietu .jietu_pic{width:100%;height:234px;padding-top:16px;overflow:hidden;position:relative;}
.more{line-height:16px;display:block;float:right;width:47px;height:16px;margin:4px 0 0;background:url(images/png.png) no-repeat  -265px -71px;color:#918f8f;font-size:12px;}
.more:hover{color:#A81E18;}
.s_click{width:20px;height:50px;display:block;position:absolute;cursor:pointer;z-index:2}
#left_click{top:45%;left:8px;background:url("images/left.png") no-repeat;}
#right_click{top:45%;right:6px;background:url("images/right.png") no-repeat;}
#left_click:hover{background:url("images/left_hov.png") no-repeat;}
#right_click:hover{background:url("images/right_hov.png") no-repeat;}

/*service*/
.service{line-height:24px;width:403px;height:186px;float:left;color:#4c4c4c;font-size:12px;margin-bottom:12px;}
.service .t{height:39px;}
.service .con{padding:22px 0 0 21px;position:relative;}
.service .con p{width:170px;}
.service em{color:#5f260f}
.service a{line-height:17px;display:inline-block;width:61px;height:18px;text-align:center;color:#ffe493;background:#c03232;border-radius:5px;transition:.5s;}
.service a:hover{color:#FFF}
.qr-des{position:absolute;top:33px;right:21px;}
.c-body .service{width:100%;background:url(images/service.jpg) no-repeat;height:204px;}
.c-body  .service .t{height:60px;}
.c-body .service .con{padding:12px 0 0 29px;position:relative;}
.c-body .qr-des{top:100px;}
.tel{margin-bottom:8px}

/*media*/
.media{height:122px;}
.media .t{height:43px;}
.media .t em{line-height:44px;}
.media .con{overflow:hidden;height:81px;}
.media-scroll{overflow:hidden;width:150px;height:50px;margin:15px auto}
.media-scroll li{width:150px;height:50px}
.media-scroll img{width:150px;height:50px}

/*kv*/
.kv{position:relative;float:left;width:486px;height:255px;overflow:hidden;z-index:1;margin:0 12px 10px 0;}
.kv-num{position:relative;margin:auto;bottom:26px;width:100%;text-align:center;overflow:hidden;left:0;}
.kv-num li{width:30px;height:3px;overflow:hidden;margin-right:7px;cursor:pointer;border-radius:30px;background:#FFF;display:inline-block;*display:inline;*zoom:1;}
.kv-num li:hover,.kv-num li.current{background:#C03232;width:30px;}
.kv-img img{width:486px;height:255px}

/*fast*/
.fast{float:left;width:403px;height:328px;overflow:hidden;padding-top:10px;background:url(images/fast.jpg) no-repeat;}
.box{width:361px;height:100px;overflow:hidden;margin:0 auto 7px;position:relative;}
.f{position:relative;display:block;width:360px;height:100px;-webkit-transition:all .5s ease-out;-moz-transition:all 1s ease-out;-ms-transition:all 1s ease-out;background:url(images/fast.jpg) no-repeat -21px -11px;}
.f1{}
.f2{background-position:-21px -118px;}
.f3{background-position:-20px -225px;}
.box .i-1{position:absolute;top:60px;left:28px;display:block;width:78px;height:24px;background:url(images/png.png) no-repeat -294px -6px;text-indent:-9999em;}
.box:hover .i-1{background-position:-294px -36px;}
.box h2{position:absolute;top:22px;left:26px;color:#FFFFFF;font-size:22px;background:url(images/png.png) no-repeat -379px -2px;text-indent:-9999em;width:119px;height:23px;}
.box2 h2{background-position:-381px -34px;}
.box3 h2{background-position:-381px -67px;}
.f:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}

/*news*/
#news{float:left;width:371px;height:253px;overflow:hidden;border:1px solid #4d4f51;background-color:#414346;padding:0 15px;}
#news .more{width:47px;margin:14px 0 0 0;}
.news-tab{height:48px;border-bottom:1px solid #918f8f}
.news-tab li{display:inline;float:left;position:relative}
.news-tab li a{line-height:48px;display:block;width:76px;height:48px;text-align:center;color:#918f8f;transition:.5s;font-size:16px;}
.news-tab li a:hover,.news-tab li.current a{color:#ffffff;font-weight:700;}
.line{display:block;position:absolute;bottom:-1px;z-index:3;width:0;height:2px;background:#62716f;transition:.5s;*display:none}
.news-tab .line{background:#b30101}
.news-tab li:hover .line,.news-tab li.current .line,.nav li:hover .line{width:100%}
.headline{overflow:hidden;height:42px;text-align:center;}
.headline i{display:inline-block;width:14px;height:14px;background:#d43219;margin-right:10px;text-align:center;vertical-align:middle;line-height:13px;font-size:12px;color:#FFF;}
.headline-title{font-size:18px;font-weight:700;line-height:48px;display:block;overflow:hidden;height:48px;white-space:nowrap;text-overflow:ellipsis;color:#ff8000;}
.headline-sum{font-size:12px;line-height:14px;display:block;overflow:hidden;height:14px;white-space:nowrap;text-overflow:ellipsis;color:#99a0b1}
.news-list{overflow:hidden;height:140px}
.news-list li{line-height:28px;overflow:hidden;width:100%;height:28px;margin:0 auto;white-space:nowrap;text-overflow:ellipsis;}
.news-list li:last-child{border:0}
.a-link{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}
.news-list a{color:#dfdbd7}
.news-list a:hover{color:#bd9d60;}
.a-link:hover{padding-left:5px}
.time{float:right;color:#cacaca}

/*fast2*/
.fast2{float:left;width:293px;height:318px;overflow:hidden}
.fs{position:relative;display:block;width:100%;height:159px;overflow:hidden}
.fs em{width:100%;height:100%;position:absolute;left:0;top:0;opacity:.7;background:url(images/jpg_sprite.jpg) no-repeat;transition:.3s}
.fs2 em{background-position:-7px -823px}
.fs:hover em{opacity:1}
.fs i{position:absolute;bottom:13px;left:13px;display:block;height:30px;background:url(images/png_sprite.png) no-repeat;transition:.3s;width:272px}
.fs2 i{background-position:-3px -51px}
.fs:hover i{left:17px}

/*role*/
.role{position:relative;overflow:hidden;width:486px;height:338px;margin:0 12px 12px 0;float:left;background:url(images/role.jpg) no-repeat;}
.role-nav{position:absolute;left:19px;top:26px;z-index:10;}
.role-nav li{font-size:16px;display:inline;float:left;width:61px;height:36px;position:relative;text-indent:-9999em;}
.role-nav .cur{background:url(images/png.png) no-repeat;}
.role-nav .r-t1{background-position:-70px 0;}
.role-nav .r-t2{background-position:-139px 0;}
.role-nav .r-t3{background-position:-208px 0;}
.role-nav li a{display:block;}
.role-detail{position:relative;display:none;}
.role-detail .r-desc{position:absolute;z-index:2;top:68px;left:-356px;width:240px;height:255px;color:#9f9e9e;}
.curElem .r-desc{left:18px;}
.weapon{width:240px;height:37px;position:absolute;left:0;top:23px;line-height:24px;}
.skill{width:230px;height:37px;position:absolute;left:104px;top:23px;}
.difficulty{width:206px;height:37px;position:absolute;left:0;top:50px;}
.star{width:17px;height:24px;background:url(images/png.png) no-repeat -337px -68px;display:inline-block;vertical-align:middle;}
.star2{background-position:-222px -61px;}
.r-desc em{color:#891a15;}
.description{position:absolute;top:90px;left:0;width:380px;height:100px;color:#c4c4c4;text-indent:2em;}
.description p{text-indent:2em}
.readmore{width:78px;height:24px;background:url(images/png.png) no-repeat    -294px -6px;display:block;}
.readmore:hover{background-position:-294px -36px;}
.role-detail .r-per{position:absolute;bottom:-337px;_bottom:0;right:-300px;width:343px;height:358px}
.role-detail .r-per img{position:absolute;bottom:0;right:0}
.curElem .r-per{right:0}
.role .i-title{width:100%;height:53px;background:url(images/occ.png) no-repeat 0 20px;}

/*ziliao*/
.ziliao{float:left;height:338px;position:relative;width:486px;margin-right:12px;overflow: hidden;_margin-right:5px;}
.ziliao .con{height:246px;}
.ziliao .t{width:450px;height:60px;}
.info_list{margin:25px 0 0 46px;}
.info_list li{width:115px;height:30px;cursor:pointer;float:left;background:#627170;border-radius:8px;margin-right:29px;color:#ffffff;text-align:center;line-height:30px;position:relative;}
.info_list .info_01{background-position:-25px -231px;}
.info_list .info_02{background-position:-173px -231px;}
.info_list .info_03{background-position:-320px -231px;}
.info_list .focus{background:#bc2e2e;}
.ziliao a{color:#4c4c4c}
.info{width:270px;float:right;margin:36px 7px 0 0;}
.info li{width:78px;float:left;height:24px;text-align:center;}
.ziliao-more{margin:28px 0 0 0;}
.info_list .focus:after{line-height:0;position:absolute;right:53px;display:block;overflow:hidden;width:0;height:0;border-width:8px 4px 8px 4px;border-style:solid;content:"";border-color:#BC2E2E rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);bottom:-16px;}

/*links*/
.links{width:403px;height:139px;float:left;overflow: hidden;}
.links .t{height:54px;}
.links .con{overflow:hidden;height:72px;width:91%;margin:auto;}
.links a{line-height:24px;display:inline-block;padding:0 3px;white-space:nowrap;color:#4c4c4c;font-size:13px;}
.links a:hover{color:#d8a55b}

/*article list*/
.content{}
.content strong{font-weight:700}
.article-top{overflow:hidden;width:843px;height:77px;margin:23px auto 0;position:relative;background-color:#646668;opacity:.8;}
.article-top span{font-size:28px;line-height:56px;width:130px;padding:0 0 0 22px;color:#fff;height:48px;display:block;}
.bread-nav{line-height:20px;padding:0 0 0 22px;color:#bbbbbb;font-size:12px;width:410px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.bread-nav a{color:#bbbbbb}
.bread-nav a:hover{color:#ff9f32}
.n-main-nav{position:absolute;right:0;top:0;}
.n-main-nav li{width:102px;float:left;height:77px;line-height:77px;text-align:center;}
.n-main-nav li.cur{background:#dcdee0}
.n-main-nav a{color:#bbb;font-size:24px;display:block;width:100%;height:100%}
.n-main-nav a:hover{color:#FA6D4D;}
.n-main-nav .cur a{color:#646668;}
.article-main{width:843px;min-height:718px;color:#4c4c4c;_height:718px;margin:auto;}
.article-list{margin:0 auto;padding-top:16px}
.article-list li{line-height:30px;overflow:hidden;height:30px;border-bottom:1px dashed #6f6f6f}
.article-list a{color:#7E7F82}
.article-list a:hover{color:#f00}
.article-list .time{color:#7E7F82}
.news-date{float:right}
.pageNum{height:50px;margin:20px auto 0;text-align:center}
.pageNum span{display:inline}
.pageNum a{font-size:12px;line-height:26px;margin:3px;padding:2px 7px;color:#fff;background:#2d416f}

/*content*/
.c-wrap{background:url(images/c-main.jpg) no-repeat;}

/*article*/
.article-title{font-size:40px;line-height:110px;overflow:hidden;height:110px;text-align:center;color:#fa6d07}
.article-title h1{font-weight:400;}
.article-detail{line-height:30px;height:28px;padding-bottom:3px;text-align:center;color:#a7a4a3;}
.article-detail span{color:#848a91}
.article-content{line-height:2;padding:20px 0}
.article-content a,.article-relation a{color:#641111}
.article-relation{font-size:14px;height:150px;margin:0 auto}
.article-relation dt{line-height:36px;height:36px;text-indent:8px;border-bottom:1px solid #4d545d}
.article-relation dd{line-height:30px;float:left;overflow:hidden;width:48%;height:30px;margin:0 0 0 1%;*display:inline}
.card-content a{color:#fff}

/* s-header */
.s-body{background:url(images/s-bg.jpg) center 0 no-repeat;color:#7e7d7d}
.s-body a{color:#7e7d7d}
.s-wrap{background:url(images/s-main.jpg) no-repeat;width:1000px;height:1100px;margin:0 auto;}
.s-header{position:relative;height:245px;}
.s-content{position:relative;margin:63px 0 0 406px;width:610px;}
.s-logo{position:absolute;top:12px;left:126px;overflow:hidden;width:116px;height:136px;text-indent:-9999px;}
.s-nav{height:63px;padding:51px 0 0 382px;width:620px;}
.s-nav a{float:left;width:155px;height:63px;text-indent:-9999em;}
.s-nav a:hover{}
#s-nav2:hover{background-position:-145px 0}
#s-nav3:hover{background-position:-290px 0}
#s-nav4:hover{background-position:-435px 0}

/* s-loginframe */
.s-loginframe{position:absolute;top:171px;left:382px;width:624px;height:76px;}
.s-text{width:177px;height:30px;padding:0 6px;background:#919191;font-family:"Microsoft Yahei";line-height:30px;color:#5b5a5d;}
.s-user{top: 8px;left:25px;}
.s-psw{top: 8px;left:223px;}
.s-log-btn{top: 14px;left:422px;}
.s-log-btn a{display:block;width:176px;height:51px;background:url(images/s-btn.jpg) no-repeat;text-indent:-9999px;}
.s-log-btn a:hover{background-position:0 -53px}
.s-remember{top: 48px;left:26px;}
.s-psw-btn{top:45px;left:225px}
.s-reg-btn{top:45px;left:300px}

/* s-loged */
.s-body .loged{width:616px;color:#ccc;font-size:12px;margin-left:20px;padding-top: 2px;}
.s-body .loged li{line-height:24px;float:left;width:295px;color:#006892;}
.s-body .loged a{color:#006892;}
.s-body .loged a:hover{color:#e94d00;}
.s-body .loged .loged-highlight{color:#A52D2D;}
.s-body .loged .loged-highlight:hover{color:#e94d00;}

/* s-recommend-server */
.s-name{font-size:18px;color:#FFF;line-height:42px;}
.s-name-rec{font-weight:700;color:#cccccc;text-indent:1em;}
.s-server-list{width:599px;height:116px;position:relative;}
.s-server-list li{line-height:35px;float:left;width:176px;height:34px;margin:0 18px 10px 0;text-align:center;}
.s-server-list a{display:block;height:100%;color:#fff;background-color:#186a97;}
.s-server-list a:hover{background-color:#F65701;font-size:13px;}
.s-server-list span{color:#f3c801;}
#rec-server{width:100%;float:left;margin:65px auto 0;}

/* s-quick-ingame */
.s-quick-ingame{width:136px;height:28px;line-height:25px;font-size:12px;position:absolute;bottom:20px;left:430px;}
.s-fastin-input{width:44px;height:18px;text-align:center;line-height:18px;color:#6f7578;background:#fff;margin-left:5px;border:1px solid #73797C;}
.s-server-list .s-fastin-btn{width:59px;height:22px;display:inline-block;position:absolute;top:3px;left:74px;text-align:center;background-color:#F97401;line-height:21px;}
.s-server-list .s-fastin-btn:hover{background-color:#F97401;font-size:12px;}

/* s-all-server- */
.all{overflow-y:auto;height:646px}
.sp-pager{overflow:hidden;margin:13px 0 17px 0}
.sp-pager li{line-height:23px;width:68px;height:23px;margin:0px 8px 4px 0;cursor:pointer;background:#787878;color:#cccaca;}
.sp-pager li.on{background:#f65701;color:#fff;}
.sp-panel-wrap{margin:0;}
.sp-panel-wrap li{background-color:#a4150a;width:176px;height:34px;line-height:34px;}
.sp-panel-wrap li a{height:100%;color:#fff;}
.sp-panel-wrap li a:hover{}
.sp-panel-wrap span{color:#f3c801}

/*video*/
.video-alert{width:654px;height:368px;background:#505050;position:fixed;top:50%;left:50%;margin:-180px 0 0 -320px;z-index:999;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+300));border:3px solid #505050;display:none}
.video-code{width:654px;height:368px}
.video-close{position:absolute;width:44px;height:44px;top:-3px;right:-44px;display:block;background:url(images/3/close.jpg) no-repeat}
.layout{display:none;position:absolute;left:0;top:0;height:100%;width:100%;background:#000;opacity:.4;filter:alpha(opacity=40);z-index:99}

/*video page*/
.video-list-main li{display:inline;float:left;width:285px;text-align:center;margin:14px 13px 0 0}
.video-list-main li .tle{line-height:30px}
.video-list-main li a{display:block;height:285px;width:285px;overflow:hidden;position:relative}
.video-list-main li a i{height:100%;width:100%;display:block;background:url(images/3/video-btn.png) no-repeat center;position:absolute;left:0;top:0}
.video-list-main li img{transition:all .4s ease;height:285px;width:285px}
.video-list-main li a:hover img{transform:scale(1.1)}
.sq-dialog-content{text-align:center;margin:0}

/*three*/
.loged .loged-top{display: none}
.loged img { margin-right: 3px;vertical-align: middle;}
.three{top: 146px;left: 44px;}
.three-icon{background: url(http://img1.37wanimg.com/common/css/images/three.png) no-repeat;transition: .5s;width: 28px;height: 28px;display: inline-block;text-indent: -9999em;vertical-align: middle;margin: 0 6px;}
.three-wx{background-position:  -39px 0;}
.three-wb{background-position:  -78px 0;}
.s-body .log .three{left: 226px;top: 45px;}
.s-body .three-icon{margin: 0 4px;}