/* Start: Common css */

@import url("theme2.css");
@import url("iconfont.css");

/* Text fonts not used
@font-face{
    font-family:'tianzhen';
    src: url('../font/tianzhen.eot'); 
    src: url('../font/tianzhen.eot?#iefix') format('embedded-opentype'),  url('../font/tianzhen.woff') format('woff'), url('../font/tianzhen.ttf') format('truetype'), url('../font/tianzhen.svg#tianzhen') format('svg'); 
}
@font-face{
    font-family:'maoxinshi';
    src: url('../font/maoxinshi.eot'); 
    src: url('../font/maoxinshi.eot?#iefix') format('embedded-opentype'), url('../font/maoxinshi.woff') format('woff'), url('../font/maoxinshi.ttf') format('truetype'), url('../font/maoxinshi.svg#tianzhen') format('svg');
}*/

@font-face{
	font-family:'jpfont';
	src: url('../font/Alibaba-PuHuiTi-Regular.otf');
}

*{
	font-family:jpfont,-apple-system,SF UI Text,Arial,PingFangSC-Regular,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;
}
ul,ul li{
	margin: 0;
	padding: 0;
	list-style: none;
}
a{
	color: #65A2FA;
	text-decoration:none;
}
a:hover{
	color: #65A2FA;
	text-decoration:none;
}
body{
	margin:0;
	padding:0;
    background-color:#f7f7f7;
	color: #333;
}
.clear{
	clear: both;
}
.f-mao{
    font-family: 'maoxinshi' !important;
}
i.fa{
	margin-right: 5px;
	vertical-align: middle;
	color:inherit;
}
.button-bar{
	text-align: right;
}
.btn-full{
	width: 100%;
}
.btn-disabled{
	background:#f0f0f0!important;
	color: rgba(0,0,0,.3)!important;
	border-radius: 5px;
	border:none;
	font-weight: bold;
	outline: none;
}
.btn-main{
	background-image: linear-gradient(to right, #1eb5e5 , #5490fb);
	border-radius:20px;
	color:#fff;
	font-size:0.8rem;
	padding:0.5rem;
	outline:none;
	border: none;
	letter-spacing: 5px;
    text-indent: 5px;
	cursor: pointer;
}
.m-b0{
	margin-bottom: 0;
}
.a-r-c{
	color: #00d8da;
}
.btn-main:hover,
.btn-main:focus{
	opacity: .8;
}

#task-card-page .task-card-main{
	font-size: 0.rem;
}
.btn-main-outline{
	background-color:transparent;
	border-radius:3px;
	color:#fff;
	font-size:1rem;
	padding:10px 26px;
	outline:none;
	border: solid 1px #fff;
	letter-spacing: 5px;
    text-indent: 5px;
	cursor: pointer;
	opacity: .8;
}
.btn-main-outline:hover,
.btn-main-outline:focus{
	opacity: 1;
	color: #fff;
	text-decoration:none;
}
.btn-main:hover,
.btn-main:focus{
	opacity: .8;
	color: #fff;
	text-decoration: none;
}
.btn-primary,
.u-btn-primary{
	background-color:#65A2FA;
	border-radius:3px;
	color:#fff;
	font-size:0.8rem;
	padding:12px 28px;
	box-shadow:0 5px 10px rgba(100,162,250,.23);
	outline:none;
	border: none;
	letter-spacing: 5px;
    text-indent: 5px;
	cursor: pointer;
	margin-bottom: 1rem;
}

.u-btn-outline-primary {
    color: #65A2FA!important;
    border-color: #65A2FA;
	outline: none;
}
.btn-small-size{
	text-indent: 0!important;
	letter-spacing: 0!important;
	padding:4px 20px;
}
.btn-tiny-size{
	text-indent: 0!important;
	letter-spacing: 0!important;
	padding:4px 20px!important;
	font-size: 12px;
}
.btn-outline-primary:not([disabled]):not(.disabled).active, 
.btn-outline-primary:not([disabled]):not(.disabled):active, 
.show>.btn-outline-primary.dropdown-toggle,
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.u-btn-outline-primary:hover,
.u-btn-outline-primary:focus {
	border: none;
	background-image: linear-gradient(to right, #02dada , #91fba9);
	color: white;
    box-shadow: none;
}
.btn-primary:hover,
.u-btn-primary:hover, 
.u-btn-primary:focus, 
.u-btn-primary.active,
.btn-primary-normal:hover,
.btn-primary-normal:focus,
.btn-primary-normal:active{
    border-color: #00DCE1;
    background-color: #00DCE1;
}
.btn-dark-outline{
	padding: 10px 30px;
	background: #fff;
	text-indent: 10px;
	letter-spacing: 10px;
	color: #65A2FA;
	font-weight: bold;
	border: solid 1px #707070;
	cursor: pointer;
}
.btn-dark-outline:hover,
.btn-dark-outline:focus{
	outline: none;
	border: solid 1px #65A2FA;
	box-shadow: 0 0 10px rgba(0,150,150,.1);
}
.btn.disabled, 
.btn:disabled{
	background:#eee;
	color: #999;
	opacity:1;
}
.btn-gray-gradient{
	margin-top: 1rem;
	margin-left: 1rem;
	padding: .5rem 1rem;
	background: -webkit-linear-gradient(top,#ccc,#dfdede,#dfdede,#ccc);
    background: -o-linear-gradient(bottom,#ccc,#dfdede,#dfdede,#ccc);
    background: -moz-linear-gradient(bottom,#ccc,#dfdede,#dfdede,#ccc);
    background: linear-gradient(to bottom,#ccc,#dfdede,#dfdede,#ccc);
    border: solid 1px #707070;
    color: #65A2FA;
    font-weight: bold;
    letter-spacing: 5px;
    text-indent: 5px;
    font-size: 1.1rem;
    text-align: center;
    border-radius: 0;
}
.btn-gray-gradient:hover,
.btn-gray-gradient:focus{
	background: -webkit-linear-gradient(top,#bbb,#dfdede,#dfdede,#bbb);
    background: -o-linear-gradient(bottom,#bbb,#dfdede,#dfdede,#bbb);
    background: -moz-linear-gradient(bottom,#bbb,#dfdede,#dfdede,#bbb);
    background: linear-gradient(to bottom,#bbb,#dfdede,#dfdede,#bbb);
}
.btn-primary:not([disabled]):not(.disabled).active, 
.btn-primary:not([disabled]):not(.disabled):active, 
.show>.btn-primary.dropdown-toggle{
	background-color: #00DCE1;
	border-color: #00DCE1;
	box-shadow: none;
}
.btn-primary:focus, 
.btn-primary.focus{
	box-shadow: none;
}
.btn-outline-primary{
	background: transparent;
	border-radius: 2px;
	border: none;
    /* border: solid 1px #65A2FA; */
	/* color: #65A2FA!important; */
	background-image: linear-gradient(to right, #02dada , #91fba9);
	color: white;
    font-weight: bold;
    cursor: pointer;
    padding: 0.4rem 1rem;
    display: inline-block;
}
.btn-outline{
	background: transparent;
    border-radius: 2px;
    border: solid 1px #ccc;
    color: #ccc;
    font-weight: bold;
    cursor: pointer;
    padding: 0.4rem 1rem;
    display: inline-block;
}
.btn-gray-outline-small{
	border: solid 1px #333;
	border-radius:50px;
	padding:2px 1rem 1px;
	opacity:.5;
	font-size: 1rem;
	cursor: pointer;
}
.btn-gray-outline-small:hover{
	border: solid 1px #65A2FA;
	color:#65A2FA!important;
	opacity: 1;
}
/*------------------------------------
  Highlight Color
------------------------------------*/
::-moz-selection {
  color: #fff;
  background-color: #65A2FA; 
}

::selection {
  color: #fff;
  background-color: #65A2FA; 
}

.g-bg-primary ::-moz-selection {
  color: #65A2FA;
  background-color: #fff; 
}

.g-bg-primary ::selection {
  color:#65A2FA;
  background-color: #fff; 
}

input[type="checkbox"],
input[type="radio"]{
	margin-right: 5px;
	-webkit-appearance:none;
	appearance:none;
	width: 16px;
	height: 16px;
	position:relative;
    background: #fff;
    border: 1px solid #707070;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    cursor: pointer;
}

input[type="radio"]{
    -webkit-border-radius: 50%;
    -moz-border-radius:  50%;
    border-radius:  50%;
}

input[type=checkbox]:hover,
input[type="radio"]:hover{
  -webkit-box-shadow: inset 0 1px 1px rgba(0,150,150,0.1);
  -moz-box-shadow: inset 0 1px 1px rgba(0,150,150,0.1);
  box-shadow: inset 0 1px 1px rgba(0,150,150,0.1);
}

input[type=checkbox]:checked::after {
  content: url(../img/btn_checkbox_checked.png);
  display: block;
  position: absolute;
  top: -3px;
  left: 1px;
}

input[type=radio]:checked::after {
  content: '';
  display: block;
  position: relative;
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  background: #65A2FA;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

input[type=checkbox]:focus,
input[type=radio]:focus {
  outline: none;
}

textarea{
	resize: none;
}

.box-shadow{
	box-shadow:0 5px 15px rgba(0,0,0,.1)!important;
}

pre.detail-info-unfold{
	height:auto!important;
}
/* End: Common css */

/* Start: Header & Nav */
.header-wrap,
.header-wrap.page-creative,
.header-wrap.page-kami,
.header-wrap.page-person,
.header-wrap.page-personal,
.header-wrap.page-service,
.header-wrap.page-story{
	height: 26%;
	background-size: 100%;
}
.header-wrap{
	background: url(../img/bg_top.jpg) center 0 no-repeat;
}
.header-wrap.page-creative{
	background:url(../img/bg_creative_top.jpg) center 0 no-repeat;
}
.header-wrap.page-kami{
	background:url(../img/bg_kami_top.jpg) center 0 no-repeat;
}
.header-wrap.page-person{
	background:url(../img/bg_person_top.jpg) center 0 no-repeat;
}
.header-wrap.page-personal{
	background:url(../img/bg_personal_top.jpg) center 0 no-repeat;
}
.header-wrap.page-service{
	background:url(../img/bg_service_top.jpg) center 0 no-repeat;
}
.header-wrap.page-story{
	background:url(../img/bg_story_top.jpg) center 0 no-repeat;
}
.header-wrap.page-lakes{
	background:url(../img/bg_lakes_top.jpg) center 0 no-repeat;
}
.navbar > .container{
	margin-top: 0;
}
.navbar-brand{
	padding-top: 25px;
	width: 130px;
	display: block;
}
.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link, 
.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link,
.u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link, 
.u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link, 
.u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link {
    font-size: 1rem;
    color: #333;
    font-weight: normal;
    border-bottom: solid 3px #f7f7f7;
}
.active-nav .nav-link{
	color:#61d4b8 !important;
    border-bottom: solid 3px #61d4b8 !important;
}
.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover, 
.u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover,
.u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover,  
.u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover{
    color: #61d4b8;
    border-bottom: solid 3px #f7f7f7;
}
.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus, 
.u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus, 
.u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus, 
.u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus{
    color: #61d4b8;
    border-bottom: solid 3px #61d4b8;
}
/* .navbar{
    margin: 2rem 0 0;
} */
.username{
	color: #65A2FA;
}
.hamburger-inner, 
.hamburger-inner:after, 
.hamburger-inner:before{
	width: 32px;
	height: 4px;
}
.header-intro{
    margin-top: 55px;
	font-size: 12px;
    line-height: 24px;
	color:#fff;
	letter-spacing: 1px;
	opacity:.85;
}
.search-box-wrap{
	margin-top: 40px;
	width:480px;
	height:50px;
	line-height:50px;
	background-color:#FFF;
	box-shadow: 0 5px 15px rgba(0,0,0,.1);
}
.search-box-wrap > input.input-search{
	padding:0 30px;
	width:400px;
	height:50px;
	border:none;
	outline:none;
	box-sizing: border-box;
}
.btn-search{
	float:right;
	display: inline-block;
	width:70px;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:17px;
	color: #FFF;
	background-color:#65A2FA;
}
.btn-search:hover,
.btn-search:focus{
	color: #FFF;
	text-decoration:none;
	background-color:#65A2FA;
}
.search-box-wrap:after{
	content:"";
	height:0;
	width:0;
	clear:both;
}


@media screen and (max-width: 770px){
	.header-wrap{
		height:290px!important;
	}
	.navbar{
		position: absolute;
	    padding: 0;
	    top: 0;
	    width: 100%;
	    z-index: 999;
	    margin:0;
	}
	.navbar-brand{
		text-align: center;
		margin:0 auto;
	}
	.header-intro{
		display:none;
	}
	.search-box-wrap{
		width:100%;
	}
	.btn-search{
		width:20%;
	}
	.input-search{
		width: 80%!important;
	}
    .header-logout{
		position: absolute;
        top: 0.7rem;
        float: left;
        font-size: 14px;
        right: auto;
        left:1rem;
    }
	.navbar-collapse ul{
		margin-top: -10px;
		padding:.5rem 0 1rem 2rem;
		background: rgba(0,150,150,1);
	}
	.navbar .container{
		max-width: 100%;
	}
	.active-nav .nav-link{
		color:#454545 !important;
	    border-bottom: solid 3px #65A2FA !important;
	}
	.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link, 
	.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link, 
	.u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link, 
	.u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link, 
	.u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link{
		color: #fff;
		border: solid 3px #65A2FA;
		font-size: 1rem;
	}
	.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover, 
	.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus, 
	.u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover, 
	.u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus, 
	.u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover, 
	.u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus, 
	.u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover,
	.u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus{
	    color: #454545;
	    border-bottom: solid 3px #65A2FA;
	}
	.username{
		color: #fff;
	}
}
@media screen and (min-width: 771px) and (max-width: 991px){
	.header-wrap{
		height:295px!important;
	}
	.navbar .container{
		max-width: 100%;
	}
	.navbar-brand{
		text-align: center;
		margin:0 auto;
	}
	.header-intro{
		display:none;
	}
	.search-box-wrap{
		width:100%;
	}
	.btn-search{
		width:20%;
	}
	.input-search{
		width: 80%;
	}
	.navbar{
		position: absolute;
	    padding: 0;
	    top: 0;
	    width: 100%;
	    z-index: 999;
	}
	.navbar-collapse ul{
		margin-top: -20px;
		padding:.5rem 0 1rem 2rem;
		background: rgba(0,150,150,1);
	}
	.active-nav .nav-link{
		color:#454545 !important;
	    border-bottom: solid 3px #65A2FA !important;
	}
	.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link, 
	.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link, 
	.u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link, 
	 .u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link, 
	.u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link{
		color: #fff;
		border: solid 3px #65A2FA;
		font-size: 1.6rem;
	}
	.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover, 
	.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus, 
	.u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover, 
	.u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus, 
	.u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover, 
	.u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus, 
	.u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover,
	.u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus{
	    color: #454545;
	    border-bottom: solid 3px #65A2FA;
	}
	.username{
		color: #fff;
	}
    .header-logout{
		position: absolute;
        top: 3rem;
        float: left;
        font-size: 14px;
        right: auto;
        left:1rem;
    }
}
/* End: Header & Nav */


/* Start: Home */
.card-answer{
    background: url(../img/bg_card.jpg) 0 0 no-repeat;
    background-size: 100%;
}
.home-task-card{
	margin-bottom: 2rem;
	background-color:#fff;
	cursor: pointer;
}
.home-task-card:hover{
	box-shadow: 0 5px 15px rgba(0,0,0,.1);
}
.home-task-card:hover .task-card-image-wrap .task-card-center-overlap{
	display: flex;
}
.home-task-card .task-card-image-wrap{
	position:relative;
	width:100%;
	height:28rem
}
.home-task-card .task-card-center-overlap{
	display: none;
    height: 100%;
    background: rgba(0,0,0,.3);
    text-align: center;
}
.home-task-card .task-card-center-overlap .task-card-center-buttons{
	margin: 0 auto;
	align-self:center;
}
.home-task-card .task-card-button-wrap{
	width: 100%;
    position: absolute;
	bottom: 0;
    padding: 0 30px;
	height: 80px;
    line-height: 80px;
    background-image: linear-gradient(to top, rgba(0,0,0,.3),rgba(0,0,0,0));
    z-index: 10;
}
.home-task-card .btn-task-card-button{
    margin-left: 10px;
    margin-bottom: 10px;
    padding: 5px 20px;
    border-radius: 3px;
	background:transparent;
	border: solid 1px #fff;
	color: #fff;
	opacity:.85;
}
.home-task-card .btn-task-card-button:hover,
.home-task-card .btn-task-card-button:focus
{
	opacity:1;
	text-decoration: none;
}
.home-task-card .btn-task-card-button:first-child{
    margin-left: 0;
}
.home-task-card  .task-card-content-wrap{
	padding:1.5rem 2rem 1rem;
}
.home-task-card .task-card-info{
	margin-top: .5rem;
	height: 3.2rem;
	color: #333;
	font-size: 1rem;
	line-height: 1.6rem;
    word-wrap: break-word;
    white-space: pre-wrap;
	overflow: hidden;
    text-align: justify;
	opacity: .85;
}
.home-task-card .task-card-stats{
	margin-top: 1rem;
	text-align: right;
}
.home-task-card .task-card-stats > span{
	margin-left: 1.5rem;
	font-size: 1.2rem;
	color: #61d4b8;
}
.home-task-card .task-card-time{
    margin-top: .5rem;
    text-align: right;
    color: #ccc;
}
#answer_content > div > h5{
	font-weight: bold;
	font-size: 1.6rem;
}
.card_title{
    margin: .5rem 0 1.5rem;
    color: #333;
}
#answer_content > div > h5{
	font-weight: bold;
	font-size: 1.6rem;
}
#user_info .card-action{
	font-weight: bold;
	font-size: 1.2rem;
}
#user_info .card-action > span{
	margin:0 .3rem;
}
.action-time{
	color: lightgray;
	margin: 1rem -15px;
}
.card-answer-big{
	padding: 2rem;
	margin: 3rem auto 2rem;
}
.card_toolbar span{
	margin-right: 1rem;
	color: #999;
	cursor: pointer;
}
.card_toolbar span > i{
	color: #999;
}
.card_toolbar span.active > i,
.card_toolbar span.active{
	color: #65A2FA;
	font-weight: bold;
}
/* End: Home */

/* Start: Card Answer */
.card-answer-wrap .answer-total-stats{
	margin-bottom: 2rem;
	color:#65A2FA;
	font-weight: bold;
}
.card-answer-wrap .answer-total-stats span{ 
	color:#65A2FA;
	font-weight: bold;
}
.answer-card-top .answeritem-time{
	color: lightgray;
	text-align: right;
	font-size: .9rem;
}
.flag-winner,
#task_detail .flag.flag-winner{
	margin-left: 10px;
    display: inline-block;
    padding: 2px 10px 0;
    background-color: #ef5454;
    border-radius: 50px;
    font-size: .9rem!important;
    color: #fff!important;
}
.flag-top3,
#task_detail .flag.flag-top3{
	margin-left: 10px;
    display: inline-block;
    padding: 2px 10px 0;
    background-color: #65A2FA;
    border-radius: 50px;
    font-size: .9rem!important;
    color: #fff!important;
	text-shadow: none;
}
#answer_content{
	margin: 1rem 0 0;
    padding: 0 0 1rem;
    border-top: dashed 1px rgba(0,0,0,.1);
    border-bottom: dashed 1px rgba(0,0,0,.1);
}
#answer_content .answeritem-name{
	margin-top: 1rem;
}
#answer_content .answeritem-detail pre{
	margin-top: 1rem;
	color:#454545;
	font-size:0.8rem;
	line-height: 1.2rem;
    height: 12rem;
    overflow: hidden;
    text-align: justify;
	word-wrap:break-word;
	white-space:pre-wrap;
}
#answer_content .answeritem-detail .btn-link{
    color: #333;
    font-size: 0.8rem;
    opacity: .85;
	cursor:pointer;
}
#answer_content .answeritem-detail .btn-link i{
	color:#65A2FA!important;
	font-weight: bold;
	margin-left: 5px;
}
#answer_content .answeritem-info{
	margin-top: 0.8rem;
}
#answer_content .answeritem-info span{
	font-size: 0.8rem;
	color: lightgray;
}
#status_bar .answeritem-status .flag{
	margin-right:1rem;
	font-size: .8rem;
}
#status_bar .answeritem-status .flag a{
	color:#65A2FA;
}
#status_bar .answeritem-status .flag a > i {
    margin-right: 5px;
    vertical-align: middle;
    color: #bbb;
}
#status_bar .answeritem-button-wrap{
	display: inline-block;
}
#status_bar .btn-outline-primary span{
	color:#65A2FA;
}
#status_bar .btn-outline span{
	color:#ccc;
}
.btn-outline a span{
	color:#ccc;
}
@media screen and (max-width:770px){
	.answer-card-top .answeritem-time{
		text-align: left;
		margin-top: .5rem;
	}
	#status_bar .col-sm-12.text-right{
		text-align: left!important;
	}
	#status_bar .answeritem-button-wrap a{
		margin-top: 1rem;
		padding:3px 15px;
	}
}
/* End: Card Answer */

/* Start: Story */
.story-page .story-page-title{
	margin: 1rem 0;
}
.story-page .story-detail-content pre{
	margin-top: 1rem;
	text-indent:2rem;
	color:#454545;
	font-size:1rem;
	line-height: 2rem;
    text-align: justify;
	word-wrap:break-word;
	white-space:pre-wrap;
}
.story-page .story-copyright-info span{
	font-size: .9rem;
	color: lightgrey;
}
.story-page #status_bar .flag{
	margin-right:1rem;
	font-size: .9rem;
}
.story-page #status_bar .flag a{
	color:#65A2FA;
}
.story-page #status_bar .flag a > i {
    margin-right: 5px;
    vertical-align: middle;
    color: #bbb;
}
.story-page .story-comment-publish-wrap{
	padding-bottom:2rem;
}
.story-page .story-comment-user,
.comment-page .comment-user{
	display:inline-block;
	margin-right:10px;
	width: 72px;
	height:72px;
	border-radius: 50%;
	overflow: hidden;
	background:url(../img/avatar/user_follow.png) center 0 no-repeat;
}
.story-page .story-comment-lists{
	padding:2rem 0;
	border-top:dashed 1px rgba(0,0,0,.1);
}
.story-page .story-comment-list-status .flag a,
.story-page .story-comment-list-status .flag a span{
	margin-right:10px;
	cursor: pointer;
	color: #65A2FA;
	font-size: .9rem;
}
.story-page .story-comment-list-status .flag a span i{
	color:#bbb;
}
.story-top .story-time{
	color: lightgray;
	text-align: right;
	font-size: .9rem;
}

@media screen and (max-width:770px){
	.story-top .story-time{
		text-align: left;
		margin-top: .5rem;
	}
}
/* End: Story */

/* Start: School */
#school .school-list-wrap{
	height:400px;
	background-color:#fff;
}
#school .school-image-wrap.icon-play:before{
	position: absolute;
    margin: -4rem -2rem 0;
    top: 50%;
    left: 50%;
    color: #fff;
    font-size: 4rem;
    z-index: 999;
}
#school .school-image-wrap{
	display: inline-block;
	width:640px;
	height:400px;
	box-shadow: 5px 0 15px rgba(0,0,0,.1);
/*	cursor: pointer*/
}
#school .school-list-content{
	float: right;
    width: 450px;
    padding: 30px;
    box-sizing: border-box;
}
#school .school-button-wrap{
	margin-top: 7.5rem;
}
#school .article-date,
#school .article-description{
    color: rgb(145,145,145);
}
@media screen and (max-width: 990px){
	#school .school-list-wrap {
		height: auto;
	}
	#school .school-image-wrap{
		display: none;
	}
	#school .school-list-content{
		float: none;
		width: 100%;
	}
	#school .school-button-wrap {
    	margin-top: 3rem;
	}
}
@media screen and (min-width: 991px) and (max-width: 1200px){
	#school .school-list-wrap{
		height:300px;
	}
	#school .school-image-wrap{
		width: 480px;
     	height: 300px;
	}
	#school .school-button-wrap {
   		 margin-top: 1rem;
	}
}
/* End: School */



/* Start： Author Service */
#author-service {
	padding: 0 1rem;
}
#author-service .service-list img{
	border-radius: 10px;
}
#author-service .service-list{
	display: inline-block;
	width: 25%;
}
#author-service .service-list div{
	padding: 0 10px 10px;
}
/*
#author-service .service-list p.service-title{
	position: absolute;
	top: 50%;
	margin-top:-1rem;
	width: 100%;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	letter-spacing: 80px;
	text-indent: 80px;
	z-index: 999;
	color: #000;
}
#author-service .service-list a:hover > p.service-title,
#author-service .service-list a:focus > p.service-title,
#author-service .service-list p.service-title:hover,
#author-service .service-list p.service-title:focus{
    color:#65A2FA;
}
.img-zpbqfw{
	background: url(../img/author_1.jpg) 0 0 no-repeat;
	background-size: 100%;
}
.img-zpbqfw{
	background: url(../img/author_2.jpg) 0 0 no-repeat;
	background-size: 100%;
}
.img-zpbqfw{
	background: url(../img/author_3.jpg) 0 0 no-repeat;
	background-size: 100%;
}
.img-zpbqfw{
	background: url(../img/author_4.jpg) 0 0 no-repeat;
	background-size: 100%;
}*/
@media screen and (min-width:771px) and (max-width: 990px){
	/*#author-service .service-list p.service-title{
		letter-spacing: 40px;
		text-indent: 40px;
	}*/
	#author-service .service-list{
		display: inline-block;
		width: 50%;
	}
}
@media screen and (max-width:770px){
	#author-service {
		padding: 2rem 1rem 0;
	}
	#author-service .service-list{
		display: inline-block;
		width: 100%;
	}
	/*#author-service .service-list a{
		margin: 1rem 0;
	}
	#author-service .service-list p.service-title{
		letter-spacing: 0;
		text-indent: 0;
		font-size: 1.5rem;
	}*/
}
/* End： Author Service */



/* Start: Create Story */
.page-breadcrumb{
	margin-bottom: 1.5rem;
	font-size: 1.25rem;
	font-weight: bold;
}
.page-breadcrumb > span{
	margin: 0 20px 0 0;
	padding-right:10px;
	border-right: solid 3px #333;
	letter-spacing: 10px;
	text-indent: 10px;
	color: #000;
}
.page-breadcrumb > span:last-child{
	border-right: none;
	color: #65A2FA;
}
.page-breadcrumb-link a.link-how-to-join{
	float:right;
	margin-top: 5px;
	color: #000;
	font-weight: bold;
}
.page-breadcrumb-link a:hover,
.page-breadcrumb-link a:hover > i{
	color: #65A2FA;
}

.page-breadcrumb-link .card-filter{
	/* margin-top: 30px; */
    padding: 0 18px;
    box-shadow: none;
	background:none;
}
.page-breadcrumb-link .card-filter button{
	margin-right: 10px;
	margin-bottom: 5px;
    padding: 0 20px!important;
    border-radius: 30px!important;
	color: #333;
	background:#fff;
    border: solid 1px #333;
	opacity:.85;
	cursor: pointer;
	outline:none;
}
.page-breadcrumb-link .card-filter button.checked{
	background:#65A2FA;
	color:#fff;
	opacity:1;
    border: solid 1px #65A2FA;
}
.gradient-line{
	opacity: .85;
	height: 1px;
	background: -webkit-linear-gradient(left,rgba(0,150,150,0),rgba(0,150,150,1),rgba(0,150,150,1),rgba(0,150,150,1),rgba(0,150,150,0)); 
 	background: -o-linear-gradient(right,rgba(0,150,150,0),rgba(255,0,0,1),rgba(255,0,0,1),rgba(255,0,0,1),rgba(0,150,150,0)); 
 	background: -moz-linear-gradient(right,rgba(0,150,150,0),rgba(0,150,150,1),rgba(0,150,150,1),rgba(0,150,150,1),rgba(0,150,150,0)); 
 	background: linear-gradient(to right, rgba(0,150,150,0),rgba(0,150,150,1),rgba(0,150,150,1),rgba(0,150,150,1),rgba(0,150,150,0)); 
}
.admin-button-wrapper a{
	display: block;
	margin-bottom: 2rem;
	padding:1rem;
	width: 100%;
	background:#fff;
	color: #65A2FA!important;
	text-align: center;
	font-weight: bold;
	border:solid 1px #fff;
	box-shadow: 0 5px 15px rgba(0,0,0,.1);
	cursor: pointer;
}
.admin-button-wrapper a:hover,
.admin-button-wrapper a:focus
{
	box-shadow: 0 5px 15px rgba(0,150,150,.2);
}



@media screen and (max-width: 770px){
	.page-breadcrumb{
		margin-top: 2rem;
	}
	.page-breadcrumb-link{
		margin-bottom: 1.5rem;
	}
	.page-breadcrumb-link .card-filter button{
		margin-right: 0;
		padding: 0 5px!important;
	}
}


/* Start: Card > Task */
#task-card-page .task-card-wrapper{
	margin-bottom: 2.5rem;
	background-color:#fff;
	display: flex;
}


#task-card-page .image-container {
	flex: 1;
	display:inline-block;
  position: relative;
  width: 640px;
  overflow: hidden;
  text-align: center;
  z-index:2;
  object-fit: cover;
}
#task-card-page .task-card-tag-wrap{
	position: absolute;
    bottom: 20px;
    left: 10px;
    text-align: left;
	z-index: 10;
	cursor: default;
}
#task-card-page .task-card-tag-wrap > a.task-card-tag{
	    color: #fff;
    border-radius: 5px;
    min-width:100px;
	padding:4px 8px;
	text-align:center;
    border: solid 1px #fff;
    display: inline-block;
    margin-left: 10px;
	opacity:.85;
	font-size:12px;
}
#task-card-page .task-card-main{
	float:right;
	width:500px;
	box-sizing:border-box;
}
.icon-text-task{
	display: flex;
	align-items: center;
	color: #00DCE1;
	font-size: 0.9rem;
}
.p25{
	padding: 25px;
	padding-bottom: 15px;
}
#task-card-page .task-card-title {
    color: #333;
	font-size: 2rem;
	line-height: 1.8rem;
    font-weight: normal;
	display: flex;
}
.card-task-bth{
	background-image: linear-gradient(to right, #1db7e8 , #538ffa);
	color: #fff;
	border-radius: 4px;
	padding: 6px 50px;
	margin-top: 15px;
	letter-spacing: 0.2rem;
}
#task-card-page .task-card-title .task-card-category{
	float:right;
	margin-top: 5px;
	margin-left: 10px;
	padding:2px 15px 0;
	font-size: .9rem;
	border-radius:30px;
	border:solid 1px #333;
	color:#333;
	opacity:.8;
	cursor: default;
}
#task-card-page .task-card-title .task-card-category:hover{
	text-decoration: none;
}
#task-card-page .task-detail pre{
	color:#b3b3b3;
	font-size:0.8rem;
	line-height: 1.25rem;
     opacity: .85;
     height: 10rem;
    overflow: hidden;
    text-align: justify;
	word-wrap:break-word;
	white-space:pre-wrap;
}
#task-card-page .task-favor{
	margin:1rem 0;
}
#task-card-page .task-favor button i{
	color: #65A2FA;
}
#task-card-page .task-stats{
	border-top: 1px solid #f2f2f2;
	padding: 20px;
	padding-top: 15px;
}
.icon-task{
	width: 25px;
	height: 25px;
	margin-right: 10px;
}
#task-card-page .task-footer{
	margin-top: 2rem;
}
#task-card-page .task-time{
	display: inline-block;
}
#task-card-page .task-time a{
	/* font-size: .9rem; */
	color:#333;
	opacity: .7;
}
#task-card-page .button-create-wrap{
	display: inline-block;
	margin-left:20px;
}
@media screen and (min-width: 991px) and (max-width:1200px){
	#task-card-page .image-container{
		width:480px;
	}
	#task-card-page .task-card-main{
		width:500px;
	}
	#task-card-page .task-detail pre{
		height:8rem;
	}
	#task_detail .task-detail-image{
		height:380px!important;
	}
	#task-card-page .task-footer{
		margin-top:1rem;
	}
	#task-card-page .button-create-wrap{
		margin-left: 0;
	}
	#task-card-page .task-footer:after{
		content:'';
		width:0;
		height:0;
		clear:both;
	}
}
@media screen and (max-width: 990px){
    #task-card-page .task-card-wrapper{
		margin-bottom:2rem;
	}
	#task-card-page .image-container {
		display:none;
	}
	#task-card-page .task-card-main{
		width:100%;
		float: none;
	}
	#task-card-page .button-create-wrap{
		margin-top: 2rem;
		float: none;
		display: block;
		text-align:left;
		margin-left: 0;
	}
	#task-card-page .task-footer:after{
		content:'';
		width:0;
		height:0;
		clear:both;
	}
}
/* End: Create Story */

/* Start: User Role */
.rule-titlename{
	margin: 2rem auto 3rem;
	font-weight: bold;
	text-align: center;
	letter-spacing: 10px;
	text-indent: 10px;
}
.rule-sub-titlename{
	margin: 2rem 0 1.5rem 0;
	font-weight: bold;
}
/* End: User Role */



/* Start: Task_detail */
#task_detail .card-answer-big{
    padding: 0;
	box-sizing: border-box;
	border-radius: 0;
	box-shadow:none;
	border-radius: 10px;
}
#task_detail .task-detail-image{
	width:40%;
	height:26rem;
	display: inline-block;
}
#task_detail .task-detail-content{
	display: inline-block;
	margin: 1rem 0  0 1.5rem;
	width: 50%;
    vertical-align: top;
}
.btn-cz{
	background-image: linear-gradient(to right, #1db7e8 , #538ffa);
	width: 196px;
	margin-left: 30px;
}
#task_detail .task-detail-content-w{
	display: inline-block;
	margin: 0;
	width: 100%;
	padding: 2rem;
	vertical-align: top;
}
#task_detail .task-name{
    display: inline-block;
	font-size:2rem;
}
#task_detail .task-date{
    float: right;
    font-size: .7rem;
	opacity: .7;
	text-align: center;
}
#task_detail .task-detail-desc{
	margin-top: .5rem;
}
#task_detail .task-detail-content pre{
	font-size: 0.8rem;
	line-height: 1.2rem;
	opacity:.9;
	height: 8.4rem;
	overflow:hidden;
    text-align: justify;
	word-wrap:break-word;
	white-space:pre-wrap;
}
#task_detail .task-detail-content .btn-link{
	color: #555;
	font-size: 0.8rem;
	opacity:.85;
	cursor:pointer;
}
#task_detail .task-detail-content .btn-link > i{
	margin-left: 5px;
	font-size: 16px;
	vertical-align: top;
}
#task_detail .task-detail-content .btn-link > i.fa-sort-asc{
	vertical-align:bottom;
}
#task_detail .task-detail-content .btn-link:hover{
	color: #65A2FA;
	text-decoration: none;
}
#task_detail .task-detail-tag-wrap{
	margin-top: 1rem;
}
#task_detail .task-detail-tag-wrap .task-detail-tag{
	display: inline-block;
	margin-right:5px;
	border:solid 1px #555;
	/*border-radius:50px;*/
	padding:0 10px;
	font-size:.9rem;
	color: #333;
	opacity: .7;
	cursor: default;
}
#task_detail .task-detail-tag-wrap .task-detail-tag:hover{
	text-decoration: none;
}
#task_detail .task-detail-status{
	    margin-top: 1.5rem;
    line-height: 45px;
}
#task_detail .flag{
    color:#bbb !important;
    font-size: 1rem;
    margin-top: 5px;
    display: inline-block;
}
#task_detail .task-detail-status .flag a{
	margin-right: 1rem;
	color: #00DCE1;
}
#task_detail .task-detail-status .flag a > i{
	margin-right: 5px;
	vertical-align: middle;
	color:#bbb;
	font-size: 1rem;
}
#task_detail .task-detail-status:after{
	content:'';
	width:0;
	height:0;
	clear:both;
}
#task_detail .task-detail-status .button-create-wrap{
	float:right;
}
#task_detail .admin-button-wrap{
	text-align: right;
	margin-bottom: 2rem;
}
#task_detail .admin-button-wrap button{
	margin-left: 10px;
}
/*#task_detail .task-detail-rule{
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
}*/
#task_detail .task-detail-rule div{
	vertical-align: top;
	display: inline-block;
	width: 49%;
}
#task_detail .task-detail-rule div:first-child{
	padding-right:10px;
}
#task_detail .task-detail-rule div:nth-child(2){
	padding-left: 10px;
}
#task_detail .round-title{
    background-color: #65A2FA;
    display: inline-block;
    padding: 10px 45px 4px;
    letter-spacing: 1px;
    position: relative;
    top: -2rem;
    margin-top: -2rem;
}
#task_detail .round-title.round-over{
    background-color: #ddd!important;
}
#task_detail .round-title p{
	color:rgba(255,255,255,.9);
}
#task_detail .round-title p span{
	color:rgba(255,255,255,.9);
	font-size: .9rem;
}
#task_detail .roundcard-body pre{
	font-size: 1rem;
	opacity:.9;
	overflow:hidden;
    text-align: justify;
	word-wrap:break-word;
	white-space:pre-wrap;
}
#task_detail .roundcard-info{
	margin-bottom: 20px;
	padding-bottom:30px;
	border-bottom:dashed 1px rgba(0,0,0,.1);
}
#task_detail .roundcard-footer button{
	padding: 8px 15px;
	margin-top: 1.5rem;
	float: right;
}
#task_detail .round-count-label{
	display: inline-block;
	color: #65A2FA;
	font-size: 1rem;
}
#task_detail .round-winner-label{
	display: inline-block;
	margin-right:15px;
	height:56px;
	line-height:56px;
	color: #333;
	font-size: 1rem;
}
#task_detail .round-users{
	display: inline-block;
	margin-top:0.5rem;
	vertical-align: middle;
}
#task_detail .round-users.round-user-winner{
	position:relative;
}
#task_detail .round-users.round-user-winner::before{
	font-family: iconfont;
	position:absolute;
	right:-2px;
	top: -2px;
	z-index: 99;
	content: "\e634";
	padding:0;
	display: inline-block;
	color:#fff;
	font-size:12px;
	background:#ffcc00;
	border:solid 2px #fff;
	border-radius: 50%;
	width:20px;
	height:20px;
	text-align: center;
	line-height: 16px;
}
#task_detail .round-users .rounduser-avatar{
	margin:0 auto;
	border-radius: 50%;
	width: 3rem;
	height: 3rem;
	overflow: hidden;
	background:url(../img/avatar/user_follow.png) center 0 no-repeat;
	background-size: 100% 100%;
}
#task_detail .round-users .rounduser-avatar >img{
	width: 100%;
}
#task_detail .round-users .rounduser-name{
	text-align: center;
    width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	color: #65A2FA;
}
#task_detail .round-winner-list{
	margin-top:1.5rem;
	border-top: dashed 1px rgba(0,0,0,.1);
	text-align: center;
}
#task_detail .round-winner-list div{
	margin: 1rem 5px 0;
	display: inline-block;
	cursor: pointer
}
#task_detail .small{
    width: 70px;
}
@media screen and (max-width: 990px){
	#task_detail .task-detail-image{
		display: none;
	}
	#task_detail .task-detail-content{
		width: auto;
		margin: 2rem;
	}
	#task_detail .admin-button-wrap{
		text-align: right;
		margin-bottom: 2rem;
	}
	#task_detail .admin-button-wrap button{
		margin-left: 5px;
		padding:3px 20px;
	}
	#task_detail .task-date{
		display: none;
		float: none;
	}

}
@media screen and (min-width:991px) and (max-width: 1200px){
	#task_detail .task-detail-content{
		/* width: 470px; */
	}
	#task_detail .task-detail-content pre{
		height:10rem;
	}
}
/* End: Task_detail */

/* Start: Indie_story */
.indie-story-page .indie-story-category{
	color: #999;
}
.indie-story-page .indie-story-author{
	color: #65A2FA;
	cursor: pointer;
}
.indie-story-page .indie-story-menu{
	margin-top:1rem;
	padding: .7rem 1.5rem .3rem;
	border:solid 1px #bbb;
	box-sizing: border-box;
	border-radius:5px;
}
.indie-story-page .task-card-image-wrap{
    width: 100%;
	border-radius:5px;
	/*border:solid 1px red;*/
}
.indie-story-page .indie-story-menu a{
	display: inline-block;
	max-width: 100%;
	color:#454545;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	font-weight:bold;
}
.indie-story-page .indie-story-menu:hover,
.indie-story-page .indie-story-menu:focus{
	border:solid 1px #65A2FA;
}
.indie-story-page .indie-story-menu a:hover,
.indie-story-page .indie-story-menu a:focus{
	color:#65A2FA;
	text-decoration:none;
}
.indie-story-page .indie-story-menu a span{
	margin-right: 5px;
	color: lightgray;
	font-weight: bold;
}
.indie-story-page .indie-story-status-bar{
	margin-bottom: -.5rem;
}
.indie-story-page .indie-story-status-bar .flag,
.indie-story-page .indie-story-user-comment-status .flag{
	display: inline-block;
	margin-right: 20px;
}
.indie-story-page .indie-story-status-bar .flag a,
.indie-story-page .indie-story-user-comment-status .flag a{
	color:#65A2FA;
	font-size: .9rem;
	cursor: pointer;
}
.indie-story-page .indie-story-status-bar .flag a i,
.indie-story-page .indie-story-user-comment-status .flag a i{
	margin-right: 5px;
	font-size: 1rem;
	color:#bbb;
}
.indie-story-page .indie-story-comment-wrap{
	margin-top: -2rem;
	border-top: solid 2px #eee;
}
.indie-story-page .indie-story-textarea-wrap label{
	position:absolute;
	margin-top: 15px;
	font-size: 1rem;
}
.indie-story-page .indie-story-textarea-wrap div{
	padding-left:40px;
	box-sizing: border-box;
}
.indie-story-page .indie-story-textarea-wrap div .textarea-comment{
	width: 100%;
	padding: 15px;
	font-size: 1rem;
	border-radius: 3px;
	border:solid 1px #ddd!important;
}
.indie-story-page .indie-story-comment-buttons{
	margin-top: 1rem;
	text-align: right;
}
.indie-story-page .indie-story-comment-buttons .btn-primary{
	padding: 3px 2rem;
    letter-spacing: 0;
    text-indent: 5px;
    border: solid 1px #65A2FA;
}
.indie-story-page .comment-unfold-line{
	text-align: center;
}
.indie-story-page .comment-unfold-line a{
	color: gray;
	font-size: 1rem;
	cursor: pointer;
}
.indie-story-page .comment-unfold-line a i{
	color:#65A2FA;
}
.indie-story-page .indie-story-comment-user{
	display:inline-block;
	margin-right:10px;
	width: 72px;
	height:72px;
	border-radius: 50%;
	overflow: hidden;
	background:url(../img/avatar/user_follow.png) center 0 no-repeat;
}
.indie-story-page .indie-story-comment-content{
	color: #333;
	opacity: .8;
}
@media screen and (max-width:575px){
	.indie-story-page .indie-story-comment-user{
		display: none;
	}
}
/* End: Indie_story */

/* Start: Indie_author */

#indie-author .input-search-page-wrap{
	height:50px;
	line-height:50px;
	background-color:#FFF;
	box-shadow: 0 5px 15px rgba(0,0,0,.1);
}
#indie-author .input-search-page-wrap > input.input-search{
	padding:0 30px;
	width:90%;
	height:50px;
	border:none;
	outline:none;
	box-sizing: border-box;
}
#indie-author .input-search-page-wrap > .btn-search{
	float:right;
	display: inline-block;
	width:10%;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:17px;
	color: #FFF;
	background-color:#65A2FA;
}
#indie-author .input-search-page-wrap:after{
	content:"";
	height:0;
	width:0;
	clear:both;
}
#indie-author .card-filter{
	margin-top: 30px;
    padding: 10px 10px 20px;
    box-shadow: none;
}
#indie-author .card-filter button{
	margin-right: 10px;
	margin-bottom: 5px;
    padding: 0 20px!important;
    border-radius: 30px!important;
	color: #333;
	background:#fff;
    border: solid 1px #333;
	opacity:.85;
	cursor: pointer;
	outline:none;
}
#indie-author .card-filter button.checked{
	background:#65A2FA;
	color:#fff;
	opacity:1;
    border: solid 1px #65A2FA;
}
#indie-author .indie-author-update{
	color:#999;
}
#indie-author .indie-author-update{
	margin-top: 1rem;
}
#indie-author .update-status-over,
#indie-author .update-status{
	margin-left: 20px;
	border-radius: 50px;
	padding: 1px 1rem 0;
	color:#333;
	border: solid 1px #333;
	background:transparent;
	font-size: .9rem;
	opacity:.6;
	line-height: 26px;
}
#indie-author .update-status-over{
	opacity: 1;
}
@media screen and (max-width:770px){
	#indie-author .indie-author-avatar-wrap{
		display: none;
	}
}
/* End: Indie_author */

/* Start: Ads */
.ads-wrapper{
    width: 100%;
	text-align: center;
	display: block;
	margin: 0 0 2rem;
    width: 100%;
	background:#fff;
}
#task-card-page .ads-wrapper{
	margin: -1.5rem 0 3.5rem;
}
.ads-wrapper img{
    width: 100%;
}
@media screen and (max-width: 770px){
    .ads-wrapper,
	#task-card-page .ads-wrapper{
	margin: 0 0 2rem;
    }
}
/* End: Ads */

/* Start： Kami */
#kami {
	/* padding: 3rem 1rem; */
}
#kami .kami-list a{
	position: relative;
	display: block;
	margin: 3rem 0;
	width: 100%;
	height: 100%;
}
#kami .kami-list a img{
	z-index: 1;
}
#kami .kami-list .kami-title{
	position: absolute;
	top: 35%;
	width: 100%;
	font-size: 1.5rem;
	text-align: center;
	letter-spacing: 20px;
	text-indent: 20px;
	z-index: 999;
	color: #fff;
}
.img-aibqjh{
	background: url(../img/kami_1.jpg) 0 0 no-repeat;
	background-size: 100%;
}
.img-qyswgl{
	background: url(../img/kami_2.jpg) 0 0 no-repeat;
	background-size: 100%;
}
@media screen and (min-width:771px) and (max-width: 990px){
	#kami .kami-list .kami-title{
		top: 25%;
	}
}
@media screen and (min-width:481px) and (max-width:770px){
	#kami {
		padding: 2rem 1rem 0;
	}
	#kami .kami-list a{
		margin: 1rem 0;
	}
	#kami .kami-list .kami-title{
		top: 18%;
	}
}
@media screen and (max-width:480px){
	#kami .kami-list a{
		margin:2rem 0;
	}
	#kami .kami-list .kami-title{
		top: 20%;
	}
	#kami .kami-list .kami-title p{
		font-size:1rem;
	}
	#kami .kami-list .kami-title .btn-main{
		margin-top: -0.5rem!important;
		font-size: 1rem;
     	padding: 6px 14px;
	}
}


/* Start: Search page */
#page-search .search-header-wrap{
	height: 70px;
	line-height:70px;
	background: url(../img/bg_search.jpg) 0 repeat-x;
}
#page-search .search-header-wrap .container{
	margin:0 auto;
}
#page-search .search-header-wrap .header-logout{
	position: relative;
	top:-5rem;
	right:0;
	overflow:hidden;
}
#page-search .input-search-page-wrap{
	height:50px;
	line-height:50px;
	background-color:#FFF;
	box-shadow: 0 5px 15px rgba(0,0,0,.1);
}
#page-search .input-search-page-wrap > input.input-search{
	padding:0 30px;
	width:90%;
	height:50px;
	border:none;
	outline:none;
	box-sizing: border-box;
}
#page-search .input-search-page-wrap > .btn-search{
	float:right;
	display: inline-block;
	width:10%;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:17px;
	color: #FFF;
	background-color:#65A2FA;
}
#page-search .input-search-page-wrap:after{
	content:"";
	height:0;
	width:0;
	clear:both;
}
#page-search .card-filter{
	margin-top: 30px;
    height: 80px;
	box-shadow: none;
	background: transparent;
}
#page-search .card-filter button{
	margin-right: 10px;
	margin-bottom: 5px;
    padding: 0 20px!important;
    /* border-radius: 30px!important; */
	color: #333;
	background:#fff;
    border: solid 1px #333;
	/* opacity:.85; */
	cursor: pointer;
	outline:none;
}
/* #page-search .card-filter button.checked{
	background:#65A2FA;
	color:#fff;
	opacity:1;
    border: solid 1px #65A2FA;
} */
@media screen and (max-width:990px){
	#page-search .search-header-wrap .header-logout{
		float: none;
		position: relative;
		top:-5rem;
		right:0;
		left:0;
		overflow:hidden;
	}
	#page-search .input-search-page-wrap > input.input-search{
		padding:0 10px;
		width:80%;
	}
	#page-search .input-search-page-wrap > .btn-search{
		width:20%;
	}
	}
/* End: Search page */

/* Start: Sub Header */
.logo-small{
	cursor: pointer;
    position: relative;
    z-index: 99;
}
.sub-header-wrap{
	height: 70px;
	line-height:70px;
	background: url(../img/bg_search.jpg) 0 repeat-x;
}
.sub-header-wrap .container{
	margin:0 auto;
}
.sub-header-main{
	position: relative;
}
.sub-header-search .search-box-wrap{
	margin-right: 0;
    margin-left: auto;
	margin-top: -1.7rem;
    width: 480px;
    height: 50px;
    line-height: 50px;
    background-color: #FFF;
    box-shadow: 0 5px 15px rgba(0,0,0,.1);
}
.sub-header-main .header-logout{
	position: absolute;
    top: -1rem;
    right: 0;
    color: #fff;
}
@media screen and (min-width:771px) and (max-width:990px){
	.sub-header-search .search-box-wrap{
		width: 70%;
	}
	.search-box-wrap > input.input-search{
		width: 85%;
	}
	.btn-search {
    	width: 15%;
	}
}
@media screen and (max-width:770px){
	.sub-header-search .search-box-wrap{
		width: 100%;
		margin-top: 2rem;
	}
	.search-box-wrap > input.input-search{
		width: 85%;
	}
	.btn-search {
    	width: 15%;
	}
}
/* End: Sub Header */

/* Start: Pagination */
.pagination{
	margin: 2rem 0;
	justify-content:flex-end;
}
.pagination-item{
	display: inline-block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background:#fff;
	border:solid 1px #ddd;
	border-radius: 2px;
	color:#333;
	cursor:pointer;
}
.pagination-button{
	display: inline-block;
	width: 28px;
	height: 28px;
	line-height: 26px;
	text-align: center;
	background:#fff;
	border:solid 1px #333;
	border-radius: 2px;
	color:#333;
	cursor:pointer;
} 
.pagination-button i{
	margin-right: 0;
}
.pagination-item.current{
	background:#65A2FA;
	border:solid 1px #65A2FA;
	color:#fff;
}
/* End: Pagination */

/* Start: Profile */
#profile_content_block{
	margin-top:-7px;
}
.account-level-wrap{
	display: inline-block;
	padding: 0.4rem 1rem;
	/* float: right; */
    background: #65A2FA;
    font-size: .75rem;
    color: black;
    font-weight: bold;
    border-radius: 50px;
    text-align: center;
}
.account-level-wrap.admin{
    background: #ef5454;
}
#profile_follow_btn_block{
	text-align:right;
}
#profile_follow_btn_block .btn{
    margin-bottom: .5rem;
}
.profile_button_bar{
	display: flex;
	flex-direction: column-reverse;
}
.profile-img{
	display: inline-block;
	object-fit: cover;
	width: 190px;
	height:190px;
	border-radius:2px;
	box-shadow:0 5px 15px rgba(153,153,153,.2);
	overflow: hidden;
	text-align: center;
	background: url(../img/avatar/0.png) center center no-repeat;
}
.profile-img img{
	width:100%;
}

.change_profile_photo{
    border: solid 1px #555;
    border-radius: 30px;
    padding: 5px 40px;
    font-size: 13px;
    opacity: .7;
    display: block;
    width: 90%;
    text-align: center;
}

.change_profile_photo:hover{
    opacity: 1;
}

.profile-tab{
	margin: 0;
	padding:1rem 0 0;
	border-bottom: solid 1px rgba(0,0,0,.1);
}
.profile-tab div{
	display: inline-block;
	margin-right: 1rem;
}
.profile-tab-item{
	padding-bottom: .5rem;
	margin-bottom: 0;
	font-weight: bold;
	font-size: 1.1rem;
}
.profile-tab-item.active{
	color: #65A2FA;
	border-bottom: solid 4px #65A2FA;
}
.profile_img img{
	margin-top: 2rem;
}
@media screen and (max-width:770px){
	#profile_follow_btn_block button{
		margin:1rem 0 0;
		display: block;
		width: 100%;
	}
}
/* mine-sub-tab */
/* .mine-sub-tab{
	margin: 2rem 0 0;
	padding:3px 4rem;
	display: inline-block;
	text-align:center;
	border:solid 1px #65A2FA;
	border-right: none;
	cursor: pointer;
	font-size: .9rem;
}
.mine-sub-tab:first-child{
	border-radius:3px 0 0 3px;
}
.mine-sub-tab:last-child{
	border-radius:0 3px 3px 0;
	border-right:solid 1px #65A2FA;
}
.mine-sub-tab.active{
	background:#65A2FA;
	color: #fff!important;
} */
/* mine-message */
.mine-message .msg-list{
	margin: 1rem 0;
}
.mine-message .msg-avatar{
	float: left;
	width: 5rem;
}
.mine-message .img-avatar{
	background: #efefef;
	width: 4rem;
	height: 4rem;
	border-radius: 10px;
	overflow: hidden;
}
.mine-message .msg-user a{
	color: #00DCE1;
}
.mine-message .msg-user{
	margin-top: .4rem;
	color: #00DCE1;
	letter-spacing: 1px;
	font-weight: bold;
}
.mine-message p.msg-time{
	font-size: .75rem;
	color:lightgray;
	text-align: right;
}
.mine-message .msg-content{
    display: block;
    background-color: #f7f7f7;
	padding: 20px;
}
.mine-message .msg-content.fa-caret-up:before {
    position: absolute;
    margin-top: -40px;
    color: #f7f7f7;
    font-size: 30px;
}
.mine-message .msg-content a .fa-close{
	width: 2rem;
	height: 2rem;
	float: right;
	margin-right: -3rem;
	text-align: center;
	line-height: 2rem;
}
.mine-message .msg-content a .fa-reply{
	width: 3rem;
	height: 3rem;
	float: right;
	margin-right: -3rem;
	text-align: center;
	line-height: 2rem;
	color: #65A2FA;
}
.mine-message .msg-content a:hover i{
	color: #65A2FA;
}
.icon-num-flag{
	display: inline-block;
	margin-left: 3px;
	padding: 0 4px;
	background-color:#C00;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	color:white;
	font-weight: normal;
	font-size: 12px;
	vertical-align: middle;
}

/* .icon-num-top-flag{
	background:red;
	position:relative;
	top: -20px !important;
	left: -20px !important;
	color:white;
} */


@media screen and (max-width: 770px){
	.profile-tab div{
		margin-right: 0;
	}
	.mine-message .msg-list{
		margin: 30px 0 15px;
	}
	.mine-message-page .mine-sub-tab{
		width:50%;
		text-align: center;
		margin: 2rem 0 0;
		padding:3px 1rem;
	}
	.mine-follow .mine-sub-tab{
		width:33%;
		text-align: center;
		padding: 3px;
	}
	.mine-message .msg-content a.icon-delete {
	    float: right;
	    margin-right: -2rem;
	}
	.mine-message .msg-content p{
		margin-bottom: 0;
	}
	.mine-message .msg-time{
		text-align: left!important;
	}
	.mine-message .msg-user{
		margin-bottom:.5rem;
	}

}
/* mine-follow*/
.mine-follow .msg-time{
	color:lightgray;
	text-align:right;
	font-size: .75rem;
}
.mine-follow .card-mine{
	margin:2rem 0 -1rem;
	border-bottom:solid 1px rgba(0,0,0,.1);
}
.mine-follow .mine-follow-user .card-mine {
	width: 49%;
    display: inline-block;
    border-bottom: none;
}
.mine-follow .mine-follow-user .user-avatar,
.mine-invite .user-avatar,
.mine-follow .my_fans .user-avatar{
	display:inline-block;
	margin-right:10px;
	width: 72px;
	height:72px;
	border-radius: 50%;
	overflow: hidden;
	background:url(../img/avatar/user_follow.png) center 0 no-repeat;
}
.mine-follow .mine-follow-user .user-info,
.mine-follow .my_fans .user-info{
	display:inline-block;
	vertical-align: top;
}
.mine-follow .mine-follow-user .btn-user-delete{
	display:inline-block;
	vertical-align:top
}
@media screen and (max-width:770px){
	.mine-follow .msg-time{
		text-align:left;
	}
	.mine-follow .mine-follow-user .card-mine {
		text-align:center;
	}
	.mine-follow .mine-follow-user .btn-user-delete{
		display: block;
		vertical-align: bottom;
	}
}
/* mine-creation*/
.mine-creation .card-mine{
	padding:1rem 0;
	border-bottom: solid 1px rgba(0,0,0,.1);
}
.mine-creation .card-mine #answer_content{
	border-top: none;
	border-bottom: none;
}
/* .mine-creation .card_title{
	margin: 1rem 0 0!important;
	color:#65A2FA!important;
}
.mine-creation .card_title:hover{
	text-decoration:underline;
} */
.mine-creation .mine-creation-detail-content pre{
	margin:0;
    margin-top: 1rem;
	color: #333;
    line-height: 24px;
	font-size: 0.8rem;
    opacity: .85;
	text-align: justify;
	word-wrap: break-word;
	white-space: pre-wrap;
}
.mine-creation .mine-creation-stats{
    margin-top: 1rem;
	color:lightgray;
	font-size: .85rem;
}
/* mine-kami*/
.mine-kami .card-mine a {
	color: #00DCE1;
}
.mine-kami .card-mine {
    margin: 2rem 0 -1rem;
    border-bottom: solid 1px rgba(0,0,0,.1);
}

.mine-kami .msg-time{
	color:lightgray;
	text-align:right;
	font-size: .85rem;
}
@media screen and (max-width:770px){
	.mine-kami .msg-time{
		text-align:left;
	}
}
/* mine-comment*/
.mine-comment .card-mine {
    margin: 2rem 0 -1rem;
	/* border-bottom: solid 1px rgba(0,0,0,.1); */
	padding: 20px;
    background-color: #f7f7f7;
}
.mine-comment .card-mine a{
	cursor: pointer;
}
.mine-comment .msg-time{
	color:lightgray;
	text-align:right;
	font-size: .75rem;
}
.mine-comment-content{
	color:#000;
}
@media screen and (max-width:575px){
	.mine-comment .msg-time{
		text-align:left;
    margin-bottom: 1rem;
	}
}

/* Start: Modify user */
.title-box{
	padding: 1rem 2rem;
	margin-bottom: 2rem;
	background: #fff;
}
.title-box h1,
.title-box .close{
	height: 3rem;
	line-height: 3rem;
}
.title-box h1{
	font-size: 1.7rem;
	letter-spacing: 2px;
}
.title-box h1 > .fa{
	font-size: 2rem;
	vertical-align: middle;
}
.title-box .close{
	display: inline-block;
	font-size: 1.2rem;
	font-weight: normal;
	cursor: pointer;
}
.title-box .close i{
	margin-right: .5rem;
	font-size: .85rem;
	vertical-align: middle;
}
.upload-card{
	display: inline-block;
	width:100%;
	height: 15rem;
	line-height: 15rem;
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
	border-radius: 10px;
	background: #eee;
}
/* Start: My prize */
.white-wrapper{
	margin-bottom: 2rem;
	padding: 2rem;
	background: #fff;
	margin-top: 1rem;
	border-radius: 10px;
}
.white-wrapper table{
	border: none;
}
.white-wrapper table th{
	padding: 15px 10px;
	border: none;
	border-bottom: solid 3px #f5f5f5;
}
.white-wrapper table td{
	padding: 15px 10px;
	border: none;
	border-bottom: solid 1px #f5f5f5;
}
/* Start: My activity */
#mine-activity .card-mine, #mine-creation .card-mine{
	padding: 1rem 0;
	border-bottom: dashed 1px rgba(0,0,0,.1);
}
#mine-activity .card_title, #mine-creation .card_title{
	/* margin-top: 2rem; */
	color:#333;
}
#mine-activity .card_title:hover,#mine-creation .card_title:hover{
	color:#65A2FA;
	text-decoration:underline;
}
#mine-activity .card-activity-wrap,#mine-creation .card-activity-wrap{
	padding:20px;
	background-color:#f7f7f7;
	width: 100%;
}
#mine-activity .card-activity-wrap.fa-caret-up:before ,#mine-creation .card-activity-wrap.fa-caret-up:before {
    position: absolute;
    margin-top: -40px;
    color: #f7f7f7;
    font-size: 30px;
}
#mine-activity .activity-time, #mine-creation .activity-time{
	color:lightgray;
	text-align:right;
}
.activityitem-content{
	margin: 0;
	margin-top: 1rem;
	opacity: .85;
	line-height: 24px;
}
@media screen and (max-width:770px){
	.profile-img{
		display: none;
	}
	#mine-activity .activity-time{
		margin-top: -0.5rem;
		text-align:left;
	}
	#mine-creation .activity-time{
		margin-top: -0.5rem;
		text-align:left;
	}
}
/* End: Profile */

/* Start: Footer */
#footer{
	background-image: linear-gradient(to right, #01d8db , #94fea9);
}
.footer-intro{
	font-size: 14px;
	opacity:.75;
	color: #333;
	text-align: left;
}
#footer .btn-more{
	border-radius: 2px;
	padding: 0.2rem 1rem;
	font-size: 14px;
	color: #333;
	background: #fff;
}
.b-t-w{
	border-top: 1px solid #333;
	padding-top: 20px;
}

#footer .btn-more:hover,
#footer .btn-more:focus{
	opacity: 1;
	text-decoration:none;
}
.footer-intro-title{
	font-size: 18px;
    color: #333;
    margin-bottom: 5px;
    text-align: left;
	font-weight: bold;
}
.footer-wrap{
	padding:5rem 0rem;
}

.footer-wrap ul{

}

.footer-wrap ul li{
	display: inline-block;
	margin-right: 1rem;
}
.footer-wrap ul li a{
	color: #333;
	font-size: 14px;
	text-decoration: underline;
	font-weight: 600;
}
.copyright{
	float: right;
	width: 300px;
	text-align: right;
}
.copyright span{
	font-size: 12px;
	line-height: 12px;
	opacity:.75;
	color: #333;
}
.applicationcode{
	float: right;
}


.login-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url("../img/change/bg.png") no-repeat;
	background-size: 100% 100%;
	display: flex;
	align-items: center;
	margin-right: 0 !important;
	margin-left: 0 !important;
}
.g-brd-around{
	border: 0 !important;
}
@media screen and (max-width: 770px){
	#footer{
		text-align: center;
	}
	.footer-wrap ul,
	.copyright,
	.applicationcode{
		float: none;
	} 
}
/* End: Footer */


/* Start: Sign-up & Login & Forgetpassword */
.btn-external-login{

	border-radius: 20px !important;
	color: #fff;
	cursor: pointer;
	display: inline-block;
    padding: 0.71429rem 2.85714rem;
	background: #00d8da;
}
.a-color-l{
	color: #333 !important;
}
.account-moudle-brand{
	width: 180px;
	display: block;
	margin: 0 auto;
	text-align: center;
}
.close-login{
	text-align: right;
}
.close-login img{
	width: 25px;
	height: 25px;
	cursor: pointer;
}

.img-logo-wrap{
	display: inline-block;
    width: 124px;
    height: 75px;
    overflow: hidden;
	margin: auto;
}

.account-moudle-title{
	margin-top: 10px;
	color: #333 !important;
}

.account-module-box{
	max-width: 500px;
	border-radius: 5px;
	box-shadow:0 5px 15px rgba(0,0,0,.1);
}

.account-moudle-container{
	margin: 2rem;
	background-color: #fff;
}

.btn-account-moudle-submit{
	text-indent: 2rem;
	border-radius: 5px !important;
}
.login-footer-wrap .login-footer-forgotpassword{
	float: right;
}
.signup-footer-wrap .gotologin{
	text-align: right;
}
@media screen and (max-width: 770px){
	.account-moudle-title{
		letter-spacing: 0.3rem;
		font-size: 1.2rem;
	}
    .btn-external-login{
        padding:  0.35714rem 1.42857rem;
    }

    .signup-footer-wrap .gotologin{
		text-align: left;
	}
}
/* End: Sign-up & Login & Forgetpassword*/


/* Start: Sign-up */
.u-btn-outline-primary {
	color: #65A2FA;
	border-color: #65A2FA;
}
.u-btn-primary{
	background-color: #65A2FA;
}

.btn-send-validCode{
	padding: 0.9rem;
	border:0 !important;
	background-image: linear-gradient(to right, #80f9b1 , #17ded4);
	color: #000;
	width: 205px;
	border-radius: 30px;
}

.g-brd-primary--hover:hover, 
.g-brd-primary--active.active{
	border-color: #65A2FA !important;
}
@media screen and (max-width: 770px){
	.btn-send-validCode{
		font-size: 1rem;
	}
}
/* End:Sign-up */

/*Start:About-us*/
.primary-wrapper{
	background-color: #65A2FA;
	color: #fff;
}

.aboutus-titlename{
	margin: 2rem auto 2rem;
	letter-spacing: 4px;
}
/*End:About-us*/

/* Start： Kami */
#kami {
	/* padding: 3rem 1rem; */
}
#kami .kami-list a{
	position: relative;
	display: block;
	margin: 3rem 0;
	width: 100%;
	height: 100%;
}
#kami .kami-list a img{
	z-index: 1;
}
#kami .kami-list .kami-title{
	position: absolute;
	top: 35%;
	width: 100%;
	font-size: 1.5rem;
	text-align: center;
	letter-spacing: 20px;
	text-indent: 20px;
	z-index: 999;
	color: #fff;
}
.img-aibqjh{
	background: url(../img/kami_1.jpg) 0 0 no-repeat;
	background-size: 100%;
}
.img-qyswgl{
	background: url(../img/kami_2.jpg) 0 0 no-repeat;
	background-size: 100%;
}
@media screen and (min-width:771px) and (max-width: 990px){
	#kami .kami-list .kami-title{
		top: 25%;
	}
}
@media screen and (max-width:770px){
	#kami {
		padding: 2rem 1rem 0;
	}
	#kami .kami-list a{
		margin: 1rem 0;
	}
	#kami .kami-list .kami-title{
		top: 18%;
	}
}

/* Start: Kami ai & Kami assists page */
#kami-ai{
	background-color: #65A2FA;
}
#kami-assists{
	background-color: #65A2FA;
}
.kami-title-wrapper{
	padding: 1rem;
	min-height: 100px;
}
.kami-sub-title{
	letter-spacing: 10px;
	font-size: 1.5rem;
	color: #fff;
}
.kami-wrap{
	padding: 1rem 2rem;
	margin: 0 -15px;
	background: #FFF;
}
.kami-sub-intro{
	margin-top: 1rem;
	color: #fff;
	font-size: 12px;
	opacity: 0.75;
}
.kami-ques-title{
	margin-top: 1rem;
	color: #ccc;
	opacity: 0.75;
}
.kami-question{
	margin-top: 1rem;
	font-size: 1.6rem;
	opacity: 0.75;
}
#kami-assists .kami-question{
	letter-spacing: 15px;
}
#kami-ai form{
	margin: 2rem 0rem;
}
#kami-assists form{
	margin: 3rem .5rem;
}
#kami-ai form div,
#kami-assists form div{
	margin-bottom: .5rem;
}
#kami-ai form input[type="radio"]{
	margin-right: 10px;
	vertical-align: middle;
}
.kami-result-list{
	margin: 1rem 0 2rem;
	padding: 1rem;
	border: solid 1px #707070;
}
.kami-result-list-title{
	padding: 1rem;
	background-color: #65A2FA;
	font-size: 1.25rem;
	font-weight: bold;
	color: #000;
}
.kami-result-list-content{
	padding: 1rem 1rem 0;
}
.kami-result-list-content div.row{
	height: 3rem;
}
.kami-result-item{
	color: #000;
	font-weight: bold;
}
.kami-button-bar{
	margin-top: 2rem;
}
#kami-assists .kami-button-bar{
	margin-top:2rem;
}
.kami-vs-col{
	text-align: center;
}
.kami-vs-col h1{
	margin-top: 2rem;
	font-style: italic;
	font-weight: bolder;
	color: #65A2FA;
	font-size: 3rem;
	letter-spacing: 5px;
}
.kami-vs-col input[type="button"]{
	margin-top:2rem;
	letter-spacing: 0;
	text-indent: 0;
}
.kami-textarea{
	padding: 2rem;
	width: 100%;
	box-sizing: border-box;
}
.kami-progress{
	margin-bottom: 3rem;
	width: 100%;
	height: 1.5rem;
	border: solid 1px #707070;
}

.kami-progress .progress-bar{
	display: block;
	margin:-1px;
	height: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	color: #fff;
	background: #65A2FA;
	border: solid 1px #65A2FA;
}
#kami-assists-flow .kami-flow{
    position: relative;
    margin:1rem auto;
    padding: 2rem;
    width: 815px;
    height: 650px;
    background: url(../img/bg_kami_flow.jpg) 0 0 no-repeat;
    background-size: 100%;
    box-sizing: border-box;
    z-index: 1;
}
#kami-assists-flow .kami-flow-title{
    margin: 1rem auto;
    text-align: center;
}
#kami-assists-flow .kami-flow-title-input{
    border:none;
    border-bottom:solid 1px #454545;
    font-weight: bold;
    font-size: 1.8rem;
    text-align:center;
}
#kami-assists-flow .kami-flow-title-input:hover,
#kami-assists-flow .kami-flow-title-input:focus,
#kami-assists-flow .kami-flow-title-input{
    outline: none;
}
#kami-assists-flow .box-green-wrap{
    position: absolute;
    z-index: 2;
    width: 105px;
    background-image: linear-gradient(to right, #01d8db , #94fea9);
    font-weight: bold;
    padding: 10px;
    border-radius: 5px;
	text-align: center;
}
#kami-assists-flow .box-green-wrap p{
    margin: 0 .5rem;
    color: #333;
}
#kami-assists-flow .outline-round-wrap{
    position: absolute;
    z-index: 2;
    width: 140px;
    background: #fff;
    color: #000;
    font-weight: bold;
    padding: 10px;
    border-radius: 15px;
    border:dashed 1px #65A2FA;
    text-align: center;
}
#kami-assists-flow .outline-squeen-wrap{
    position: absolute;
    z-index: 2;
    width: 150px;
    background: #fff;
    color: #000;
    font-weight: bold;
    padding: 10px;
    border-radius: 0;
    border:dashed 1px #65A2FA;
    text-align: center;
}
#kami-assists-flow .outline-squeen-wrap p,
#kami-assists-flow .outline-round-wrap p{
    color: #000;
    margin: 0 .5rem;
}
#kami-assists-flow .kami-flow-sub-title{
    margin-top: 3rem;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
}
#kami-assists-flow .kami-flow-story-info{
    font-weight: bold;
}
#kami-assists-flow .kami-flow-story-info span{
    color: #00f;
}
#kami-assists-flow .btn-kami-build{
    cursor:pointer;
    margin:0 auto 2rem;
	background-image: linear-gradient(to right, #01d8db , #94fea9);
    border:none;
    border-radius:3px;
    color: #fff;
    font-weight: bold;
    padding: 8px 35px;
    outline: none;
    font-size: 1.2rem;
    letter-spacing: 1px;
}
#kami-assists-flow .btn-kami-build:hover,
#kami-assists-flow .btn-kami-build:focus
{
	background-image: linear-gradient(to right, #01d8db , #94fea9);

}
@media screen and (max-width:770px){
	.kami-sub-title{
		padding: .5rem 0;
	}
	.kami-wrap{
		padding: 1rem;
	}
	.kami-sub-intro{
		margin-top: 0;
	}
	.kami-ques-title,
	.kami-question{
		margin-top: 1rem;
	}
	#kami_ai form{
		margin: 2rem 1rem 0;
	}
	#kami-assists .kami-question{
		letter-spacing: 0;
	}
	#kami-assists form{
		margin: 1rem .5rem;
	}
	.kami-vs-col h1{
		margin-top: 0;
	}
	.kami-vs-col input[type="button"]{
		margin-top:0;
	}	
	#kami-assists .kami-button-bar{
		margin-top:0;
		margin-bottom:3rem;
	}
}
/* End： Kami */

/* Start: header-logout */
.header-logout{
    position: relative;
    top: -4rem;  
    color: #fff;
}

.header-logout a{
    color: #fff;
    float: right;
}

@media screen and (min-width: 992px) and (max-width: 1024px){
	.header-logout{
        right: 6rem;
    }
}
/* End： header-logout */


/* Start:  indit_round */
.indie-story-page .indie-round-comment-wrap{
	border-top:solid 2px #eee;
}

.indie-story-round-text-right{
	text-align:right;
}

@media (max-width: 768px) {
  .indie-story-round-text-right {
	text-align: justify;
  }
}
/* End:  indie_round */

/* Start:  comment */
.comment-user{
	display:inline-block;
	margin-right:10px;
	width: 72px;
	height:72px;
	border-radius: 50%;
	overflow: hidden;
	background:url(../img/avatar/user_follow.png) center 0 no-repeat;
}

.comment-content{
	color: #333;
	opacity: .8;
}

.comment-status .flag{
	display: inline-block;
	margin-right: 20px;
}
.comment-status .flag a{
	color:#65A2FA;
	font-size: .9rem;
	cursor: pointer;
}
.comment-status .flag a i{
	margin-right: 5px;
	font-size: 1rem;
	color:#bbb;
}
.comment-buttons{
	margin-top: 1rem;
	text-align: right;
}
.comment-buttons .btn-primary{
	padding: 3px 2rem;
    letter-spacing: 0;
    text-indent: 5px;
    border: solid 1px #65A2FA;
}

.comment-textarea-wrap label{
	position:absolute;
	margin-top: 15px;
	font-size: 1rem;
}

.comment-textarea-wrap div{
	padding-left:3rem;
	box-sizing: border-box;
}
.comment-textarea-wrap div .textarea-comment{
	width: 100%;
	padding: 15px;
	font-size: 1rem;
	border-radius: 3px;
	border:solid 1px #ddd!important;
}

.comment-leitai-textarea-wrap div{
    box-sizing: border-box;
}
.comment-leitai-textarea-wrap div .textarea-comment{
    width: 100%;
    padding: 15px;
    font-size: 0.8rem;
    border-radius: 3px;
    border:solid 0.5px #ddd!important;
}
/* End:  comment */

/* Start:  create_answer_wrap */
.create_answer_wrap .label{
	padding: 0px 5px;
	float: left;
	width: 80px;
}

.create_answer_wrap .controls{
	padding-left:80px;
}
/* End:  create_answer_wrap */

/* Start: comments_page */
#comments-page .swipes-wrap{
	margin-bottom: 40px;
	width: 100%;
	height:400px;
	overflow: hidden;
}
#comments-page .swipes-wrap img{
	object-fit:cover;
	width:100%;
	height: 100%;
	cursor:pointer;
}
.module-title{
	margin-bottom: 40px;
	height: 36px;
	line-height: 36px;
	font-weight: bold;
	background: url(../img/bg_title.png) center 0 no-repeat;
	text-align: center;
	color: #FFF;
}
/*.recommon-wrap{
	display: flex;
	justify-content: space-between;
	width: 100%;
	overflow: hidden;
}
.recommon-list{
	margin-bottom: 40px;
	width: 210px;
	height:290px;
	box-shadow: 0 4px 8px rgba(0,0,0,.25);
}
@media screen and (min-width:992px) and (max-width:1200px){	
	.recommon-list{
		width: 180px;
		height:250px;
	}
}
@media screen and (min-width:768px) and (max-width:991px){
	.recommon-list{
		width: 130px;
		height: 180px;
	}
}
@media screen and (min-width:570px) and (max-width:767px){
	.recommon-list{
		margin-right: 5px;
		width: 98px;
		height: 135px;
	}
}
@media screen and (max-width:570px){
	.recommon-list{
		margin-right: 5px;
		width: 98px;
		height: auto;
	}
}
.recommon-list a img{
	width: 100%;
	height:100%;
	object-fit: cover;
}*/
.hot-comments-list{
	display: flex;
}
.comment-avatar{
	width: 56px;
	height:56px;
	border-radius: 50%;
	overflow: hidden;
}
.comment-avatar-img{
	object-fit:cover;
	width:100%;
	height: 100%;
	cursor:pointer;

}
.comment-detail-wrap{
	margin-left: 20px;
	width: 100%;
}
.comment-contents{
	margin-top: 15px;
	font-size: 14px;
	line-height: 24px;
}
.comment-top-wrap{
	display: flex;
	justify-content: space-between;
}
.comment-user-name{
	color: #65A2FA;
	font-weight: bold;
}
.comment-time{
	color: rgba(0,0,0,.3);
	font-size: 12px;
}
.comment-images-wrap{
	margin: 20px 0 15px;
}
.comment-image-list{
	margin-right: 5px;
	width: 90px;
	height: 90px;
	display: inline-block;
	overflow: hidden;
}
.comment-thumbs-wrap .comment-image-list{
	width: 60px;
	height: 60px;
}
.comment-image-list img{
	object-fit:cover;
	width:100%;
	height: 100%;
	cursor:pointer;
}
.comment-desc{
	margin-top: 10px;
	color: #999;
	font-size: 12px;
}
.comment-list-status .flag{
	display: inline-block;
	margin-right: 15px;
	font-size: 14px;
	cursor: pointer;
}
.comment-list-status .flag span{
	color: #65A2FA;
}
.comment-list-status .flag i{
	color: rgba(0,0,0,.3);
	font-weight: bold;
	margin-right: 5px;
}
.img-comment-detail-top-wrap{
	margin-bottom: 30px;
	width:100%;
	height:380px;
}
.img-comment-detail-top{
	width: 100%;
	height:100%;
	object-fit: cover;
}

@media screen and (max-width:770px){
	.img-comment-detail-top-wrap{
		margin-bottom: 30px;
		width:100%;
		height:220px;
	}
}
/* End: comments_page */

/* Start:lakes */
#lakes .title-wrap{
	display: flex;
	margin-bottom: 15px;
	justify-content: space-between;
	align-items: center;
	border-bottom:solid 1px #65A2FA;
}
#lakes .title-wrap span{
	padding:5px 20px;
	font-size: 14px;
	background:#65A2FA;
	color: #fff;
}
#lakes i.fa-question-circle{
	/* color: white; */
    cursor: pointer;
    /* float: right; */
    /* font-size: 1.5rem; */
    /* margin: 1.5rem; */
}
#lakes i.fa-question-circle:hover{
	color:#00DCE1;
}
#lakes .rank-wrap{
	border-right:solid 1px #eee;
}
#lakes .leitai-wrap div{
	padding-bottom:5px;
}
#lakes .leitai-1st-wrap{
	display:flex;
	justify-content:space-between;
}
#lakes .leitai-1st-wrap div:last-child i{
	margin-left:10px;
}
#lakes .leitai-button-wrap{
	margin:15px 0 10px;
	text-align:center;
}
#lakes .tab-content{
	margin-top:20px;
}
#lakes .rank-list{
	line-height:24px;
	display:flex;
	justify-content:space-between;
}
#lakes .author-rank-wrap{
	margin-top:50px;
}
#lakes .profile-tab{
	font-size:1rem;
}
#lakes .task-wrap .justify-content-between{
	display: flex;
}
.user-lakes-info-wrap .comment-avatar{
	float:left;
}
.user-lakes-info{
	padding-left:70px;
}
.user-lakes-name{
	display: flex;
	justify-content: space-between;
}
.user-lakes-sign{
	font-size: 0.75rem;
	color: rgba(0,0,0,.6);
}
.user-lakes-title{
	font-size: 0.75rem;
}
.user-lakes-rank-wrap{
	margin-top:10px;
	margin-bottom:20px;
	display: flex;
	justify-content: space-between;
}
.user-lakes-img{
	width:64px;
	height:64px;
	border-radius:5px;
	background-color:#f7f7f7;
	overflow: hidden;
}
.user-lakes-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.lakes-intro-title{
	padding-bottom:5px;
	font-weight: bold;
	font-size: 1rem;
	color: #65A2FA;
	border-bottom: solid 1px #65A2FA;
}
.lakes-intro-content{
	/* margin-top: 20px; */
	line-height: 1.8rem;
	font-size: 0.75rem;
	color: rgba(0,0,0,.75);
	text-justify: justify;
}
.rank-image-wrap{
	margin: 20px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.lakes-rank-img{
	width:48px;
	height:48px;
	border-radius:5px;
	background-color:#23908f;
	/*overflow: hidden;*/
}
.lakes-rank-img.no1{
	width:64px;
	height:64px;
}
.lakes-rank-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#home-mobile.swiper-container{
	padding-top: 120px;
}

.add-msg{
	display: none;
}
@media screen and (max-width:991px){
	#lakes .author-rank-wrap{
		margin-top: 0;
	}
	.key-img-hide{
		display: none !important;
	}
	.name-page{
		font-size: 2rem !important;
	}
	.bg .logo{
		width: 60% !important;
	}

	.add-msg{
		display: block;
		font-size: 1rem;
	}
	#home-mobile.swiper-container{
		padding-top: 65px;
	}
	.kami-cont{
		width: 80% !important;
    	margin: 2rem auto !important;
	}
}
@media screen and (max-width:770px){
	#lakes .rank-wrap{
		border-right:none;
	}
	#lakes .leitai-1st-wrap{
		margin-top:20px;
	}
}
@media screen and (max-width:480px){
	#lakes .task-wrap .justify-content-between,
	#lakes .task-wrap .justify-content-between span{
		display: block;
	}
	#lakes .task-wrap .justify-content-between button{
		margin-top:20px;
		width:100%;
	}
	#lakes .popup{
		width: 100%;
	}
	.popup-content{
		padding:20px!important;
	}
}
/* End:lakes */

/* Start: popup */
.popup-wrap{
	position: fixed;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.6);
	z-index: 9999;
	display: flex;
	align-items: center;
	margin-bottom: 1rem;
}
.popup{
	margin: 0 auto;
	width: 600px;
	background: #fff;
	border-radius: 10px;
}
.popup-title{
	background-image: linear-gradient(to right, #02dada , #91fba9);
	display: flex;
	padding:10px 20px;
	color: #fff;
	justify-content: space-between;
	align-items: center;
	border-radius: 10px 10px 0 0;
}
.popup-title .icon-close{
	color: #fff;
	text-decoration: none;
}
.popup-content{
	padding:20px 80px;
}
.popup-textarea-wrap{
	padding:30px 20px 20px;
	box-sizing: border-box;
}
.popup-textarea-wrap textarea{
	padding: 5px 8px;
	font-size: 14px;
	width: 100%;
	height:150px;
	outline: none;
	border-radius: 5px;
	border: solid 1px rgba(0,0,0,.2);
}
.popup-images-wrap{
	margin: 5px -6px 5px;
}
.popup-image-list{
	position: relative;
	display: inline-block;
	border: solid 6px #fff;
	width: 72px;
	height: 72px;
}
.popup-image-list img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.popup-image-list .icon-delete{
	font-size: 20px;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	position: absolute;
	right: -10px;
	top: -10px;
	color: #ef5454;
	background: #fff;
	border-radius: 50%;
	text-decoration: none;
}
.popup-bottom{
	padding: 0 20px 20px;
	text-align: right;
}
.popup-bottom .btn{
	width: 150px;
	height: 40px;
	margin-left: 10px;
}

.image-popup{
	margin: 0 auto;
}
.popup-image-wrap{
	max-width: 500px;
	max-height: 500px;
}
.popup-image-wrap img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.image-popup-close{
	text-align: right;
	margin-bottom: 5px;
}
.image-popup-close .icon-close{
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}
.image-buttons-wrap{
	display: flex;
	justify-content: center;
	align-items: center;
}
.image-buttons-wrap .icon{
	color: #fff;
	opacity: 0.4;
	font-size: 22px;
}
.image-buttons-wrap span{
	margin: 20px 30px;
	color: #fff;
	letter-spacing: 3px;
}
.image-buttons-wrap .icon:hover{
	opacity: 1;
}
/* End: popup */

/* Start: swiper */
.swiper-container {
  -webkit-transform: translate3d(0,0,0); 
  -webkit-backface-visibility: hidden;
}
.swiper-wrapper .swiper-slide-wrap{
	width: 100%;
    margin: 0 auto 30px;
    background: #fff;
    overflow: hidden;
	box-shadow: 0 5px 15px rgba(0,0,0,.1);
}
.swiper-image{
	width:100%;
}
.swiper-image img{
	width:100%;
	max-height: 500px;
	/* max-height: 32%; */
	object-fit: cover;
	/* border-radius: 10px; */
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom:2rem;
}
.swiper-pagination-bullet{
    opacity: 1;
    background: #ccc;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: linear-gradient(to right, #02dada , #91fba9) !important;
}
#comments-page .swiper-image{
	height:320px;
	overflow: hidden;
}
@media screen and (max-width:770px){
	#comments-page .swiper-image{
		height:160px;
		overflow: hidden;
	}
}

.swiper-container2 {
  position:relative;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  overflow: hidden;
  box-sizing: border-box;
}
.swiper-container2 .swiper-slide {
	margin:0 0.5%;
  width: 19%;
  height: 290px;
  background-position: center;
  background-size: cover;
  transition: all 1s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
	box-shadow: 0 5px 15px rgba(0,0,0,.1);
 
}
.swiper-container2 .swiper-slide img{
  width: 100%;
  height:100%;
  object-fit: cover;
}
@media screen and (min-width:767px) and (max-width:991px){
	.swiper-container2 .swiper-slide{
		width: 19%;
		height: 180px;
	}
}
@media screen and (max-width:766px){
	.swiper-container2 .swiper-slide{
	margin:0 3px;
		width: 19%;
		height: 130px;
	}
}

.invite-box-wrap{
    /*margin-top: 40px;*/
    /*width:480px;*/
    height:30px;
    line-height:30px;
    /*background-color:#FFF;*/
    /*box-shadow: 0 5px 15px rgba(0,0,0,.1);*/
}
.invite-box-wrap > input.input-invite{
    padding:0 30px;
    width:60%;
    height:30px;
    border:none;
    outline:none;
    box-sizing: border-box;
}

.hidename-publish{
    float: right;
    margin-top: -1.5rem;
    position: relative;
    margin-right: 1rem;
    background-color: #ffffff
}

/*leitai task------------*/
.leitai-head{
    border-radius: 10px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    background-color: #ffffff;
    color: #000000;
    font-family: "AlibabaPuHuiTiM";
    font-weight: bolder;
}

.article-head{
    border-radius: 5px;
    flex-direction: row;
    background-color: #ffffff;
    color: #000000;
    padding: 0.3rem 1.5rem;
    font-family: "AlibabaPuHuiTiM";
    font-weight: bolder;
}

.leitai_tab_bar{
    font-weight: bolder;
    font-size: 3rem;
    padding: 0.3rem;
    font-family: "Microsoft YaHei";
    font-style: oblique;
}
.leitai-title{
    font-size: 2rem;
    padding: 0.3rem;
    font-family: "AlibabaPuHuiTiM";
    font-weight: bolder;
}
.article-title{
    font-size: 32px;
}

.leitai-result{
    padding: 0.5rem 1.5rem;
    font-size: 20px;
}

.leitai-rules{
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}
.leitai-rules-item{
    border-radius: 10px;
    flex-direction: row;
    justify-content: space-between;
    background-color: #ffffff;
    color: #000000;

    padding: 0.5rem 1.5rem;
    font-size: 0.8rem;
    width: 49%;
    white-space: pre-line;
}

.leitai-rules-item>div{
    text-align: center;
}
.leitai_desc{
    margin-top: 2rem;
    border-radius: 10px;
    flex-direction: row;
    justify-content: space-between;
    background-color: #ffffff;
    padding: 1rem 1.5rem;
    color: #000000;
    position: relative;
}
.leitai-scroll{
    font-size: 0.8rem;
    opacity: .9;
    white-space: pre-line;
    padding-right: 110px;
    height: 120px;
    overflow-y: auto;
}

.leitai-bt{
    width:fit-content;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    cursor:pointer;
    font-size: 0.8rem;
    min-width: 5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    border-radius: 3px;
    color: #ffffff;
    background-image: linear-gradient(90deg, #a9f2be 0%, #6de1d5 0%, #30d0ec 0%, #70b0f3 100%), linear-gradient(90deg, #1cd6d9 0%, #1dc5e0 0%, #1db4e7 0%, #4f8df8 100%);
}
.leitai-bt-article{
    margin: auto;
}

.leitai-bt-top{
    cursor: pointer;
    position: relative;
    float: right;
    margin-top: -3.4rem;
    margin-right: 1rem;
}

.leitai-bt-bottom{
    cursor: pointer;
    position: relative;
    float: right;
    margin-top: -1.2rem;
    margin-right: 1rem;
}

.leitai-bt-purple{
    background-image: linear-gradient(90deg, #4a5ed1 0%, #792af2 100%);
    opacity: 0.8;
}

.leitai-bt-comment{
    float: right;
    margin-top: 0.4rem;
    margin-left: 1.5rem;
}

.leitai-bt-task{
    float: right;
    /*margin-top: 1.5rem;*/
    margin-left: 1.5rem;
}

.leitai-bt-comment{
    float: right;
    margin-left: 1.5rem;
}

.leitai-article{
    margin-top: 2rem;
    display: flex;
    flex-flow: wrap;
    /*justify-content: space-between;*/

}
.leitai-article-item{
    /*padding: 0rem 1rem;*/
    align-items: center;
    justify-content: center;
    /*flex: 0 0 25%;*/
    width: 22%;
    margin-bottom: 20px;
}

.leitai-article>div{
    margin-right: 4%;
}

.leitai-article>div:nth-child(4n+0){
    margin-right: 0;
}

.leitai-article-box{
    border-radius: 10px;
    background-color: #ffffff;
    align-items: center;
    justify-content: center;
    height: 14.5rem;
    flex: 0 0 25%;
    margin-bottom: 20px;
    padding: 1rem 1.5rem 2rem 1.5rem;

}

.leitai-article-detail{
    border-radius: 10px;
    background-color: #ffffff;
    align-items: center;
    justify-content: center;
    /*height: 14.5rem;*/
    flex: 0 0 25%;
    margin-bottom: 20px;
    padding: 1rem 1.5rem 2rem 1.5rem;

}

.leitai-article-content{
    height: 88%;
    overflow: hidden;

}

.leitai-article-item a{
    text-align: right;
    display: block;
    margin-top: -3rem;
    margin-right: 1.5rem;
}

.leitai-result-detail{
    margin-top: 0.8rem;
    min-height: 120px;
    border-radius: 10px;
    background-color: #ffffff;
    width: 100%;
}
.leitai-result-count{
    clear: both;
    padding: 6px 20px;
}

.leitai-result-map{
    line-height: 20px;
    display: inline-block; 
    background-image: linear-gradient(to right, #01d8db , #94fea9);
}

.leitai-comments{
    margin-top: 0.8rem;
    padding: 1rem 1.5rem;
    min-height: 120px;
    border-radius: 10px;
    background-color: #ffffff;
    width: 100%;
}
.leitai-comments>a{
    text-align: right;
    display: block;
}
.leitai-comments-content{
    width: 80%;
}
.leitai-comments-replay{
    margin-top: 10px;
}
.leitai-comments-replay a{
    margin-right: 10px;
}
.leitai-comments>div:nth-child(2){
    margin-top: -21px;
}
.leitai-prize{
    padding-top: 0.8rem;
    margin-top: 0.8rem;
    min-height: 120px;
    border-radius: 10px;
    background-color: #ffffff;
       
}
.leitai-prize>div{
    display: flex; 
    padding-left: 2rem;
    /*margin-right: 2rem;*/
    /*width: 30%;*/
    /*width: 10rem;*/
}
.leitai-prize>div>div{
    width: 5rem;
}
.padding-bottom{
    padding-bottom: 3rem !important;
}

.leitai-bt-finish{
    background: transparent;
    border: solid 1px #ccc;
    color: #ccc;
}