@media only screen and (max-width:992px){html{font-size:9px;}}
@media only screen and (max-width:768px){html{font-size:8px;}}
@media only screen and (max-width:480px){html{font-size:7px;}}
body {background:#f9f9f9;font:14px/1.5 "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;color:#333;}
a:focus{outline:none!important;-moz-outline:none!important;}
a.iconfont {text-decoration:none!important;}
.ml5 {margin-left: 5px;}
.ml10 {margin-left:10px;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.pt10 {padding-top:10px;}
.pl5{padding-left:5px;}
.bodytop{padding-top:60px}

.info {color:#999 !important;}
.red {color:red !important;}
.green {color:green !important;}
.btn-gray, .btn-gray:hover {background-color:#cecece;color:#fff}
.nomsg {padding:50px 0;text-align: center;color:#ccc;}
.loading {background: url(../images/loading.gif) no-repeat center center;height:100px}

/*引用的样式*/
blockquote{margin:15px 0;padding: 23px 20px 23px 55px;background: #fafafa url('../images/blockquoteup.png') 18px 20px no-repeat ;border: 1px solid #f3f3f3;line-height: 28px;  }
blockquote p{padding-right:28px;}
blockquote p:last-child{padding-bottom: 10px;background: #fafafa url('../images/blockquotedown.png') 100% 100% no-repeat}

.bs-docs-nav{padding:5px 0;background-color:#fff;box-shadow:0 5px 5px #ddd;margin-bottom:0;}
.bs-docs-nav .navbar-brand{padding:6px 10px 0 0;margin-right:15px;}
.bs-docs-nav .navbar-brand,.bs-docs-nav .navbar-nav>li>a{font-weight:800;color:#563d7c;background:none;}
.bs-docs-nav .navbar-nav>.active>a,.bs-docs-nav .navbar-nav>.active>a:hover,.bs-docs-nav .navbar-nav>li>a:hover{background:none;color:#ff6700;}
.bs-docs-nav .navbar-toggle .icon-bar{background-color:#ff6700}
.bs-docs-nav .navbar-header .navbar-toggle{border-color:#fff}
.bs-docs-nav .navbar-header .navbar-toggle:focus,.bs-docs-nav .navbar-header .navbar-toggle:hover{background-color:#f9f9f9;border-color:#f9f9f9}
.navbar-nav .search{padding-top:9px;width:150px;margin-right:20px;}
.navbar-nav .search .input-group-addon{background:none;}
.navbar-nav .search .nbr{border-right:none}
.navbar-nav .search button {width:100%;height:100%;border:none;padding:0;margin:0;background:none}
.navbar-nav .user{padding-top:6px;}
.navbar-nav .user a {display:inline;padding:15px 7px;}
.navbar-nav .avatar{padding:5px;}
.notify {position:relative;}
.notify span {position:absolute;top:13px;right:-2px;padding:3px;z-index:9999999;background:#d9534f;border-radius:50%;font-size:0;line-height:0;border:1px solid #d43f3a;}
.box-shadow {box-shadow:0 0 5px #ddd;}
.no-border-radius {border-radius: 0 !important;}
.topbar{background-color:#5f5750;color:#FFFFFF;font-size:13px;height:30px;line-height:30px;}
.topbar a{color:#FFFFFF;}
.site-header {padding:10px 0;}
.main {background-color:#f9f9f9;overflow:hidden;}
.main .uc-box {background-color:#ffffff;padding:20px 1.1%;margin-bottom: 10px;}
.main .uc-main {margin-right:7%}
.main .ur-main {margin-left:7%}
.breadcrumb {margin-bottom:5px;margin-top:5px;}
.btn-search:active{background-color:#d9534f !important;color:#FFFFFF !important;border:1px solid #d9534f !important;}
.btn-search:hover{background-color:#d9534f;color:#FFFFFF;text-decoration:none;border:1px solid #d9534f;}
.navbar-toggle .icon-bar {background-color: #d9534f;}
.edit {display:none}

.uc-nav-box{margin-bottom:12px}
.uc-nav-box .box-hd{height:52px}
.uc-nav-box .box-hd .title{margin:0 2% 2px 18%;font-size:1.9rem;font-weight:400;line-height:52px;color:#333;-webkit-transition:font-size 0.2s ease-out;}
.uc-nav-list{margin:0;padding:0;list-style-type:none}
.uc-nav-list li{padding:6px 2% 6px 18%;font-size:1.53rem;-webkit-transition:font-size 0.2s ease-out;}
.uc-nav-list li.active a{color:#ff6700}
.uc-nav-list a{color:#757575}
.uc-nav-list a:hover{color:#424242}
.uc-nav-list .bubble{display:inline-block;*zoom:1;*display:inline;width:24px;font-size:13px;line-height:2;text-align:center;background-color:#e53935;color:#fff;border-radius:12px}
.uc-main-box{padding:36px 0}
.uc-content-box{margin:0 48px}
.uc-content-box .box-hd .title{margin:0;font-size:30px;font-weight:400;line-height:68px;color:#757575}
.uc-content-box .box-hd small{margin-left:10px;font-size:12px;line-height:1.5}
.uc-content-box .box-hd small a{color:#757575}
.uc-content-box .box-hd small a:hover{text-decoration:underline}
.uc-content-box .box-hd .more{border-bottom:1px solid #e0e0e0}
.uc-content-box .box-hd .filter-list{float:left;margin:0;padding:18px 0;list-style-type:none;font-size:16px;line-height:1.25}
.uc-content-box .box-hd .filter-list li{float:left;padding:0 20px;border-left:1px solid #e0e0e0;color:#757575}
.uc-content-box .box-hd .filter-list li:hover{color:#333}
.uc-content-box .box-hd .filter-list li.first{padding-left:0;border-left:0}
.uc-content-box .box-hd .filter-list li.tab-active,.uc-content-box .box-hd .filter-list li.active{color:#ff6700}
.uc-content-box .box-hd .filter-list li.tab-active a,.uc-content-box .box-hd .filter-list li.active a{color:#ff6700}
.uc-content-box .box-hd .filter-list a{color:#757575}
.bb {border-bottom: 1px dashed #ccc;padding-bottom:15px;}
.bb:last-child {border-bottom:none;}

/* 任务大厅列表 */
.table-head {background:#fafafa;}
.table-head th {border-bottom-width:0 !important;}
.box, .sortbar, .rlist {background-color:#FFFFFF; margin-bottom:15px; padding:10px 20px;}
.sortbar {padding:5px 20px;}
.sortbar .rows {margin:12px 0}
.sortbar a {margin:0 12px;}
.sortbar a.active, .sortbar a:hover {color:#ff6700;text-decoration:none}
.sortbar a span {font-size:14px}
.rlist {font-size:13px;position:relative;}
.rlist .title {margin:5px 0 10px;font-size:18px; line-height:1.5}
.rlist .title .cat a {color:#007cd5; font-size:16px}
.rlist .title a {color: #333;}
.hot_box {margin-bottom:20px;background-color:#FFFFFF;padding:10px 0 5px;margin-left:10px;}
.hot_box .title {font-weight:500;margin:5px 20px 15px;}
.hot_box .hot_list {padding:0 20px; font-size:15px}
.hot_box .hot_list li {line-height:32px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hot_box .hot_list li span {color:green;margin-right:5px;}
.detail {background-color:#FFFFFF;position: relative;}
.detail .title {padding:10px 0;border-bottom: 1px solid #e0e0e0;margin-bottom: 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:10px 20px 0px;}
.detail .title h1 {margin:10px 0;font-size:22px;}
.extend img {max-width:100%;}
.extend .media-body {width:87%!important;}
.extend {background-color:#FFFFFF;margin-top: 20px;margin-bottom: 10px;}
.extend .nav-tabs > li {width:33.33333333%;text-align: center;}
.extend .nav-tabs > li > a {padding:20px 0;font-size:16px;background: none;border:none;}
.extend .nav-tabs > li > a:hover,.extend .nav-tabs > li.active > a {border:none;border-bottom:2px solid #ff6700;color:#ff6700;background: none;}
.extend .tab-content {padding:20px;font-size: 16px;line-height: 28px;word-wrap:break-word;}
.extend .table {margin:8px 0;font-size:14px;}
.extend .table th,.extend .table td {padding:11px 8px;}
.extend .time {margin:0 18px 0 8px;}
.self_extend .nav-tabs > li {width:25%!important;}
.reward .br {border-right:1px dashed #ccc;}
.reward dt {text-align:center;font-size:16px;height:32px;line-height:36px;font-weight:400;}
.reward dt.price {font-size:24px;color:#ff6700;font-weight:bold;}
.reward dd {margin:8px 0 5px;text-align:center;color: #999;}
.reward dt.surplus_votes {font-weight:bold;font-size:16px;color:green}
.reward dd .finish_time, .reward dt .finish_time {font-weight:bold; margin:0 5px;}
.reward .info {line-height:20px}
.info p {margin-right:30px; color:#999;}
.info p a {color:#999;}
.info span {margin-right:5px; font-size:14px;}
.reward_reject, .reward_examine, .reward_normal, .reward_pause, .reward_full, .reward_finish {width:100px;height:100px;position:absolute;top:15px;right:20px;}
.reward_reject {background:url("../images/reject.png") no-repeat right top;}
.reward_examine {background:url('../images/examine.png') no-repeat right top;}
.reward_normal {background:url("../images/normal.png") no-repeat right top;}
.reward_pause {background:url('../images/pause.png') no-repeat right top;}
.reward_full {background:url('../images/full.png') no-repeat right top;}
.reward_finish {background:url('../images/finish.png') no-repeat right top;}
.reward_btn {padding:20px 0;}
.reward_btn .reward_progress {margin-top:13px;}
.reward_btn .progress {display:inline-block;width:48%;background-color: #f5f5f5;height:10px;box-shadow: inset 0 1px 2px rgba(0,0,0,.1);border-radius:4px;margin:0 10px;overflow:hidden;}
.reward_btn .progress .progress-bar {background:#5cb85c;display:inline-block;height:10px;border-radius:4px 0 0 4px;}
.reward_btn .btnm {margin:5px 2px;}
#reward_examine .media {padding:22px 0;border-bottom:1px dashed #ccc;}
#reward_examine .media .media-object {margin:10px 15px;}
#reward_examine .media .media-heading .alert {margin-bottom:5px;padding:10px 15px; font-size: 14px}
#reward_examine .media .user {maring:0;text-align:center;font-size:13px;}
#reward_examine .media .media-contents {max-height:500px;overflow-y:auto;padding:20px 0;}
#reward_examine .media .date {color: #ccc}
.supplement {font-weight: bold;margin: 30px 0 10px;}
.already_connect, .can_connect {display:inline-block;width:80px;height:80px;top:5px;right:5px;position:absolute}
.already_connect {background: url("../images/already_connect.png") no-repeat;}
.can_connect {background: url("../images/can_connect.png") no-repeat;}

/* 页脚 */
.bs-docs-footer {padding:20px 0}

/** 登录注册 */
.login {background-color: #FFFFFF; padding-top:30px;padding-bottom:30px;}
.login .logo {margin-bottom:30px;}

/** 首页 */
.index-count {text-align:center;}
.index-count .num {font-size:25px;color:#ee3f13;font-weight:bold;height:48px;line-height:48px;}
.index-count .tips {font-size:16px;color:#232323}
.index-count .btn-danger {margin-bottom:10px;}
.index-box a {color:#333;}
.index-box .cat {float: left;margin:8px 20px 8px -5px;font-size:14px;}
.index-box .head {font-weight:600;font-size:16px;border-bottom: 1px solid #eee;padding:0 10px 18px;margin-bottom:0;}
.index-box .head .more {font-weight:300;font-size:13px;}
.index-box ul {list-style:none;padding:0;margin:0;}
.index-box ul li {border-bottom:1px dashed #eee;padding:15px 0}
.index-box ul .tt {margin-bottom:5px;}
.index-box ul .title {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:30px;font-size:16px;}
.index-box ul .ticket {color:#999;}
.index-box ul .surplus_votes {  color: green;  font-size: 16px;  font-weight: bold;}
.index-box .price {color:#ff6700;font-size:18px;font-weight:bold;padding-right:0;}
.index-box .price .name {color:#999;font-size:12px;font-weight:300;margin-left:5px;}
.index-box .look-more {text-align:center;line-height:30px;display: block;margin-top:10px;text-decoration: none;}
.friendlink {line-height:28px;}
.friendlink a {margin:0 15px;}

.faq_list {margin-bottom:40px; padding:0 20px;}
.faq_list h2 {margin-bottom:20px;}
.faq_list .faq_details {padding-left:2em}

/** 步骤样式 */
.step .num {width:100px;text-align:center;padding-top:10px;}
.step .step-num {display:inline-block;width:30px;height:30px;background:#31b0d5;text-align:center;line-height:30px;color:#fff;border-radius:30px;}
.step .del-step {text-align:center;margin-top:8px;}
.step .form-control {margin-bottom:8px}
.step .step-img {border:1px dashed #ff1f30;width:70px;height:70px;text-align:center;line-height:70px;overflow:hidden;color:#00a0e9;cursor:pointer;position:relative;}
.step .step-img img {width:100%;height:100%;}
.step .step-img .file-input {border:none;position:absolute;width:100%;height:100%;cursor:pointer;opacity:0;background:none;top:0;left:0;}
.step .img-text {height:70px;}

.step-body .step-row, .result-row {margin-bottom:20px;padding-left:40px;}
.step-body .step-title, .result-row .result-title {font-size:18px;line-height:30px;}
.step-body .step-title span, .result-row .result-title span {display:inline-block;width:30px;height:30px;color:#fff;background:green;border-radius:20px;text-align:center;line-height:30px;margin-left:-40px;margin-right:10px;}
.step-body .img {width:100px;height:100px;overflow:hidden;text-align:center;position:relative;}
.step-body .img img {max-width:100%;max-height:100%}
.step .step-img {border:1px dashed #ff1f30;width:70px;height:70px;text-align:center;overflow:hidden;color:#00a0e9;cursor:pointer;position:relative;}
.step .step-img img {vertical-align:top}
.step .step-img p {line-height:70px;}
.step-body .img .file-input {border:none;position:absolute;width:100%;height:100%;cursor:pointer;opacity:0;background:none;top:0;left:0;z-index:1000}
.step-body .data-img p {line-height:90px;color:#00a0e9;font-size:13px}

/** 通知 */
.notification {padding-top:10px;}
.notification .panel {border:none;border-bottom:1px solid transparent}
.notification .panel-default > .panel-heading {background:none;}
.notification .panel-title span {display:inline-block;margin-right:10px;padding:5px;background:#d5d5d5;border-radius:50%;font-size:0;line-height:0;border:1px solid #d5d5d5;}
.notification .panel-title span.new {background:#d9534f;border:1px solid #d43f3a;}
.notification .panel-title a {display:inline-block;overflow:hidden;max-width:50%;white-space:nowrap;text-overflow:ellipsis;}
.notification .panel-title i {float:right;font-style:normal;font-size:13px;color:#ccc}
.notification .panel-body {padding-left:40px;border:none!important;}

/** 邀请 */
.invite-box {padding:10px 34px 30px;}
.invite-box h1 {text-align:center;margin-bottom:30px;font-size:26px;font-weight:bold;color:#ff6700}
.invite-box .banner {display:inline-block;text-align:center;overflow:hidden;}
.invite-box .banner img {max-width:100%;}
.invite-box .hello {margin:20px 0;font-size:16px;line-height:28px}
.invite-box .step {margin:30px 0;font-size:16px;}
.invite-box .step h3 {color:#ff6700;font-size:30px;margin:20px 0}
.invite-box .event-process .event-col {position:relative;min-height:1px;vertical-align:top;padding-left:10px;margin-bottom:10px;}
.invite-box .event-process .event-p-item {display:table;width:100%;position:relative}
.invite-box .event-process .event-p-item .event-mark {font-size:22px;color:#449d44;position:absolute;top:50%;left:-12px;margin-top:-13px}
.invite-box .event-process .event-p-item .event-text {border-width:3px 3px 3px 0;border-style:solid;border-color:#449d44;height:94px;position:relative;display:table-cell;text-align:center;vertical-align:middle;font-size:16px;-webkit-transition: font-size .2s ease 0s;transition: font-size .2s ease 0s;}
.invite-box .event-process a.event-p-item .event-text {color:#449d44}
.invite-box .event-process .event-p-item .event-text:after, .invite-box .event-process .event-p-item .event-text:before {content:"";position:absolute;background-color:#449d44;left:0;width:3px;height:30px}
.invite-box .event-process .event-p-item .event-text:before {top:0}
.invite-box .event-process .event-p-item .event-text:after {bottom:0}
.invite-box .event-process a.event-p-item .event-text:hover {font-size:20px;}
.invite-box .event-process a {text-decoration:none}