.icon {display:inline-block; width:24px; height:24px; background-position:center center; background-repeat:no-repeat;}
.tel {background-image:url(icon/tel.svg);}
.find {background-image:url(icon/search.svg);}
.focus {color:#FF6B00;}

body {background-color:#efefef; color:#666666;}
.header {max-width: 1256px; height: 90px; margin: 0 auto; background:url(icon/logo.png) left center no-repeat;}

.auth {padding:0 2%; width:96%; height:36px; line-height:36px;}
.auth ol {float:right; font-size:14px;}
.auth ol li {padding:0 10px; cursor:pointer;}
.auth img {vertical-align:middle;}
.auth .avatar {width:32px; border-radius:50%;}
.auth .vip {width:24px; vertical-align: bottom;}

.nav {float:left; padding:0 2%; width:96%; min-width:760px}
.nav ol {padding:15px 0 0 20%;}
.nav ol li {padding:0 20px; cursor:pointer;}
.nav ol li a {font-size:18px;}
.header .nav ol li a.focus {color:#FF6B00;}

.nav ol li a:link, .nav ol li a:visited {color:#333333;}
.nav ol li a:hover, .nav ol li a:active {color:#FF6B00;}
.nav .download {position:absolute; top:40px; right:7%; padding:8px 10px 8px 36px; border-radius:3px; background:#FF6B00 url(icon/download_white.svg) 10px center no-repeat;}
.nav .download a {color: white; font-size:20px;}



.banner {padding-top:200px; width:100%; height:340px; background:#082835 url(image/banner_01.jpg) center center no-repeat; background-size:cover;}
.search_form {max-width:800px; height:60px; margin:0 auto; border-radius:30px; background-color:white;}
.search_form select {margin-left:30px; border: 0;width:120px;height: 50px;font-size: 18px; color:#8f8f8f; background:transparent; cursor:pointer;}
.search_form select option {color:#8f8f8f; font-size:16px;}
.search_form input {padding:0 10px; border:0; border-left:solid gray 2px;min-width: 240px;max-width: 480px; height: 60px;font-size: 18px; background:transparent; color:#8f8f8f;}
.search_form button {float:right; width:60px; height:60px; border-radius:50%; background-color: #FF6B00; cursor:pointer;}
.search_form input::-webkit-input-placeholder {font-size:18px;}

.tags {max-width:800px; padding-left:140px; padding-top:5px; margin:0 auto; }
.tags span, .tags a {display:inline-block; padding-left:12px; color:white; font-size:16px;}
.tags a:link, .tags a:visited {color:white;}
.tags a:hover, .tags a:active {color:#FF6B00;}

.lamp {margin-top:210px;width:100%; text-align: center;}
.lamp i {display:inline-block; margin:0 5px; width:12px; height:12px; border-radius:50%; background-color: white; cursor: pointer;}
.lamp .focus {background-color: #FF6B00;}


.main_1 {width:100%; background-color:#082835; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}

.photo_wall {position:relative; padding:10px 0; max-width: 1256px; margin: 0 auto;}
.photo_wall .pad {margin-top:5px; height:240px; width:100%;}
.photo_wall .title {position: absolute; left:0; top:150px; height:32px; line-height:32px; font-size:14px; width:320px; z-index:99; background: url(icon/transparent_65.png) left top repeat; border-bottom-left-radius:10px; border-bottom-right-radius:10px; color:white; text-align:center;}
.photo_wall .item {float:left; background:black; height:240px; border-radius:10px; text-align:center; cursor:pointer; overflow:hidden;}
.photo_wall .item img {height:100%; opacity: 0.3;}
.photo_wall .item img.focus {opacity: 1;}
.photo_wall .mh5 {margin:0 0.5%;}
.photo_wall .w2f1 {width:49%;}
.photo_wall .w3f1 {width:33%;}
.photo_wall .w4f1 {width:25%;}
.photo_wall .w5f1 {width:20%;}
.photo_wall .w5f2 {width:40%;}
.photo_wall .w5f22 {width:39%;}
.photo_wall .w6f1 {width:17%;}


.main_2 {float:left; width:100%;}
.main_2 .platform {padding:10px 0; max-width: 1256px; margin: 0 auto;}
.platform h3 {float:left; padding:30px 0 20px; width:100%;}
.platform h3 i {display:inline-block; padding-right:20px; font-weight: 400; font-size: 24px;}
.platform h3 b {display:inline-block; padding:0 20px; font-weight: 400; font-size: 18px; cursor:pointer;}
.platform h3 em {float:right; display:inline-block; padding-right:25px; font-weight: 400; font-size: 16px; cursor:pointer; background:url(icon/more.svg) right center no-repeat;}
.platform h3 .focus {color:#FF6B00; opacity:1;}

.platform .item, .film .item {position:relative; float:left; width:19.2%; margin-bottom: 14px; background-color:white; cursor:pointer;}
.film .item {width:24.25%;}
.platform .ml14, .film .ml14 {margin-left:1%;}
.platform h6, .film h6 {float:left; padding:0 5%; width:90%; height:36px; line-height:36px; text-overflow:ellipsis; overflow: hidden; font-size:14px; white-space: nowrap;}
.platform h6 i, .film h6 i {float: right; padding-top: 5px;}
.platform img, .film video {display:block; width:90%; margin:5% 0 0 5%; border-radius:5px; max-height:125px;}
.platform .shadow, .film .shadow, .main_8 .shadow {box-shadow:4px 4px 10px gray;}


.main_5 {width:100%; background-color:black;}
.main_5 .detail {max-width: 1256px; margin: 0 auto; height:640px;}
.detail .stage {float:left; padding:15px 1%;  width:72%;}

.stage .player {float:left; width:100%; max-width:1280px; max-height:720px; text-align: center; background-position:center center; background-repeat: no-repeat; background-size:contain; overflow:hidden;}
.player video, .player img {width:100%;}
.player .live_img {width: auto; max-height: 510px;}
.stage .room {float:left;}
.room ul {float:left; width:100%;}
.room ul li {float:left; margin:15px 2% 15px 0; width:15%; max-height:76px; background-color:white; overflow:hidden; cursor:pointer;}
.room ul li img {width:100%; vertical-align:middle;}

#play_video {display:flex; height:90px; align-items:center; justify-content: center; background-position:center center; background-repeat: no-repeat;background-size: cover;}
#play_video img {width: 32px; height: 32px;}


.detail .sidebar {float:right; padding:15px 1%; width:24%; background-color:#fefefe; height:610px; opacity: 0.1;}
.sidebar .price {float:left; width:100%;}
.price ol {width:100%; cursor: pointer;}
.price ol li {padding-left:15%; width:35%; height:45px; line-height:45px; font-size:18px; color:#666666;}
.price ol .download {background:url(icon/download.svg) left center no-repeat; background-size:25%;}
.price ol .like {background:url(icon/like2.svg) left center no-repeat; background-size:30%;}
.price ol .star {background:url(icon/like.svg) left center no-repeat; background-size:30%;}

.price h5, .price button {float:left; margin:10px 0; width:100%; height:42px; line-height:42px; border-radius:5px; font-size:16px; text-align:center; cursor: pointer; background-color:green; color:white;}
.price h5 i, .price button b { font-size:16px; color:white;}
.price button {background-color:#FF6B00;}

.sidebar .profile {float:left; margin-top:15px; width:100%;}
.profile dt {padding:10px 12px; font-size:18px; color:#666666;}
.profile dd {padding:5px 12px;}
.profile dd b {font-size:14px; color:#666666;}
.profile p {padding:5px 12px; font-size:14px;}
.profile p a {display:inline-block; margin:5px; padding:0 5px; background-color:#efefef; color:#666666; border-radius:3px; cursor:pointer;}
.profile p a:link, .profile p a:visited {color:#666666;}
.profile p a:hover, .profile p a:active {background-color:#FF6B00; color:white;}


.main_8 {margin-bottom:10px; padding-top:15px; width:100%; border-top: solid #dfdfdf 1px;}
.main_8 .pad {padding:10px 0; max-width: 1256px; margin: 0 auto; background-color:white; min-height:165px;}
.main_8 .sort {padding:0 25px; font-size:14px;}
.main_8 dl {float:left; margin-top:10px; padding:5px 2%; width:96%; border-bottom: solid #efefef 1px;}
.main_8 dl dt {float:left; }
.main_8 dl dd {float:left; padding:0 10px; text-align: center; font-size:14px; cursor: pointer;}
.sort ul {float:left;}
.sort ol {float:right;}
.sort li {float:left; padding-right:20px; height:45px; line-height:45px; cursor:pointer;}
.sort li i {display:inline-block; width:24px; height:16px; background-image: url(icon/sort.png); background-position:right 2px; background-repeat: no-repeat; }
.sort li .asc {background-position:right -14px;}
.sort li .desc {background-position:right -30px;}

.platform .goods, .platform .film {float:left; width:100%;}
.goods .item .info, .film .item .info {position:absolute; top:0; left:0; width:100%; height:175px; z-index:10;}
.film .item .info {height:170px;}
.info span {position: absolute; display:block; left:20px; top:20px; background: url(icon/transparent_65.png) left center repeat; color:white; font-size:14px; width:75px; border-radius:5px; text-align:center;}
.info p {position: absolute; display:block; bottom:0; left:5%; padding:0 8%; width:74%; background: url(icon/transparent.png) left center repeat; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.info p b, .info p i {display:inline-block; padding-left:15%; height:32px; line-height:32px; background:url(icon/download_white.svg) left center no-repeat; color:white; font-size:14px;}
.info p i {background:url(icon/like_white.svg) left center no-repeat;}
.info p b {float:right;}

.platform .load_more {width: 100%; text-align: center;}
.load_more button {margin-top:20px; padding:10px 60px; font-size:16px; border-radius:3px; border: solid #FF6B00 1px; color:#FF6B00; cursor: pointer;}
.load_more .focus {color:white; background-color:#FF6B00;}


.main_3 {float:left; margin-bottom:20px; width:100%;}
.main_3 .pad {margin:0 auto; padding:10px 0; max-width: 1256px; height:150px; background-color:white;}
.main_3 ul {float:left; margin-top:20px; width:25%;}
.main_3 ul li {padding-bottom:10px; text-align: center;}


.main_9 {float:left; width:100%; border-top:solid #FF6B00 2px; text-align:center;}
.main_9 .user, .main_9 .help {margin:0 auto; max-width: 1256px;}
.user .menu {width:20%; border-right:solid #efefef 30px; background-color:white; vertical-align:top;}
.user .menu h1 {height: 45px;line-height: 45px;background-color: #FF6B00;color: white;font-size: 24px;}
.menu ul {float:left; width:80%; padding:20px 10%; font-size: 18px;}
.menu ul li {height:48px; line-height:48px; cursor: pointer; background-color: #efefef;}
.menu ul .focus {border-right: solid 2px #FF6B00; background-color:white; color: #FF6B00;}
.user .center {padding:10px 24px 120px; background-color:white; vertical-align: top;}

.main_9 .detail {border-right:solid #efefef 20px; text-align:left; padding:15px 2%; background-color: white;}
.main_9 .detail p {padding-left:12px; line-height:28px; color:#333; font-size:14px;}
.main_9 .detail p img {vertical-align: middle;}
.main_9 .detail h2 {width: 100%;height: 100px;line-height: 100px;text-align: center;color: #ff6b00;font-size: 24px;border-bottom: 2px solid #ccc;}
.main_9 .detail h3 {margin-top:15px; width: auto;height: 22px;line-height: 22px;font-size: 18px;color: #333;padding-left: 8px;border-left: 4px solid #ff6b00;}
.main_9 .detail h4 {margin-top: 10px; font-weight: 600; color: black; font-size: 16px;}
.main_9 .detail h6 {margin-top: 10px; font-weight: bold; color: #ed1941; font-size: 14px;}

.main_9 .detail hr {margin:10px 0; border:0; border-bottom:solid #efefef 2px;}
.main_9 .detail img {max-width:98%;}
.main_9 .detail ul li {font-size: 16px;color: #666;line-height: 48px;}

.help .book_mark {padding:15px 36px; width:240px; vertical-align:top;background-color: white;}
.book_mark dl {background-color: white; cursor:pointer;}
.book_mark dl dt {padding:10px 0; font-size:16px; text-align: left; color:#666666; background: url(icon/arrow_down.svg) right center no-repeat;}
.book_mark dl .focus {background: url(icon/arrow_up.svg) right center no-repeat; color:#FF6B00;}
.book_mark dl .chose {border-left:solid #FF6B00 2px; color:#FF6B00;}
.book_mark dl dd {display:none; padding:5px 18px; font-size:14px; text-align: left;}


.center h3 {margin-bottom:20px; padding:5px 0 5px 12px; text-align: left; font-size:16px; border-bottom: solid #efefef 1px;}
.center table {font-size:16px;}
.center table th {text-align:right; height:45px;}
.center table td {padding-left:36px; text-align:left;}
.center table td img {border-radius:50%;}
.center table td input {padding-left:5px; border:solid #efefef 1px; border-radius:5px; width:320px; height:36px; font-size:14px; color:#666666;}
.center .w180 {width:180px;}
.center .title {background-color: #efefef; height:45px;}
.center .submit {background-color:#FF6B00; color: white; font-size:16px; cursor: pointer;}
.center .bind, .center button {margin-right:20px; padding:5px 20px; border-radius:5px;  background-color:gray; color: white; font-size:16px; cursor: pointer;}
.center .bgg {background-color:green;}
.center .bgo {background-color:#FF6B00;}
.payment td, .reminder td, .download td {height: 36px;}
.center .download img {width:64px; border-radius: 3px;}

.center .prepay {float:left;}
.prepay h4 {margin-bottom:20px; padding:5px 0 5px 12px; text-align: left; font-size:16px; border-bottom: solid #efefef 1px;}
.prepay ol {width:100%;}
.prepay dl {float:left; width:100%;}
.prepay dl dt, .prepay dl dd {text-align: left; padding:5px;}
.prepay ol {padding:0 0 20px 20px;}
.prepay li {margin-right:10px; border:solid #afafaf 1px; border-radius:3px; cursor:pointer;}
.prepay .pay_method li {padding-left:36px; width:120px; height:36px; line-height:36px; text-align:left; font-size:16px; background-position:6px center; background-repeat:no-repeat;}
.prepay .pay_method li.weixin {background-image: url(icon/weixin.svg);}
.prepay .pay_method li.alipay {background-image: url(icon/alipay.svg);}
.prepay li span {font-size:40px; font-weight: bolder; color: #FF6B00;}
.prepay li i, .prepay li b {display:inline-block; width:100%; font-size: 12px;}
.prepay li i {background-color: #afafaf; color: white; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.prepay li .custom_money {width:60px; border:0; border-radius: 3px; text-align: center;}

.prepay .focus {border: solid #FF6B00 1px;}
.prepay .focus i {background-color:#FF6B00;}
.prepay p {float:left; padding:0 10%; width:80%; text-align:left;}
.prepay p i {font-size:16px;}
.prepay .vip_type li {border:solid #afafaf 1px; width:170px; height:75px; line-height: 75px; font-size:16px; font-family: Impact, microsoft yahei, sans-serif;}
.prepay .vip_type .focus {border: solid #FF6B00 1px; background: url(icon/tick.png) right bottom no-repeat;}


.buy_goods h1 {padding-top:30px; height:36px; line-height:36px; font-size:16px;}
.buy_goods h1 span{color:#FF6B00; font-size: 24px;}
.buy_goods ol {display:block; margin-top:20px; width:100%;}
.buy_goods ol li {margin-right:1%; padding-left:9%; width:22%; height:36px; text-align:center; line-height:36px; font-size:16px; border:solid #efefef 1px; border-radius:3px; background-position:left center; background-repeat:no-repeat; cursor: pointer;}
.buy_goods ol .weixin, .buy_goods ol .balance {background-position-x: 10px;}
.buy_goods ol .weixin {background-image: url(icon/weixin.svg);}
.buy_goods ol .alipay {background-image: url(icon/alipay.svg);}
.buy_goods ol .balance {background-image: url(icon/balance.svg);}
.buy_goods ol .focus {color: #ff6b00; border: solid #ff6b00 1px;}
.buy_goods p, .buy_goods h2 {float:left; margin-top:30px;}
.buy_goods h2 {font-size:16px; color: red;}
.buy_goods h2 a {display: inline-block; padding: 3px 10px; font-size:16px; background-color: #ff6b00; border-radius: 3px; cursor: pointer;}
.buy_goods h2 a:link, .buy_goods h2 a:visited, .buy_goods h2 a:hover, .buy_goods h2 a:active {color:white;}


.footer {position:relative; float:left; width: 100%; background:black url(icon/bg_mesh.jpg) left top repeat;}
.footer {border-top:solid #FF6B00 10px;}
.guide {padding-top:20px; max-width: 1256px; margin: 0 auto; text-align: center; color:white;}
.guide dl {float:left; padding:0 2%; width:21%;}
.guide dl dt {color:white; font-size:16px;}
.guide dl dd, .guide a {color:white;}
.guide a:hover, .guide a:active, .link {color:#FF6B00;}
.copyright {position:absolute; bottom:0; float:left; padding-bottom:10px; width:100%; text-align:center; color:white; z-index:6;}
.copyright a, .guide a {color:#FF6B00;}


.popup_mask, .photo_mask {display:flex; position:fixed; left:0; top:0; justify-content:center; align-items:center; width:100%; height:100%; background:url(icon/transparent_65.png) left top repeat; z-index:99;}
.photo_mask {background-color: black;}
.popup_dialog {padding:5px 12px 20px 12px; min-width:360px; min-height:430px; max-height:480px; background-color:white; border-radius:5px;}
.popup_dialog .close {width:100%; height:24px; text-align:right;}
.close button {display:inline-block; width:24px; background:url(icon/close.svg) center center no-repeat; cursor: pointer;}

.auth_form {float:left; padding:0 10%; width:80%; height:96%;}
.auth_form form {width: 100%; height:100%;}
.auth_form h3 {width:100%; height:45px; line-height:45px; text-align: center; font-size:24px; color:#FF6B00;}
.auth_form ul {width:100%;}
.auth_form ul .forgot {height:42px; line-height: 42px;}
.auth_form li input {margin-bottom:20px; padding:0 2%; width:96%; height: 32px; line-height:32px; border: solid #efefef 1px;}
.auth_form li .submit {margin:0; width: 100%; height: 42px; line-height:42px; background-color: #FF6B00; border-radius:5px; color:white; font-size:16px; cursor: pointer;}
.auth_form li .captcha {width: 50%;}
.auth_form li label {display: block; margin-bottom: 10px;}
.auth_form li .agree input {margin:0 5px -5px 0; width:16px; vertical-align:bottom;}
.auth_form li .agree a {color: #FF6B00;}
.auth_form li button {background-color: #FF6B00; border-radius: 3px; color: white; padding: 8px 12px; width:120px; float: right; cursor: pointer;}
.auth_form li button.focus {background-color:gray;}

.auth_form .tip {display:block; padding-top:10px; color: red;}
.auth_form a:link, .auth_form a:visited {color:#333333;}
.auth_form a:hover, .auth_form a:active {color:#FF6B00;}

.auth_form .third_auth {display:flex; height:75px; width:100%; justify-content:center; align-items:flex-end;}
.third_auth a {padding-top:32px; width:30%; text-align: center;}
.third_auth .weixin {background:url(icon/wechat.svg) center top no-repeat;}
.third_auth .qq {background:url(icon/qq.png) center top no-repeat; background-size: 38%;}
.third_auth .mine {background:url(icon/auth.svg) center top no-repeat;}

.chat_icon_0, .chat_icon_1 {position:fixed; right:0; bottom:45px; width:45px; height:45px; border-radius:50%; background:transparent center center; background-size:100%; cursor:pointer; z-index:998;}
.chat_icon_0 {background-image:url(/file/static/image/chat_icon_gray.gif);}
.chat_icon_1 {background-image:url(/file/meet/svg/customer_service.svg);}
.chat_frame {display:none; position:fixed; right:0; bottom:0; width:360px; height:480px; overflow:hidden; z-index:999;}
.chat_frame iframe {width:100%; height:100%; border:0;}