/*!
 * Copyright 2016-2018 http://v.shoutu.cn
 * Email 726662013@qq.com
 */
@charset "utf-8";

/* all */
body, html{width:100%; height: 100%;}
body{ margin: 0; font-family:"Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif; font-size:14px; line-height: 140%; color: rgb(233, 50, 85);}
body:after{ content: ""; position: fixed; z-index: -1; top: 0; left: 0; bottom: 0; right: 0; background-color: #29262d; background: -webkit-linear-gradient(top, #29262d, #000000); background: -o-linear-gradient(top, #29262d, #000000); background: -moz-linear-gradient(top, #29262d, #000000); background: linear-gradient(top, #29262d, #000000);}
ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,tr{margin:0;padding:0; font-weight:normal}
input,select{font-size:14px;vertical-align:middle; border:none;}
ul,li{list-style-type:none;}
img{border:0 none;}
p{margin:0 0 10px;}
::-webkit-scrollbar{ width: 4px; background-color: #1c1b1e;}
::-webkit-scrollbar-thumb{background-color: #434145;}

/* container */
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.container {position: relative; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
.row{position: relative; margin-right: -15px; margin-left: -15px;}
.container:before,.container:after,.row:before,.row:after,.clearfix:before, .clearfix:after{ display: table; content: " "; clear: both;}

/* more */
h1{ font-size:22px; line-height: 28px;}
h2{ font-size:20px; line-height: 26px;}
h3{ font-size:18px; line-height: 24px;}
h4{ font-size:16px; line-height: 22px;}
h5{ font-size:14px; line-height: 20px;}
h6{ font-size:12px; line-height: 18px;}
h1,h2,h3,h4,h5,h6{ font-weight: 400; margin-top:10px; margin-bottom:10px}
a,button{ text-decoration:none; color:rgb(255, 255, 255);outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0)}
button:hover{ cursor: pointer;}
a:focus,a:hover,a:active{ text-decoration:none; color: #fdf751;}
.icon{ font-size: 16px; vertical-align: -1px;}
.font-16{ font-size: 16px;}
.font-14{ font-size: 14px;}
.font-12{ font-size: 12px;}
.text-red{ color: red;}
.text-center{ text-align: center;}
.text-left{ text-align: left;}
.text-right{ text-align: right;}
.pull-right{ float: right !important;}
.hide{ display: none !important; }
.text-overflow{ width:100%; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.pic-text{display: block; width: 100%; position: absolute; bottom: 0; left: 0; padding:5px 10px; font-size: 12px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;background-repeat: no-repeat; background-image: linear-gradient(transparent,rgba(0,0,0,.5)); color: #FFFFFF;}
.pic-tag{ position: absolute; top: 0; right: 0; z-index: 99; padding: 2px 8px; font-size: 12px; border-radius: 0 0 0 8px; background-color: #FF9900; color: #FFFFFF;}
.play-bg{ position: fixed; z-index: 0; bottom: 0; left: 0; width: 100%; height: 150px;background:url(../img/play_bg.png) center no-repeat;}
.stui-pannel{ margin-bottom: 20px;}
/*--.stui-foot{ margin-bottom: 20px;}--*/

/* form */
/*input,textarea{outline: medium none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}*/
input,textarea{outline: medium none; outline: none; -webkit-tap-highlight-color: #66ff99;}
input.form-control,input.btn{ outline:0px; -webkit-appearance: none;}
input[type="checkbox"]{ vertical-align: -2px;}
.form-control{display:block; width:100%; height:35px; padding: 0 10px; font-size:12px; line-height: 20px; border-radius:4px; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
textarea.form-control{ height: auto;}

/* header */
.stui-header{ margin: 30px 0 20px;}
.stui-header__logo,.stui-header__menu{float:left; margin-left: 10px;}
.stui-header__logo .logo{display:block; width:104px; height:50px; background:url(../img/logo_f.png) no-repeat; background-position:50% 50%;background-size:cover}
.stui-header__menu{ position:relative; margin-top: 15px; margin-left:30px;}
.stui-header__menu li{ float:left; margin-right: 30px}
.stui-header__menu li a{ position: relative; font-size:18px; color: #ffffff;}
.stui-header__menu li a:hover,.stui-header__menu li.active a{ color: #fdf751;}
.stui-header__menu li.active a:before{ content:" "; position:absolute; left: 30%; bottom: -10px; width: 40%; height: 3px; background-color: #fdf751; border-radius: 2px;}
.stui_header__user{ float: right; margin-top: 15px; margin-right: 10px;}
.stui_header__user > li{ position: relative; float: left; padding-bottom: 10px; margin-left: 30px;}
.stui_header__user > li > a{ color: #757575;}
.stui_header__user > li > a:hover{ color: #fdf751;}
.stui_header__user > li > a .iconfont{ font-size: 22px;}
.stui_header__user > li > span{ font-size: 24px; color: #757575;}

/* dropdown */
.dropdown{ display: none; position: absolute; z-index: 999; top: 100%; padding: 15px; border-radius: 2px; background-color: #7D013C; box-shadow: 0 2px 5px rgba(0,0,0,0.2);}
.dropdown:after{ content:" "; width:10px; height:10px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); position: absolute; top: -5px; right: 15px; background-color: #fff;}
.dropdown.search { right: -10px;}
.dropdown.search .item{ position:relative; width:200px;}
.dropdown.search .item .form-control{ background-color: #f5f5f5;}
.dropdown.search .item .submit{display:block;position:absolute;top:0;right:0;width:30px;height:30px;line-height:30px;text-align:center; background: none; border: 0;cursor: pointer;}
.dropdown.search .item .submit .icon{font-size:14px;color:#999}
.dropdown.search li{ padding: 8px 0; border-top: 1px solid #eee;}
.dropdown.search li:first-child{ border-top: 0;}
.dropdown.search li a{ display: block;}
.dropdown.search li a:hover{ color: #ff6600;}
.dropdown.search li a span{ color: #999;}
.dropdown.type{ right: -10px; width: 240px; padding: 15px 7px 7px 15px;}
.dropdown.type li{ float: left; width: 33.333333%; padding-right: 8px; padding-bottom: 8px;}
.dropdown.type li a{ display: block; padding: 4px 0; border-radius: 2px; background-color: #AB0058; font-size: 12px; text-align: center;color:#fafafa;}
.dropdown.type li a:hover,.dropdown.type li.active a{ background-color: #ff6600; color: #fafafa;}
.dropdown.history{ right: -10px; width: 240px;}
.dropdown.history .head h5{ margin: 0; padding-bottom: 10px;color:#fafafa;}
.dropdown.history .head a{ color: #fafafa;}
.dropdown.history li a{ display: block; padding: 8px 0; border-top: 1px solid #eee; color: #FFF;}
.dropdown.history li a:hover{ color: #ff6600;}
.dropdown.history li a span{ color: #999;}

/* screen */
.stui-screen{ padding: 10px;}
.stui-screen .head{ padding: 15px; border-radius: 2px; background-color: #333235;}
.stui-screen .head .text,.stui-screen .head .all{ color: #fdf751;}
.stui-screen .head a{ color: #fdf751;}
.stui-screen .item{ display: block; background-color: #333235;}
.stui-screen .item ul{ padding: 15px; border-top: 1px solid #434145;}
.stui-screen .item ul li{ float: left;}
.stui-screen .item ul li a{ display: inline-block; padding-left: 20px;}
.stui-screen .item ul li a,.stui-screen .item ul li span{ color: #fff;}
.stui-screen .item ul li.active a,.stui-screen .item ul li a:hover{ color: #fdf751;}

/* list */
.stui-vodlist__head{ margin: 20px 0; padding: 0 10px;}
.stui-vodlist__head h3,.stui-vodlist__head h3 a{ color: #fdf751;}
.stui-vodlist__head span a{color:#fafafa;}
.stui-vodlist__head span a{ display: inline-block; padding-right: 20px;}
.stui-vodlist li{ float: left; padding: 5px; width: 25%;}
.stui-vodlist li.index{ width: 33.333333%;}
.stui-vodlist li.like{ width: 50%; padding: 5px;}
.stui-vodlist li.topic{ width: 25%;}
.stui-vodlist__thumb{display: block; position: relative; padding: 33%; background: url(../img/load.gif) no-repeat; background-position: 50% 25%; background-size: cover;}
.stui-vodlist__thumb.active{ padding-top: 60%; background: url(../img/load_w.gif) no-repeat; background-position: 50% 25%; background-size: cover;}
/*.stui-vodlist__thumb .play{display: none; position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,0.1) url(../img/play.png) center no-repeat;}*/
.stui-vodlist__thumb:hover .play{ display: block;}
.stui-vodlist__detail{ margin: 0; padding: 10px 5px; background-color: rgba(169, 0, 0, 0.5)}
.stui-vodlist__detail .title{ font-size: 14px; margin: 0; text-align: center;}
.stui-vodlist__detail .title a{ color: #999;}
.stui-vodlist__detail .title a:hover{ color: #fdf751;}
.stui-vodlist__detail .text{ margin-bottom: 0; font-size: 12px; color: #757575;}
.stui-vodlist__detail.index{ padding: 5px 10px;}
.stui-vodlist__detail.index .title { margin: 10px 0; font-size: 16px; text-align: left;}
.stui-vodlist__detail.index .title .score{ font-family: Georgia,"Times New Roman",Times,serif;}
.stui-vodlist__detail.index .title .iconfont{ color: #ff6600;}
.stui-vodlist__detail.index .text{ margin-bottom: 8px; padding-left: 20px;}
.stui-artlist__head{ margin: 20px 0; padding: 0 10px;}
.stui-artlist__head h3,.stui-artlist__head h3 a{ color: #fdf751;}
.stui-artlist__head span a{color:#fafafa;}
.stui-artlist__head span a{ display: inline-block; padding-right: 20px;}
.stui-artlist li{ float: left; padding: 5px; width: 25%;}
.stui-artlist li.index{ width: 33.333333%;}
.stui-artlist li.like{ width: 50%; padding: 5px;}
.stui-artlist li.topic{ width: 25%;}
.stui-artlist__thumb{display: block; position: relative; padding-top: 75%; background: url(../img/load.gif) no-repeat; background-position: 25% 25%; background-size: cover;}
.stui-artlist__thumb.active{padding-top: 150%; background: url(../img/load_w.gif) no-repeat; background-position: 35% 50%; background-size: cover;}
.stui-artlist__thumb .play{display: none; position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,0.1) url(../img/play.png) center no-repeat;}
.stui-artlist__thumb:hover .play{ display: block;}
.stui-artlist__detail{ margin: 0; padding: 10px 5px; background-color: rgba(169, 0, 0, 0.5)}
.stui-artlist__detail .title{ font-size: 14px; margin: 0; text-align: center;}
.stui-artlist__detail .title a{ color: #999;}
.stui-artlist__detail .title a:hover{ color: #fdf751;}
.stui-artlist__detail .text{ margin-bottom: 0; font-size: 12px; color: #757575;}
.stui-artlist__detail.index{ padding: 5px 10px;}
.stui-artlist__detail.index .title { margin: 10px 0; font-size: 16px; text-align: left;}
.stui-artlist__detail.index .title .score{ font-family: Georgia,"Times New Roman",Times,serif;}
.stui-artlist__detail.index .title .iconfont{ color: #ff6600;}
.stui-artlist__detail.index .text{ margin-bottom: 8px; padding-left: 20px;}
/* content */
.stui-content{ padding: 10px;}
.stui-content__detail,.stui-content__thumb,.stui-content__side{display:table-cell;vertical-align:top}
.stui-content__thumb .pic{ display: block; width: 220px;}
.stui-content__thumb .pic img{ max-width: 100%;}
.stui-content__side{ width: 240px; padding-top: 80px; text-align: center; background-color: #444;}
.stui-content__detail{ padding: 20px; background-color: #1c1b1e;}
.stui-content__detail .title{margin:0 0 10px; font-size: 18px; color: #fff;}
.stui-content__detail .data{margin-bottom:10px}
.stui-content__detail .desc{padding-left:42px; line-height: 25px;}
.stui-content__detail .desc .left{margin-left:-42px}
.stui-content__detail .play-btn{padding-left:42px;margin-top:20px}
.stui-content__detail .play-btn a{ display: inline-block; padding: 6px 25px; border-radius: 5px; background-color: #fdf751; font-size: 12px; color: #333;}

/* player */
.stui-player{ position: relative; z-index: 2; padding: 10px;}
.stui-player__video{ background-color: #000;}
.stui-player__left{ position: relative; float: left; width: 75%;}
.stui-player__side{ position: relative; float: left; width: 25%; background-color: #333333;}
.stui-player__side .tab { padding: 15px; border-bottom: 1px solid #434145;}
.stui-player__side .tab li{ float: left; padding-right: 20px;}
.stui-player__side .tab li a{ position: relative; font-size: 16px; color: #757575;}
.stui-player__side .tab li.active a:before{ content:" "; position:absolute; left: 25%; bottom: -15px; width: 50%; height: 2px; background-color: #fdf751;}
.stui-player__side .tab li.active a{ color: #fdf751;}
.stui-player__side .item{ display: none; position: relative; padding: 15px 10px;}
.stui-player__side .item.active{ display: block;}
.stui-player__side .item .head{ position: relative; padding-bottom: 10px;}
.stui-player__side .item .head h3{ margin: 0; color: #757575;}
.stui-player__side .item .head .switch-line{ margin-top: 5px;}
.stui-player__side .item .tab-top{ display: none; position: absolute; z-index: 999; top: 100%; right: 0; padding: 10px 15px; border-radius: 2px; background-color: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.2);}
.stui-player__side .item .tab-top:after{ content:" "; width:10px; height:10px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); position: absolute; top: -5px; right: 15px; background-color: #fff;}
.stui-player__side .item .tab-top li{ line-height: 25px; border-bottom: 1px solid #eee; text-align: center;}
.stui-player__side .item .tab-top li:last-child{ border-bottom: 0;}
.stui-player__side .item .tab-top li a{ font-size: 12px;}
.stui-player__side .item .tab-top li a:hover{ color: #ff6600;}
.stui-player__side .cont{ display: none;}
.stui-player__side .cont.active{ display: block;}
.stui-player__detail{ padding: 20px; background-color: #1c1b1e;}
.stui-player__detail .title{margin:0 0 10px; font-size: 18px; color: #fff;}
.stui-player__detail .more{ float: right; padding-top: 10px;}
.stui-player__detail .more a{ display: inline-block; padding: 6px 15px; margin-left: 10px; border-radius: 2px; background-color: #252527; color: #999;}
.stui-player__detail .more a:hover{color: #fdf751;}
.stui-player__detail .data{ color: #9a8f80;}
.stui-player__detail .data-more{ padding-top: 10px;}

/* playlist */
.stui-play__list li{ float: left; width: 33.333333%; padding: 5px;}
.stui-play__list li.down{ float: none; width: 100%;}
.stui-play__list li a{ display: block; padding: 5px; border-radius: 2px; text-align: center; background-color: #1c1b1e; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.stui-play__list li a:hover{ color: #fdf751;}
.stui-play__list li.active a{ background-color: #fdf751; color: #333;}

/* page */
.stui-page__item{ margin: 20px 0 20px;}
.stui-page__item li{ display: inline-block; padding: 0 5px;}
.stui-page__item li a{ display: inline-block; padding: 6px 15px; border-radius: 4px; background-color: #252527; color: #757575;}
.stui-page__item li.active a,.stui-page__item li.active span{ background-color: #e4bd18; color: #333;}
.stui-page__item li a:hover{ color: #fdf751;}
.stui-page__item li.num{ display: none;}
.stui-page__all a{ position: absolute; top: 50%; margin-top: -40px; display: block; width: 80px; height: 80px; text-align: center; line-height: 80px;}
.stui-page__all a .iconfont{ font-size: 50px; color: #757575;}
.stui-page__all a:hover .iconfont{ color: #fff;}
.stui-page__all a.left{ left: 0;}
.stui-page__all a.right{ right: 0;}

/* link */
.stui-link__text{ margin: 20px 0; text-align: center;}
.stui-link__text li{ display: inline-block; margin-right: 20px; margin-bottom: 10px;}

/* embed */
.embed-responsive{position:relative;display:block;overflow:hidden;padding:0;height:0}
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
.embed-responsive-16by9{padding-bottom:56.25%}
.embed-responsive-4by3{padding-bottom:75%}

/* gbook */
.stui-gbook{ padding: 10px;}
.stui-gbook-form{ padding-bottom: 20px;}
.stui-gbook-form .form-control{ width: 100%;  padding: 10px; border: 1px solid #333; border-radius: 4px;}
.stui-gbook-form textarea.form-control{ height: auto;}
.stui-gbook-form li{ margin-top: 15px;}
.stui-gbook-form li:first-child{ margin-top: 0;}
.stui-gbook-form li .submit{ padding: 0 25px; height: 35px; line-height: 35px; border: 0; border-radius: 4px; cursor: pointer; background-color: #7a7a7a;color:#fafafa;}
.stui-gbook__item{ padding: 10px 0; border-top: 1px dotted #333;}
.stui-gbook__item .name{ color: #757575;}
.stui-gbook__item .cont{ position: relative; margin: 10px 0; padding: 20px; border-radius: 2px; background-color: #1c1b1e;}
.stui-gbook__item .cont:before{ content:" "; width:10px; height:10px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); border-width:1px 1px 0 0; position: absolute; top:-5px; left: 10px; border-style: solid; background-color: #1c1b1e; border-color: #1c1b1e;}
.stui-gbook__item .cont p{ margin: 10px 0 0;}
.reg_style{
    font-size: 16px;
    width: 20%;
    margin-left: 40%;
}
/*---评论弹窗----*/

.mac_pop .pop-msg{  text-align:center;  font-size: 14px;  }
.mac_pop_msg_bg{position: fixed; z-index: 129; left: 0;top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2);}
.mac_pop_msg { z-index:99999; display: none; min-height: 20px; max-height: 750px; position: fixed;  top: 0;  left: 0;  bottom: 0;  right: 0;  margin: auto;  padding: 25px;  z-index: 130;  border-radius: 8px;  background-color: #fff;  box-shadow: 0 3px 18px rgba(0, 0, 0, .5);}
.mac_pop_msg .pop-msg{  text-align:center;  font-size: 14px;  }


.mac_comment { margin-top:5px; padding:10px; padding-left:10px; border:1px solid #C6D9E7; background:#fff; font-family: "Microsoft YaHei"; }


.mac_comment .clearfix::after {
	height: 0px; clear: both; font-size: 0px; display: block; visibility: hidden; content: " ";
}

.mac_comment .cmt_form {
	margin-bottom: 10px;
}
.mac_comment .face_wrap img {
	width: 50px; height: 50px;
}
.mac_comment .input_wrap {
	width: 98%; padding-left: 1%; position: relative;
}
.mac_comment .cmt_wrap .input_wrap {
	width: 98%;
}
.mac_comment .input_wrap textarea {
	background: #fff; border-width: 1px 1px medium; border-style: solid solid none; border-color: rgb(187, 187, 187) rgb(187, 187, 187) currentColor; border-radius: 3px 3px 0px 0px; width: 100%; height: 53px; line-height: 1.4; overflow: auto; padding-top: 8px; padding-left: 1%;color: #666;box-sizing: border-box;
}
.mac_comment .input_wrap .handle {
	position:relative;background: #fbfbfb; border-width: 1px; border-style:solid; border-color: rgb(187, 187, 187); border-top-color:#e5e5e5;border-radius: 0px 0px 3px 3px; width: 100%; height:46px; color: rgb(206, 206, 206);box-sizing: border-box;
}
.mac_comment .input_wrap .face{
	cursor: pointer;position: absolute;width: 42px;height: 45px;cursor: pointer;z-index: 2;
}
.mac_comment .input_wrap .face.curr{background: #fff;}
.mac_comment .input_wrap .face-box{display:none;padding: 8px 0 3px 5px;width: 280px;position: absolute;top: 44px;background: #fff;border: 1px solid #bbb;border-top-color:#e5e5e5;margin-left: -1px;z-index: 1;}
.mac_comment .input_wrap .face-box img{
	display:inline-block;margin: 2px;
}
.mac_comment .icon-face{display:block;width:42px;height:44px;background: url("../images/home/face.png") center no-repeat;}
.mac_comment .icon-face:hover,.mac_comment .input_wrap .face.curr .icon-face{background: url("../images/home/face-on.png") center no-repeat;}
.mac_comment .expression {
	background: url("../images/home/emotion2.png") no-repeat 0px 0px; margin: 6px 0px 0px 6px; width: 18px; height: 16px; display: block; cursor: pointer;
}
.mac_comment .expression:hover {
	background: url("../images/home/emotion2.png") no-repeat 0px -16px;
}
.mac_comment .remaining-w {
	float: left;margin-left: 42px;padding-left:20px;line-height:44px;border-left: 1px solid #e5e5e5; font-size: 14px;
}
.mac_comment .smt_wrap {
	width: 100%; margin-top: 8px;
}
.mac_comment .smt_wrap span {
	color: rgb(66, 66, 66);
}
.mac_comment .smt_wrap .total {
	font-size: 16px; font-weight: bold;
}
.mac_comment .smt_wrap span span {
	margin: 0px; padding: 0px;
}
.mac_comment .smt_wrap span a {
	margin: 0px 0px 0px 8px; color: rgb(49, 139, 183);
}
.mac_comment .smt .cmt_post:hover{background: #17abff;}
.mac_comment .smt .cmt_post {
	background: #169dea; border: currentColor; width: 81px; height: 30px; text-align: center; color: rgb(255, 255, 255); line-height: 30px; font-size: 14px; margin-left: 20px; display: inline-block; cursor: pointer;vertical-align:middle;border-radius: 3px;
}
.mac_comment .smt .cmt_text {
	background: rgb(251, 251, 251); padding: 0px 8px; border-radius: 3px; border: 1px solid rgb(204, 204, 204); width:50px; height: 30px; line-height: 30px; margin-left: 5px;margin-right:2px;vertical-align:middle;
}
.mac_comment .smt .cmt_verify {
	 width: 80px; height: 30px; line-height: 30px;vertical-align:middle;
}

.mac_comment .smt input:hover {
	background-position: -1px -603px;
}
.mac_comment .smt{margin-top: 6px;margin-right: 12px;color: #454545;}
.mac_comment .sort_wrap {
	padding-bottom: 2px; border-bottom-color: rgb(215, 215, 215); border-bottom-width: 1px; border-bottom-style: solid;
}
.mac_comment .sort_wrap a:hover {
	text-decoration: none;
}
.mac_comment .sort_wrap .current {
	color: rgb(49, 139, 183); font-weight: bold; border-bottom-color: rgb(43, 140, 230); border-bottom-width: 2px; border-bottom-style: solid;
}
.mac_comment .cmt_item {
	padding: 15px 0px 8px; width: 100%; color: rgb(153, 153, 153); border-bottom-color: rgb(215, 215, 215); border-bottom-width: 1px; border-bottom-style: dotted; _zoom: 1;
}
.mac_comment .item_con {
	width: 93%; padding-left: 1%;
}
.mac_comment .item_con p.top {
	padding: 0;
	width: auto;
	margin-bottom: 8px;
}
.mac_comment .item_con a {
	color: rgb(153, 153, 153);
}
.mac_comment .item_con a:hover {
	color: rgb(153, 153, 153); text-decoration: none;
}
.mac_comment .item_con .name {
	color: rgb(43, 140, 230);
}
.mac_comment .item_con .name:hover {
	color: rgb(1, 106, 159); text-decoration: none;
}
.mac_comment .item_con .con {
	color: rgb(51, 51, 51); line-height: 20px; overflow: hidden; margin-top: 8px; -ms-word-wrap: break-word;
}
.mac_comment .item_con .bottom li {
	height: 16px; line-height: 15px; overflow: hidden; margin-right: 10px; float: left; _display: inline;
}
.mac_comment .item_con .bottom .reply {
	background: url("../images/home/rpy2.png") no-repeat 0px 0px; color: rgb(153, 153, 153); text-indent: 19px; font-size: 11px; display: block;
}
.mac_comment .item_con .bottom .reply:hover {
	color: rgb(1, 106, 159); text-decoration: none;
}
.mac_comment .item_con .bottom .bdshare_t {
	margin-top: -5px;
}
.mac_comment .item_con .bottom .bds_more {
	padding-top: 5px;
}
.mac_comment .inner {
	padding: 3px; border: 1px solid rgb(153, 153, 153); width: auto; background-color: rgb(254, 254, 241);
}
.mac_comment .inner .top {
	margin: 8px 0px 8px 3px;
}
.mac_comment .inner .con {
	margin: 5px 0px 5px 3px;
}
.mac_comment .inner .bottom {
	margin-bottom: 5px; visibility: hidden;
}
.mac_comment .mid_cmt_item {
	margin-top: 3px; border-top-color: currentColor; border-top-width: medium; border-top-style: none;
}
.mac_comment .pages {
	margin-top: 15px;
}
.mac_comment .item_con .gw-action{
	text-align: right;
}
.mac_comment .item_con .gw-action a{margin-left: 10px;}
.mac_comment .item_con a:hover{
	color: #333;
}
.mac_comment .item_con .click-ding-gw{margin-right: 10px;}
.mac_comment .item_con .click-ding-gw a,.mac_digg .click-ding-gw a{color: #f29898;}
.mac_comment .item_con .click-ding-gw a:hover,.mac_digg .click-ding-gw a{color: #f29898;}
.mac_comment .item_con .click-ding-gw a i,.mac_digg a i{display: inline-block;width: 14px;height: 14px;vertical-align: middle;}

.mac_comment .cmt_wrap .item_con .input_wrap{width: 100%;margin: 10px 0;padding-left: 0;}
.mac_comment .cmt_wrap .item_con .cmt_item{clear: left;border-bottom: none;}
.mac_comment .cmt_wrap .item_con .cmt_item .gw-action{text-align: left;clear: left;}
.mac_comment .cmt_wrap .item_con .cmt_item .gw-action a{margin-right: 10px;margin-left: 0;}

.mac_comment,.mac_digg{font-size: 12px;}
.fl {float: left; _display: inline;}
.fr {float: right; _display: inline;}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0} .clearfix{*zoom:1;}

/*---评论弹窗结束----*/

/*顶踩图标*/
.mac_comment i.icon-ding,.mac_digg i.icon-ding{background: url("../img/up1.png") center no-repeat;}
.mac_comment i.icon-ding:hover,.mac_digg i.icon-ding:hover{background: url("../img/up2.png") center no-repeat;}
.mac_comment i.icon-dw,.mac_digg i.icon-dw{background: url("../img/dw1.png") center no-repeat;}
.mac_comment i.icon-dw:hover,.mac_digg i.icon-dw:hover{background: url("../img/dw2.png") center no-repeat;}

/*顶踩页面*/
.mac_digg a{margin-right: 10px;color: #999;}
.mac_digg a:hover{color: #333;}

/*底部广告*/
#bottom_ad{
	position: fixed;
    bottom: 0;
    margin-left: 50%;
    transform: translate(-50%, 0);
    z-index: 999;
    text-align: center;
}

/*---回顶部----*/
#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 18%;
    width: 50px;
    height: 50px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: rgba(20, 20, 20,0.5);
    color: white;
    cursor: pointer;
    text-align: center;
    line-height: 30px;
    border-radius: 30px;
}
#homeBtn{
    display: none;
    position: fixed;
    bottom: 80px;
    right: 18%;
    width: 50px;
    height: 50px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: rgba(20, 20, 20,0.5);
    color: white;
    cursor: pointer;
    text-align: center;
    line-height: 30px;
    border-radius: 30px;
}
.f-link{
    text-align: -webkit-center;
}
.nullbox{display:block;height:40px;}

/*----0427会员中心设定----*/
.usertop{
	margin-top: 30px;
	color: #fff;
}
.userlist {
    width: 20%;
	float: left;
	text-align: -webkit-center;
    background-color: #fff;
}
.userinfo {
    width: 80%;
	float: left;
	font-size: 16px;
	padding-left: 30px;
}
.userinfo hr{
	color: #808b96;
}
.userimg{
	background: rgba(234,49,86,0.9);
	padding-bottom: 10px;
}
.userimg img{
    margin: 20px 0;
    border-radius: 50%;
}
.userimg div span{
	margin: 5px 0;
}
.gong {
    margin-top: 20px;
    margin-bottom: 10px;
    display: inline-block;
}
.gong a{
    color: #fff;
    background-color: #808b96;
    padding: 5px 20px;
    margin-right: 10px;
}

.gong a:hover{
	background-color:rgba(234,49,86,0.9);
}
.aclist {
    height: 50px;
    line-height: 50px;
}
.aclist a{
	display: block;
	color: #000;
	font-size: 18px;
}
.aclist a i{
	float: right;
	font-weight: 600;
	padding-left: 10px; 
}
.aclist:hover{
	background: #808b96;
}
.aclist a:hover{
	color: #fff;
}
.infotitle {
    font-size: 24px;
    padding: 10px 0;
}
.usermenu {
    font-size: 18px;
    margin-top: 40px;
}
.usermenu span{
	background-color: #808b96;
	padding: 10px 20px;
}
.info-ad {
	margin-top: 30px;
}
.menu-l {
    width: 30%;
    float: left;
}
.ad-r {
    width: 70%;
	margin-top: -70px;
	float: right;
}

.mlist {
    margin: 15px 0;
}
.mlist span{
	color: #808b96;
}
input.member-input {
    float: right;
    margin-right: 20px;
}
input#btn_submit {
    margin-top: 20px;
    background-color: #808b96;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
}
input#btn_submit:hover{
    background-color: rgba(234,49,86,0.9);
}
.member-page {
    margin: 20px 0;
    letter-spacing: 2px;
    text-align: -webkit-center;
}
.member-page span, .member-page a {
    margin: 0 5px;
}
.member-page span {
    color: #666;
    font-size: 14px;
}
a.page_link {
    display: inline-block;
    background-color: #808b96;
    color: #fff;
    padding: 5px 10px;
}
input.page-button {
    background-color: #808b96;
    color: #fff;
    padding: 5px 10px;
}
a.page_link:hover{
    background-color: rgba(234,49,86,0.9);
}
input.page-button:hover{
    background-color: rgba(234,49,86,0.9);    
}
.trbg {
    background-color: #666;
}
.trcont{
    text-align: -webkit-center;
}

	/*---会员中心样式---*/
	.login-type {
		text-align: -webkit-center;
		margin: 0 30%;
		margin-top: 50px;
		background-color: #fff;
		border-radius: 10px;
	}

	.reg-type {
		text-align: -webkit-center;
		margin: 0 30%;
		margin-top: 50px;
		background-color: #fff;
	}

	.regcontent {
		text-align: -webkit-center;
	}

	.fnpmsg {
		background-color: aliceblue;
		margin: 0 30%;
	}

	.regmsg {
		background-color: #fff;
	}

	.user-login {
		text-align: center;
		hieght: 30%;
		background-color: rgb(255, 255, 255);
		height: 50px;
		border-radius: 10px;
	}

	.login-w {
		margin-top: 60px;
	}

	.login-back {
		float: left;
		line-height: 50px;
		margin-top: 14.5px;
		margin-left: 15px;
	}

	.login-back a {
		margin-left: 30%;
		display: block;
		width: 25px;
		height: 25px;
		border-radius: 10px;


	}

	.login-back img {
		display: block;
	}

	.login-title {
		font-size: 22px;
		font-weight: 500;
		line-height: 100px;
		margin-top: 50px;
		text-align: -webkit-center;
	}

	.login-title span {
		margin-left: 0px;
	}

	.user-login h2 {
		height: 50px;
	}

	.regmsg input {
		background-color: #f7f7f7;
		border: 1px solid #a1a1a1;
	}

	.checkcode input {
		background-color: #f7f7f7;

		width: 100%;
	}

	.save-button {
		margin: 0 30%;
		margin-top: 50px;

	}

	.save-button .log-button {
		margin: 0 auto;
		width: 100%;
	}



	.form-group input {
		width: 70%;
		height: 50px;
		margin-bottom: 25px;
		padding: 0 10px;
		background-color: #f7f7f7;
		border: 1px solid #a1a1a1;
	}

	.log-button {
		font-size: 20px;
		letter-spacing: 5px;
		height: 50px;
		width: 70%;
		border-radius: 10px;
		background-color: rgb(233, 50, 85);
		color: rgb(255, 250, 255);
		margin-bottom: 5%;

	}

	.log-btn {
		text-align: center;
		margin: 0 7.5% 5%;
	}

	.btn-login {
		float: left;
	}

	.btn-fget {
		float: right;
	}

	.cont-bg {
		background-image: url(/template/mac_km_wap/images/bgimg.jpg);
		background-size: cover;
	}

	.userface {
		padding: 30px 36% 15px 36%;
		text-align: center;
	}

	.userface img {
		border-radius: 50%;
	}

	.userface span {
		margin-top: 15px;
		font-size: 20px;
		< !--color: #fff;
		-->
	}

	.xiang {
		font-size: 18px;
		width: 100%;
		height: 50px;
		line-height: 50px;
		padding: 0 15px;
		margin: 3px 0;
		background-color: #fff;
	}

	.mgtop {
		margin-top: 5px;
		font-size: 18px;
		width: 100%;
		height: 50px;
		line-height: 50px;
		padding: 0 15px;
		background-color: #fff;
	}

	.mgtop a span {
		font-size: 18px;
		color: #ff6600;
	}

	.xiang a span {
		font-size: 18px;
		color: #ff6600;
	}

	.bgheight {
		height: 50px;
		padding: 15px 15px;
	}

	.bgheight span {
		display: block;
		margin-bottom: 5px;
	}

	.bgheight input {
		width: 100%;
	}

	.bgcolor,
	.null {
		height: 82px;
	}
	.tdtitle {
    width: 50px;
    height: 40px;
    text-align: -webkit-center;
    }
    .tbody{
    width: 100%;
    color: #fff;
    margin: 10px 0;
    background-color: #333;
    }
    .pad{
    letter-spacing: 1px;
    padding: 10px 10px;
    }
	/*---忘记密码----*/
	.form-w {}

	.passcontent {
		text-align: center;

	}

	.phonenum {
		width: 40%;
		height: 50px;
		padding-left: 10px;
		margin-top: 25px;
	}
	}

	.checkcode {
		margin: 0 16%;
		margin-bottom: 25px;

	}

	.checkcode input {
		height: 50px;
		padding-left: 10px;
		border: 1px solid #a1a1a1;
		width: 20%;
		margin-left: 30%;
		margin-top: 3%;
		margin-bottom: 25px;

	}

	.checkcode span {
		height: 50px;
		padding-left: 50%;
	}

	.checkcode2 {
		margin: 0 30%;

	}

	.checkcode2 input {
		height: 50px;
		padding-left: 10px;
		width: 100%;
		margin-top: 5%;
		margin-bottom: 5%;
	}

	/*---会员资料---*/
	.infoface {
		background-color: #fff;
		height: 80px;
		line-height: 80px;
		font-size: 18px;
		padding: 0 5%;
		margin: 2px 0;
		color: #2C3E50;
	}

	.infoface .face {
		width: 60px;
		height: 60px;
		border-radius: 50%;
		float: right;
		margin-top: 10px;
	}

	.infocontent {
		background-color: #fff;
		line-height: 50px;
		padding: 0 5%;
		margin: 2px 0;
	}

	.infocontent .info-1 {
		font-size: 18px;
		color: #2C3E50;
	}

	.infocontent .info-2 {
		line-height: 50px;
		float: right;
	}

	/*----注册页面---*/
	.regcont {}

	.regmsg {
		margin: 0 8%;
		margin-bottom: 25px;
	}

	.regmsg input {
		width: 80%;
		height: 50px;
		padding: 0 10px;
	}

	/*----修改密码----*/
	.msgcont {
		margin-top: 30px;
		font-size: 16px;
	}

	.changmsg {
		margin: 0 7.5%;
		margin-bottom: 20px;
	}

	.changmsg input {
		width: 100%;
		height: 25px;
		padding: 0 10px;
	}

	span.pdr {
		margin-left: 10px;
	}
.telegram{
    text-align: -webkit-center;
}
.telegram a{
    margin-top:10px;
    display:inline-block;
}
.telegram img{
    width:32px;
}

    .maincate{
        margin-top:10px;
        width: 100%;
        line-height: 40px;
        box-shadow: 0 1px 2px rgba(0,0,0,.1);
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000;
        -webkit-overflow-scrolling: touch;
        text-align: justify;
        background: rgba(50,50,50,0.9);
        padding: 0px 5px;
        box-sizing: border-box;
    }
    .maincate a{ color: #fff; text-decoration: none;}
    .maincate a:hover{
        transform: scale(1.1);
		transition: all 1s ease 0s;
		-webkit-transform: scale(1.3);
		-webkit-transform: all 1s ease 0s;
    }

    .maincate::-webkit-scrollbar{display: none;}
    
.chosen-container{
    overflow: auto;
}
.chosen-swiper{
    display: -moz-box; /*Firefox*/
    display: -webkit-box; /*Safari,Opera,Chrome*/
    display: box;
    /*display: flex;/*发现他也可以但是好多移动端浏览器不支持，唉！浏览器厂家难为咱们前端啊*/*/
}
.chosen-swiper a{
    height: 40px;
    padding:10px 0;
    text-align: center;
    border-radius: 0.35rem;
    margin-left: 0.5rem;
    text-decoration: none;
}
.chosen-swiper a:first-child{
    margin-left: inherit;
}
.chosen-swiper p{
    font-size: 16px;
    line-height:16px;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

}
@media (min-width:768px){
	.container{width:750px}
}
@media (min-width:992px){
	.container{width:920px}
}
@media (min-width:1200px){
	.container{width:1170px}
}

@media (max-width:1200px){
	.stui-page__all,.stui-content__side{ display: none;}
}

@media (max-width:1024px){	
	
	/* header */	
	.stui-header{ margin-top: 20px;}
	.stui-header__menu{ display: none;}
	
	/* screen */
	.stui-screen .item ul{ width:100%; width:100%; white-space:nowrap; overflow-y:hidden;overflow-x:scroll; -webkit-overflow-scrolling:touch;}
	.stui-screen .item ul li{ float: none; display: inline-block; margin-bottom: 0;}
	.stui-screen .item ul li a{ padding-left: 10px;}
	
	/* list */
	.stui-vodlist li{ width: 25%;}
	.stui-vodlist li.index{ width: 50%;}
	.stui-vodlist li.topic{ width: 50%;}
	.stui-artlist li{ width: 25%;}
	.stui-artlist li.index{ width: 50%;}
	.stui-artlist li.topic{ width: 50%;}
	/* player */
	.stui-player__left{ float: none; width: 100%;}
	.stui-player__side{ float: none; width: 100%; background-color: #333333;}
	.stui-player__detail .more a.menu-switch{ display: none;}
	.stui-player__detail .title{ margin: 0 0 5px;}
	/*---会员中心样式---*/
	.user-login{
		text-align:center;hieght:30%;background-color: rgb(255, 255, 255);
	}
	.login-w{margin-top: 60px;}
	.user-login{width: 100%;height: 50px;}
	.login-back{float: left;line-height: 50px;margin-top: 14.5px;margin-left: 15px;}
	.login-back a{
		display: block;
		width: 25px;
		height: 25px;
	}
	.login-back img{
		display: block;
	}
	.login-title{font-size: 22px;font-weight: 500;line-height: 50px;}
	.login-title span{margin-left: 0px;}
	.user-login h2{height: 50px;}
	.form-group input{
		width: 85%;
		height: 50px;
		margin-bottom: 25px;
		padding: 0 10px;
	}
	.log-button{
		font-size: 20px;
		letter-spacing: 5px;
		height: 50px;
		width: 85%;
		margin: 0 7.5%;
		background-color: rgb(233, 50, 85);
		color: rgb(255, 250, 255);
	}
	.log-btn{
		text-align:center; 
		margin: 0 7.5%;
		margin-top: 10px;
	}
	.btn-login{
		float: left;
	}
	.btn-fget{
		float: right;
	}
	.cont-bg{
		background-image: url(/template/mac_km_wap/images/bgimg.jpg);
		background-size: cover;
	}
	.userface{
		padding: 30px 36% 15px 36%;
		text-align: center;
	}
	.userface img{
		border-radius:50%;
	}
	.userface span{
		margin-top: 15px;
		font-size: 20px;
		color: #fff;
	}
	.xiang{
		font-size: 18px;
		width: 100%;
		height: 50px;
		line-height: 50px;
		padding: 0 15px;
		margin: 3px 0;
		background-color: #fff;
	}
	.mgtop{
		margin-top: 5px;
		font-size: 18px;
		width: 100%;
		height: 50px;
		line-height: 50px;
		padding: 0 15px;
		background-color: #fff;
	}
	.mgtop a span{
		font-size: 18px;
	}
	.xiang a span{
		font-size: 18px;
		color:#ff6600;
	}
	.bgheight{height: 50px;padding: 15px 15px;}
	.bgheight span{    
		display: block;
		margin-bottom: 5px;
	}
	.bgheight input{width: 100%;}
	.bgcolor,.null{
		height: 82px;
	}
	/*---忘记密码----*/
	.form-w{
		margin-top: 60px;
	}
	.passcontent{
		text-align: center;
		margin-bottom: 25px;
	}
	.phonenum{
		width: 85%;
		height: 50px;
		padding-left: 10px;
	}
	.checkcode{
		margin: 0 7.5%;
		margin-bottom: 25px;
	}
	.checkcode input{
		height: 50px;
		padding-left: 10px;
	}
	.checkcode span{
		height: 50px;
		padding-left: 10px;
	}
	.checkcode2{
		margin: 0 7.5%;
		margin-bottom: 25px;
	}
	.checkcode2 input {
		height: 50px;
		padding-left: 10px;
		width: 100%;
	}
	/*---会员资料---*/
	.infoface{
		background-color: #fff;
		height: 80px;
		line-height: 80px;
		font-size: 18px;
		padding: 0 5%;
		margin: 2px 0;
		color: #2C3E50;
	}
	.infoface .face{
		width: 60px;
		height: 60px;
		border-radius: 50%;
		float: right;
		margin-top: 10px;
	}
	.infocontent{
		background-color: #fff;
		line-height: 50px;
		padding: 0 5%;
		margin: 2px 0;
	}
	.infocontent .info-1{
		font-size: 18px;
		color: #2C3E50;
	}
	.infocontent .info-2{
		line-height: 50px;
		float: right;
	}
	/*----注册页面---*/
	.regcont {
		margin-top: 60px;
	}
	.regmsg{
		margin: 0 7.5%;
		margin-bottom: 25px;
	}
	.regmsg input{
		width: 100%;
		height: 50px;
		padding: 0 10px;
	}
	/*----修改密码----*/
	.msgcont {
		margin-top: 30px;
		font-size: 16px;
	}
	.changmsg{
		margin: 0 7.5%;
		margin-bottom: 20px;
	}
	.changmsg input{
		width: 100%;
		height: 25px;
		padding: 0 10px;
	}
	span.pdr{
		margin-left: 10px;
	}
	#play-box .item{ min-height: 200px;}
	
	/* palylist */
	.stui-play__list li{ width: 20%;}
}
@media (max-width:767px){
	
	/* more */
	.stui-pannel__bd{ padding: 0 5px;}
	.play-bg{ display: none;}
	
	/* header */
	.stui-header{ margin-bottom: 10px;}
	.stui-header__logo .logo{width:127px;height:30px;background:url(../img/logo_min_f.png) no-repeat;background-position:50% 50%;background-size:cover}	
	.stui_header__user{ float: right; margin-top: 5px; margin-right: 10px;}
	.stui_header__user > li{ position: relative; float: left; padding-bottom: 10px; margin-left: 15px;}
	.stui_header__user > li > a .iconfont{ font-size: 22px;}
	.stui_header__user > li > span{ font-size: 18px; color: #757575;}
	
	/* dropdown */
	.dropdown.search,.dropdown.type{ right: -60px;}
	.dropdown.search:after,.dropdown.type:after{ right: 65px;}
	
	/* screen */
	.stui-screen{ padding: 5px;}
	.stui-screen .head{ padding: 10px;}
	.stui-screen .head .all{ display: none;}
	.stui-screen .item ul{ padding: 10px;}

	/* list */
	.stui-vodlist li{ padding: 5px; width: 33.333333%;}
	.stui-vodlist li.index{ width: 100%;}
	.stui-vodlist li.like{  width: 33.333333%;}
	.stui-vodlist__thumb.active{ padding-top: 50%;}
	.stui-vodlist__detail{ padding: 5px 10px;}
	.stui-vodlist__detail .title{ font-size: 12px;}
	.stui-vodlist__detail.index .title{ margin-bottom: 5px;}
	.stui-vodlist__head p{ display: none;}
	.stui-artlist li{ padding: 5px; width: 33.333333%;}
	.stui-artlist li.index{ width: 100%;}
	.stui-artlist li.like{  width: 33.333333%;}
	.stui-artlist__thumb.active{ padding-top: 50%;}
	.stui-artlist__detail{ padding: 5px 10px;}
	.stui-artlist__detail .title{ font-size: 12px;}
	.stui-artlist__detail.index .title{ margin-bottom: 5px;}
	.stui-artlist__head p{ display: none;}
	
	/* content */
	.stui-content{ padding: 0 5px;}
	.stui-content__detail,.stui-content__thumb{display: block;}
	.stui-content__thumb{ display: none;}
	.stui-content__detail{ padding: 20px 10px;}
	.stui-content__detail .title{ margin: 0 0 10px;}
	
	/* player */
	.stui-player{ padding: 0 5px;}
	.stui-player__detail{ padding: 10px;}
	.stui-player__detail .more{float: none; margin:-10px -10px 10px -10px; padding-bottom: 10px; text-align: center; background-color: #333;}
	.stui-player__detail .more a{ margin-left: 0; margin-right: 10px;}
	
	/* playlist */
	.stui-play__list li{ width: 33.333333%;}
	
	/* page */
	.stui-page__item li{ display: block; float: left; width: 20%; margin: 0; padding: 0;}
	.stui-page__item li.num{ display: block;}
	
	/* link */
	.stui-link__text{ display: none;}
	
	/* gbook */
	.stui-gbook{ padding: 10px;}
	.stui-gbook__item .cont{ padding: 10px;}
	
	.hidden-xs{ display: none !important;}
	/*---会员中心样式---*/
	.user-login{
		text-align:center;hieght:30%;background-color: rgb(255, 255, 255);
	}
	.login-w{margin-top: 60px;}
	.user-login{width: 100%;height: 50px;}
	.login-back{float: left;line-height: 50px;margin-top: 14.5px;margin-left: 15px;}
	.login-back a{
		display: block;
		width: 25px;
		height: 25px;
	}
	.login-back img{
		display: block;
	}
	.login-title{font-size: 22px;font-weight: 500;line-height: 50px;}
	.login-title span{margin-left: 0px;}
	.user-login h2{height: 50px;}
	.form-group input{
		width: 85%;
		height: 50px;
		margin-bottom: 25px;
		padding: 0 10px;
	}
	.log-button{
		font-size: 20px;
		letter-spacing: 5px;
		height: 50px;
		width: 85%;
		margin: 0 7.5%;
		background-color: rgb(233, 50, 85);
		color: rgb(255, 250, 255);
	}
	.log-btn{
		text-align:center; 
		margin: 0 7.5%;
		margin-top: 10px;
	}
	.btn-login{
		float: left;
	}
	.btn-fget{
		float: right;
	}
	.cont-bg{
		background-image: url(/template/mac_km_wap/images/bgimg.jpg);
		background-size: cover;
	}
	.userface{
		padding: 30px 36% 15px 36%;
		text-align: center;
	}
	.userface img{
		border-radius:50%;
	}
	.userface span{
		margin-top: 15px;
		font-size: 20px;
		color: #fff;
	}
	.xiang{
		font-size: 18px;
		width: 100%;
		height: 50px;
		line-height: 50px;
		padding: 0 15px;
		margin: 3px 0;
		background-color: #fff;
	}
	.mgtop{
		margin-top: 5px;
		font-size: 18px;
		width: 100%;
		height: 50px;
		line-height: 50px;
		padding: 0 15px;
		background-color: #fff;
	}
	.mgtop a span{
		font-size: 18px;
		color:#ff6600;
	}
	.xiang a span{
	    color"#ff6600;	
		font-size: 18px;
	}
	.bgheight{height: 50px;padding: 15px 15px;}
	.bgheight span{    
		display: block;
		margin-bottom: 5px;
	}
	.bgheight input{width: 100%;}
	.bgcolor,.null{
		height: 82px;
	}
	/*---忘记密码----*/
	.form-w{
		margin-top: 60px;
	}
	.passcontent{
		text-align: center;
		margin-bottom: 25px;
	}
	.phonenum{
		width: 85%;
		height: 50px;
		padding-left: 10px;
	}
	.checkcode{
		margin: 0 7.5%;
		margin-bottom: 25px;
	}
	.checkcode input{
		height: 50px;
		padding-left: 10px;
	}
	.checkcode span{
		height: 50px;
		padding-left: 10px;
	}
	.checkcode2{
		margin: 0 7.5%;
		
	}
	.checkcode2 input {
		height: 50px;
		padding-left: 10px;
		width: 100%;
	}
	/*---会员资料---*/
	.infoface{
		background-color: #fff;
		height: 80px;
		line-height: 80px;
		font-size: 18px;
		padding: 0 5%;
		margin: 2px 0;
		color: #2C3E50;
	}
	.infoface .face{
		width: 60px;
		height: 60px;
		border-radius: 50%;
		float: right;
		margin-top: 10px;
	}
	.infocontent{
		background-color: #fff;
		line-height: 50px;
		padding: 0 5%;
		margin: 2px 0;
	}
	.infocontent .info-1{
		font-size: 18px;
		color: #2C3E50;
	}
	.infocontent .info-2{
		line-height: 50px;
		float: right;
	}
	/*----注册页面---*/
	.regcont {
		margin-top: 60px;
	}
	.regmsg{
		margin: 0 7.5%;
		margin-bottom: 25px;
	}
	.regmsg input{
		width: 100%;
		height: 50px;
		padding: 0 10px;
	}
	/*----修改密码----*/
	.msgcont {
		margin-top: 30px;
		font-size: 16px;
	}
	.changmsg{
		margin: 0 7.5%;
		margin-bottom: 20px;
	}
	.changmsg input{
		width: 100%;
		height: 25px;
		padding: 0 10px;
	}
	span.pdr{
		margin-left: 10px;
	}
}