@charset "utf-8";
/*CSS Reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td,form { padding: 0; margin: 0; }
ol, ul, dl {list-style: none; }
body {font: 12px/1.5 "Microsoft YaHei",simsun, tahoma; color: #333; background: #02090f; word-break: break-all; word-wrap: break-word }
img {border: none }
table{border-collapse: collapse; border-spacing: 0 }
input,textarea,select { font: 14px simsun, tahoma; outline: none }
a {color: #333; text-decoration: none; }
a:hover { text-decoration: underline }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100% }
.clearfix:after { visibility: hidden; display: block; content: ""; clear: both; font-size: 0; height: 0; }
.clearfix {zoom:1; }
.relative{position:relative;left:0;top:0;overflow:hidden;zoom:1;}
.none{display:none;}
.left{ float: left;} .right{ float: right;}
.t_hide{text-indent: -999em; overflow: hidden;}.t_right{text-align: right;} .t_center{text-align: center;}


.sheader{ position: relative; height: 777px; text-align: left;}
.sheader a.slogo{ display: block; width: 390px; height: 200px; position: absolute; left:0; top: 56px; }
.sheader h2{ position: absolute;}
.sheader .h_title{ position: absolute; top: 115px; left: 437px; text-align: left; color: #fff; font-size: 25px;}
.sheader .h_title h1{ font-size: 1.8em; line-height: 1.3; font-weight:bolder}


.snav{ position: absolute; left: 0px; top: 0px; text-align: left; width: 100%;}
.snav li{ float: left; background: url(//images.17173cdn.com/2015/v/05/04/li_bg.png) no-repeat center right; padding-right: 1px; width: 199px; position: relative;}
.snav li.last{ background: none;}
.snav li a{ display: block; float: left; width: 199px; height: 39px; overflow: hidden; color: #cab4d6; text-decoration: none; text-align: center; line-height: 39px; font-size: 16px; }
.snav li a:hover{background: #4a1b65;}

.svideo{ width: 1002px; height: 600px; overflow: hidden; color: #fff; position: absolute; top: 290px; left: 0;}
.svideo_show{ width: 1002px; height: 600px; }

.review_con{  position: absolute; left:0; top: 40px; background: #4e1d6c; background: rgba(78,29,108,.8); box-shadow: 1px 1px 2px rgba(0,0,0,.6); padding: 5px 0; display: none; max-height: 184px; overflow-y: auto; width: 250px;}
.review_con li{ background: none;}
.review_con li a{ display: block; color: #fff; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; height: 24px; line-height: 24px; font-size: 13px; padding-left: 10px;}
.review_con li a:hover{ text-decoration: underline; background: none;}


.sfull_main{  width: 100%; overflow: hidden; background:#17141b url(//images.17173cdn.com/2015/v/05/04/full_main.png) no-repeat center top; }
.sfull_mains{  width: 100%; overflow: hidden; background:#17141b url(//images.17173cdn.com/2015/v/05/04/full_mains.png) no-repeat center top; }
.sfull_rcm{ padding-top: 155px;}
.srcm{ width: 700px; float: left;}
.sinfo{ width: 270px; float: right;}
h2.title{ background: url(//images.17173cdn.com/2015/v/05/04/title_bg.png) no-repeat left center; font-size: 24px; color: #9f2ea4; text-align: left; padding-left: 35px; margin-bottom: 20px;}




.srcm_list{ overflow: hidden; text-align: left; font-size: 14px; color: #65616f; margin-bottom: 25px;}
.srcm_list dl{ margin-bottom: 15px; }
.srcm_list dt{ float: left; width: 120px; }
.srcm_list dd{ margin-left: 140px; position: relative;}
.srcm_list dd a{ color: #fff; font-size: 20px; font-weight: bold; margin-bottom: 10px; display: inline-block;}
.srcm_list dd .type{ position: absolute; right: 0; top: 0; }
.srcm_list dd p label{ display: inline-block; margin-right: 15px;}
.srcm_line{ border-top: 1px dashed #302b3a; margin:15px 0; height: 0;}
a.btn_down1,a.btn_down2{ background: url(//images.17173cdn.com/2015/v/05/12/btn_download.png) no-repeat; width: 141px; height: 36px; display: inline-block; margin-top: 12px; margin-right: 10px; }
a.btn_down1:hover{ background-position: 0 -37px}
a.btn_down2{ background-position: -141px 0;}
a.btn_down2:hover{ background-position: -141px -37px}
.srcm_list dt img{ width: 120px; height: 120px; border-radius: 20px; }
a.btn_nolink1,a.btn_nolink1:hover{ background-position: 0 -74px; cursor: default;}
a.btn_nolink2,a.btn_nolink2:hover{ background-position: -141px -74px;}

a.btn_show{ background: url(//images.17173cdn.com/2015/v/05/04/btn_show.jpg) no-repeat; width: 270px; height: 120px; display: block;}
a.btn_show:hover{ background-position: 0 -121px;}
.sinfo .sinfo_con{ padding: 20px 10px; overflow: hidden; background: #100e12; color: #65616f; font-size: 14px; text-align: left;}
.sinfo .sinfo_con p{ padding: 4px 0;}

.scomment{ width: 700px; float: left; text-align: left; padding-top: 35px;}
.sweibo{ width: 270px; float: right; text-align: left; padding-top: 35px;}

.scomcon{ background: #fff; height: 1060px; margin-bottom: 50px; padding: 10px; overflow:scroll; overflow-x:hidden; overflow-y:scroll;}

.sweibo dl{ overflow: hidden; margin-bottom: 30px; font-size: 12px; color: #65616f;}
.sweibo dt{ width: 110px; overflow: hidden; float: left;} .sweibo dt img{ width: 110px; height: 110px; border-radius: 50%;}
.sweibo dd{ margin-left: 125px;}
.sweibo dd strong{ color: #fff; font-size: 20px;}
.sweibo dd a.btn_follow{ width: 100px; height: 28px; line-height: 28px; color: #fff; background: #308ecf; border-radius: 2px; text-align: center; text-decoration: none; display: block; font-size: 14px; margin-top: 10px; }
.sweibo dd a.btn_follow:hover{ background: #2e83be;}
.sweibocon{ height: 520px; background: #02090f; margin-bottom: 27px; padding: 10px;}
.sother{ overflow: hidden;}
.sother a{ display: block; height: 80px; margin-bottom: 10px; }
.sother a img{ display: block; height: 80px; }
.sother a:hover img{ opacity: .9;}

.sfull_video{ padding-top: 35px;}
.stitle{ }
.stitle a.btn_more{ float: right; margin:10px 0 0 0; color: #65616f; font-size: 14px;}


.svideo_list{ width: 1002px; overflow: hidden; color: #65616f; margin-bottom: 20px; }
.svideo_list ul{ width: 110%;}
.svideo_list li{ width:230px; float: left; margin-right: 27px; text-align: left; margin-bottom: 20px; }
.svideo_list li a{ display: block; text-align: center; color: #65616f; text-decoration: none; font-size: 14px; text-align: center;}
.svideo_list li a:hover{ color: #fff; text-decoration: underline;}
.svideo_list li a:hover img{ transform:scale(1.08);}
.svideo_list li a.svideo_img{ width: 230px; height: 130px; overflow: hidden; position: relative; margin-bottom: 8px; }
.svideo_list li a.svideo_img img{ display: block; width: 230px; height: 130px; transition:all .2s ease;}
.svideo_list li a.svideo_img span{ background: url(//images.17173cdn.com/2015/v/05/04/btn_play.png) no-repeat center center; position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; right: 0; background-color: rgba(0,0,0,.5);}
.svideo_list li a.svideo_img:hover span{ display: none;}

.footer{ width: 100%; background: #12041f!important; color: #3a1f53;}
.footer a{ color: #3a1f53; display: inline-block; margin:0 4px; }

#totop { _top: expression(eval((document.compatMode&&document.compatMode=="CSS1Compat")?documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-1:document.body.scrollTop+document.body.clientHeight-this.clientHeight-1)); position: fixed;	_position: absolute; bottom: 100px; right: 30px; display:;	}
.fixnav{}
.fixnav li a{ display: block; width: 50px; height: 44px; background: url(//images.17173cdn.com/2015/v/05/04/nav_top.png) no-repeat; margin-bottom: 1px; }
.fixnav li a.n1{ background-position: 0 0;}
.fixnav li a.n1:hover{ background-position: -50px 0;}
.fixnav li a.n2{ background-position: 0 -45px;}
.fixnav li a.n2:hover{ background-position: -50px -45px;}
.fixnav li a.n3{ background-position: 0 -90px;}
.fixnav li a.n3:hover{ background-position: -50px -90px;}
.fixnav li a.n4{ background-position: 0 -135px;}
.fixnav li a.n4:hover{ background-position: -50px -135px;}
.fixnav li a.n5{ background-position: 0 -180px;}
.fixnav li a.n5:hover{ background-position: -50px -180px;}

#totop .qrcode{ position: absolute; right: 52px; bottom: 45px; display: none;}
#totop .qrcode img{ width: 100px; }

.spage{ text-align: center; margin:20px auto;}
.spage a{ display: inline-block; width: 40px; height: 35px; margin:0 5px; font-weight: bold;  line-height: 35px; font-size: 15px; color: #333; text-decoration: none; background: #fff; border-radius: 3px; }
.spage a.current{ background: #06a4f3; color: #fff; }

.srelative{ position: relative; border-bottom: 1px solid #302b3a; margin-bottom: 20px; }
.srelative h2{ margin-bottom: 10px; }
.srcm_game .srcm_list dd{ width: 565px;}
.srcm_game .srcm_list{ position: relative;}
.srcm_down{ position: absolute; right: 0; top: 0; overflow: hidden; width: 275px;}
.srcm_down img{ float: right;}
.srcm_down a{ display: block; margin:0 0 10px 0;}
.srcm_down p{ width: 140px; text-align: center;}
.srcm_down a.btn_join{ background: url(//images.17173cdn.com/2015/v/05/04/btn_join.jpg) no-repeat; float: right; width: 240px; height: 120px; display: block; margin:0;}
.srcm_down a.btn_join:hover{ background-position: 0 -121px;}

.srcm_title{ height: 30px; color: #ff8400; font-size: 16px; width: 100%; position: relative; text-align: left; margin-bottom: 20px; }
.srcm_title .srcm_line{ display: block; position: absolute; top: 12px; border-top:1px solid #302b3a; right: 0; width: 925px; margin: 0;}

.stab{ position: absolute; right:0; bottom:-2px;  }
.stab a{ display: inline-block; padding: 8px; color: #65616f;  font-size: 18px; text-decoration: none; margin-left: 15px;}
.stab a.on{ border-bottom: 3px solid #ff8400}

.footer_logo{ background: url(//images.17173cdn.com/2015/v/05/14/footer_logo.png) no-repeat center top; height: 158px; text-align: center;}
.footer_logo a{ display:inline-block; width: 250px; height: 158px;}
.footer_logo a.f1{ margin-right: 50px;}