@charset "utf-8";

/* reset.css */
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline; list-style: none;word-warp: break-warp;word-break: break-all;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
/**, *:before, *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;}input[type="number"]{-moz-appearance: textfield;}
select, input, img { vertical-align: middle; outline: none;border:0 }
select{appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select::-ms-expand { display: none; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {   color: #999;}
input:-moz-placeholder, textarea:-moz-placeholder {   color: #999;     }
input::-moz-placeholder, textarea::-moz-placeholder {    color: #999;   }
input:-ms-input-placeholder, textarea:-ms-input-placeholder {    color: #999;    }
textarea{resize: none;}
body {line-height:1.5; font-size: 14px; font-family: Microsoft YaHei; }
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:top;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
select, input, img { vertical-align: middle; outline: none;border:0 }
a { text-decoration: none; outline: none; }
a:hover {  text-decoration: none; }
a:focus{ outline: none;}
.ovf{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;-moz-binding: url("ellipsis.xml#ellipsis");}
.cl:after { content: ""; display: block; clear: both;visibility: hidden;height: 0 }
.cl { zoom: 1; }
.fl { float: left; }
.fr { float: right;}
.pr { position: relative; }
.pa { position: absolute; }
.vm { vertical-align: middle; }
.tac { text-align: center; }

body{ min-width: 1200px; max-width: 1920px; }
.wrap1300{ width: 1200px; margin: 0 auto; position: relative; }
.m1{ height: 1210px; background: url(../images/m1.jpg) no-repeat center top; overflow: hidden; }

.logo1{left: 50px; top:30px;}
.logo2{left: 250px; top:7px;}
.login{ display: inline-block; position: absolute; left: 15px; top:906px; color: #fff; background:#876baf; width: 268px; font-size: 28px; height: 48px; line-height: 48px; border-radius: 15px; text-align: center }
.loginout{ display: none; position: absolute; left: 15px; top:906px; color: #fff; background:#876baf; font-size: 18px; height: 48px; line-height: 48px; padding: 0 15px;border-radius: 15px; }
.loginout a{ color: #fff}
.m2{ height: 3116px; position: relative; background: url(../images/m2.jpg) no-repeat center top; padding-top: 450px; box-sizing: border-box }

.ul-rule{ padding-left: 336px; height:370px;}
.ul-rule li{  line-height: 32px; color: #FFF;font-size: 16px; background: url("../images/icon.png") 0 10px no-repeat; padding-left: 26px; }
.ul-rule span{color:#fff997}
.active-rule{  height: 498px;  overflow: hidden;}
.active-rule ul{padding-left: 280px; height: 178px}
.active-rule li{ line-height: 32px; color: #FFF;font-size: 16px;}
.active-rule span{color: #fff997;}
.active-rule p{ width: 950px; color:#9797d5; font-size: 14px;}
.opus-all{ width: 1052px; margin: 0 auto;  position: relative; height: 960px; }
.opus-all ul{ height: 598px; overflow: hidden;}
.opus-all li{  width:237px; height: 300px; float: left; margin: 0 13px 0; background: url("../images/box1.png") 0 0 no-repeat; box-sizing: border-box; padding-top: 20px;}
.opus-all .vimg{ display: block; margin:0 auto 20px; width:  207px; height: 115px; border: 1px solid #a88db9; border-radius: 5px; overflow: hidden; position: relative;}
.opus-all .vimg img{ width: 100%; height: 100%;-webkit-object-fit: contain;-ms-object-fit: contain;object-fit: contain}
.opus-all .vimg::after{ content: ''; width: 100%; height: 100%; background: url(https://mountain.show.173.com/hd/2004/net/all/images/play.png) no-repeat center center; position: absolute; left: 0; top:0; cursor: pointer;}
.opus-all .desc{padding-left: 66px; height: 65px; position: relative;color: #b6b6ea;   line-height: 20px; font-weight: 700}
.opus-all .avt { position: absolute; left: 15px; top:0; width: 42px; height: 42px;  }
.opus-all .avt img{ width: 40px; height: 40px; vertical-align:top;border-radius: 30px; border: 1px solid #8b799e;  }
.opus-all .avt-name{ display: block; height: 20px; overflow: hidden;  }
.opus-all .up .avt:before{content: ''; position: absolute; background: url("../images/avt.png"); width: 51px; height: 54px; left: -5px; top:-5px;}
.numb{ color: #ffffff; font-size: 16px; border: 1px solid #32324b; background: #1f1e34; text-align: center; line-height: 26px; display: inline-block; width: 94px; box-sizing: border-box; height:28px; border-radius: 3px; padding:0; }
.ballot{ display: block;height: 20px; font-size: 16px; overflow: hidden;vertical-align: top;  }
.btnparise{ display: inline-block; width: 68px;height: 28px;  background: url(../images/vote-prev.png) no-repeat center center; cursor: pointer; color:#bdbcee; font-size: 16px; margin-left: 12px; vertical-align: top;}
.btnparise.on{ background: url(../images/vote-later.png) no-repeat center center; color:#FFF;}

.page{ text-align: center; height: 68px;  line-height: 68px; font-size: 20px; }
.page a{ padding: 0 4px; color: #ede4d7; margin: 0 3px;}
.page .on{ color: #8b6dff; font-size: 24px; }
.page .prev,.page .next{display: inline-block; vertical-align: middle; background: url("../images/page.png"); width: 98px; height: 32px; box-sizing: border-box; padding:0 5px 0 0; color:#3f3f69; line-height: 26px; margin:0 20px;}
.m1 .time{ position: absolute; left: 50%; margin-left:-180px;top:688px; width: 359px; text-align: center; color: #FFF; height: 43px; line-height: 43px; font-size: 22px; background: url("../images/timebg.png") }
.btnshare{ text-align: center; padding-top: 80px; }
.intro{height: 450px; padding-left: 66px;width: 1035px; }
.intro li{  line-height: 38px; color: #FFF;font-size: 16px; background: url("../images/icon.png") 0 13px no-repeat; padding-left: 26px; }
.intro span{color:#fff997}

.prompt{ width: 100%; height: 100%; position: fixed; z-index: 9999; background: rgba(0,0,0,.9); left: 0; top:0; display: none;}
.prompt-video .popbox{ position: relative; left: 50%;top:50%; width: 766px; height: 426px; border: 2px solid #545454; transform: translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); background: #000;}
.prompt-video .vbox{ width: 766px; height: 426px; }
.close{ display: inline-block; width: 26px; height: 26px; position: absolute; right: 16px; top:16px;  background: url(../images/close.png) no-repeat center top; z-index: 9;}
.prompt-alert .popbox{ width: 500px; height: 200px; text-align: center; position: absolute; left: 50%; top:50%; margin:-100px 0 0 -250px;border: 2px solid #545454; background: #0a0e1b;line-height: 200px; color:#ccccff; font-size: 24px; }
#pop_weixin_tip { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; text-align: center; background: rgba(0, 0, 0, 0.7); z-index: 999; overflow: hidden; }

#pop_weixin_tip .share_tip { width: 750px; height: 186px; padding-top: 60px; font: normal 30px/60px "Microsoft Yahei"; color: #fff; text-align: center; background: url(https://mountain.show.173.com/images/share_weixin_bg.png); background-size: 100% auto; }

.browser_share { top:980px; left: 15px; width: 100%; padding-left: 30px; box-sizing: border-box; }

#share_btn_wrap span { color: #FFF; display: inline-block; vertical-align: middle; width: 48px; margin: 0 10px; height: 41px; position: relative; z-index: 1; background-position: 50% 50%; background-repeat: no-repeat; }

#share_copy { background-image: url("../images/share_copy.png"); }

#share_weixin { background-image: url("../images/share_weixin.png"); }

#share_weibo { background-image: url("../images/share_weibo.png"); }

#share_btn_wrap.ani_left { left: -750px; }

#slide_weixin { display: none; position: absolute; width: 300px; left: 50%; margin-left: -150px; bottom: 50px; }

.slide_wx_cont { position: relative; margin: 20px auto 0; height: 380px; background-color: #fff; border-radius: 10px; }

#close_weixin { position: absolute; width: 47px; height: 47px; right: -20px; top: -20px; background: url(https://mountain.show.173.com/images/icon_close2.png); background-size: 100% auto; }

.slide_wx_cont p { padding-top: 20px; font: normal 24px/36px "Microsoft Yahei"; color: #4d4d4d; }

#q_code { position: relative; width: 260px; height: 260px; margin: 10px auto 0; overflow: hidden; }

#q_code img { position: absolute; width: 260px; height: 260px; left: 0; top: 0; z-index: 2; opacity: 1; }

#slide_weixin.ani_left { display: block; }

#share_copy_link { height: 100%; opacity: 0; position: absolute; width: 100%; left: 0; top: 0; }