/* MoBan5原创源码，官网：www.moban5.cn */
@charset "UTF-8";

/*评论*/
.pl_box{ verflow:hidden; background: #fff; padding: 0 15px;}
.pl_box .title{font-size:30px; color:#333;height: 38px;line-height: 38px;padding:10px 0;}
.pl_box .title span{ font-size:24px; color:#999;}
.pl_box .title span em{ font-style:normal; color:#f87171;}

.comment{height:202px; padding:0 0 0 135px; position:relative; overflow:hidden;}
.comment .tx{width:120px; height:120px;/*border:1px solid #e5e5e5;*/ position:absolute; left:0px; top:0px;}
.comment_r{ height:220px; border:1px solid #e5e5e5;}
.comment_r .plk{ padding:5px 8px; height:130px;}
.comment_r .plk textarea {width:100%; height:100%; outline:none; border:none; background:url(../images/pl.png) center center no-repeat; color:#333; font-size:24px;}
.comment_r .plk textarea.rm{background:none;}
.comment_r .bottom{background:#f0f0f0; height:70px; overflow:hidden;}
.comment_r .bottom a{ font-size:24px; color:#fff; background:#1ea2ff; width:125px; height:70px; line-height:70px; float:right; display:inline-block; text-align:center;}

.pl_list{ margin-top:30px; overflow:hidden; height:auto;}
.pl_list ul li{ height:auto; padding:15px 0 15px 95px; position:relative; border-top:1px dashed #e5e5e5; margin-top:-1px; overflow:hidden;}
.pl_list ul li .tx{ width:80px; height:80px; /*border:1px solid #e5e5e5;*/ position:absolute; left:0px; top:15px;}
.comment .tx img,.pl_list ul li .tx img{width:100%; height:100%; border-radius: 100px;}

.pl_list ul li .tit{ font-size:18px; color:#999;line-height:32px;}
.pl_list ul li .tit span{font-size:24px; color:#333;}
.pl_list ul li .tit em{float:right;}
.pl_list ul li .txt{font-size:20px; color:#666; margin-top:10px; line-height:30px; overflow:hidden;}

.pl_box .ckgd{ height:38px; line-height:38px; margin:10px auto 20px; background:#e6e6e6; text-align:center; color:#333; font-size:16px; display:block; overflow:hidden;}


@media screen and (max-width:600px){
	.pl_box{ padding: 0 10px;}
	.pl_box .title{font-size:20px; height:28px; line-height:28px;}
	.pl_box .title span {font-size: 14px;color: #999;}
	.comment{height: 152px; padding:0 0 0 113px;}
	.comment .tx{width:100px; height:100px;}
	.comment_r .plk textarea { background:url(../images/pl_s.png) center center no-repeat;  font-size:20px;}
	.comment_r{height:150px;}
	.comment_r .plk{height:95px;}
	.comment_r .bottom{height:45px;}
	.comment_r .bottom a{font-size:16px; height:45px; line-height:45px; width:95px;}
	.pl_list{margin-top:20px;}
	
	.pl_list ul li .tx {width: 70px;height: 70px;}
	.pl_list ul li{padding-left:80px;}
	.pl_list ul li .tit {font-size:13px;line-height:24px;}
	.pl_list ul li .tit span {font-size: 20px;}
	.pl_list ul li .txt {font-size: 15px;}
	
	/**/
	.wfbox .ptitle{ line-height:46px; font-size:18px;}
	.wfbox .ptxt{ font-size:16px; line-height:28px; padding:10px 4%;}
	
}
/* MoBan5原创源码，官网：www==m-o-b-a-n-5==cn */
@media screen and (max-width:480px){
	
	.pl_box{ padding: 0 10px;}
	.comment{height: 142px; padding: 0 0 0 102px;}
	.comment .tx{width:90px; height:90px;}
	.comment_r .plk textarea {font-size:16px;}
	.comment_r{height: 140px;}
	.comment_r .plk{height: 90px;}
	.comment_r .bottom{height: 40px;}
	.comment_r .bottom a{font-size: 15px; height: 40px; line-height: 40px; width: 85px;}
    .pl_list{margin-top:15px;}
	.pl_list ul li .tx {width: 60px;height: 60px;}
	.pl_list ul li{padding-left: 75px;}
	.pl_list ul li .tit {font-size: 16px;}
	.pl_list ul li .tit span {font-size: 18px;}
	.pl_list ul li .txt {font-size: 15px;line-height: 25px;}
	
}

@media screen and (max-width:420px){
	
	.pl_box{ padding: 0 10px;}
	.pl_box .title span {font-size: 18px;color: #999;}
	.comment{height:120px; padding: 0 0 0 71px;}
	.comment .tx{width:60px; height:60px;}
	.comment_r .plk textarea {font-size:13px;}
	.comment_r{height:118px;}
	.comment_r .plk{height:73px;}
	.comment_r .bottom{height: 35px;}
	.comment_r .bottom a{font-size: 14px; height: 35px; line-height: 35px; width: 70px;}
	.pl_list{margin-top:10px;}
	.pl_list ul li .tx {width: 45px;height: 45px;}
	.pl_list ul li{padding-left: 56px;}
	.pl_list ul li .tit {font-size: 12px;line-height:21px;}
	.pl_list ul li .tit span {font-size: 16px;}
	.pl_list ul li .txt {font-size: 12px;line-height: 23px;}
	.pl_box .ckgd{height:36px; line-height:36px; font-size:15px;}


}
@media screen and (max-width:321px){
	
}



/*** @description: 变量; @Author: ray; @create date: 2016-12-20;
***/
/*** @Author:ray; @create date:2016-01-06
***/
.icon { display: inline-block; background-repeat: no-repeat; background-size: 100% 100%; }
.icon-close { width: 0.9rem; height: 0.9rem; background-image: url(../images/close.png); position: absolute; top: 100%; left: 50%; margin: 0.2rem 0 0 -0.45rem; }
.icon-warn { width: 0.32rem; height: 0.32rem; background-image: url(../images/warn.png); }
.icon-eye, .icon-eye-open, .icon-eye-close { width: 0.42rem; height: 0.28rem; }
.icon-eye { background-image: url(../images/eye.png); }
.icon-eye-open { background-image: url(../images/eye-open.png); }
.icon-eye-close { background-image: url(../images/eye-close.png); }

/*** @description: 表单样式; @Author: ray; @create date: 2016-08-09;
***/
.form-group { margin-bottom: 0.4rem; }

.form-input, .form-select, .form-textarea { line-height: 1.42857143; color: #666; font-size: 0.28rem; border: 1px solid #d0d0d0; border-radius: 0.08rem; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: box-shadow 0.3s, border-color 0.3s; -o-transition: box-shadow 0.3s, border-color 0.3s; -webkit-transition: box-shadow 0.3s, border-color 0.3s; transition: box-shadow 0.3s, border-color 0.3s; }
.form-input:focus, .form-select:focus, .form-textarea:focus { -moz-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.075); -webkit-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.075); box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.075); }

.form-input { padding: 0.37rem 0.3rem; display: inline-block; }
.form-input[readonly] { background-color: #eee; }

.ui-form { width: 5.7rem; margin: 0 auto; }
.ui-form input, .ui-form select, .ui-form button, .ui-form textarea { font-family: inherit; outline: 0; margin: 0; }
.ui-form .form-group { margin-bottom: 0.4rem; position: relative; }
.ui-form .form-select, .ui-form .form-input, .ui-form .btn-submit { width: 100%; }
.ui-form .btn-submit { padding: 0.27rem 0; font-size: 0.3rem; border-radius: 0.5rem; -webkit-tap-highlight-color: transparent; }
.ui-form .form-error { height: 0.4rem; color: #FF6029; font-size: 0.28rem; margin-top: -0.1rem; margin-bottom: -0.1rem; text-align: center; }
.ui-form .form-input-password { text-transform: lowercase; }
.ui-form .form-input-label { position: absolute; top: 50%; left: 0.31rem; font-size: 0.28rem; line-height: 0.8rem; margin-top: -0.4rem; background: #FFF; color: #FFF; white-space: nowrap; visibility: hidden; text-transform: lowercase; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }
.ui-form .form-input-label i { display: inline-block; vertical-align: top; width: 0.165rem; line-height: 0.88rem; }
.ui-form .form-input-label span { position: absolute; left: 0; right: 0; top: 0; bottom: 0; color: #666; }
.ui-form .form-input-identity { text-transform: lowercase; }
.ui-form .icon-warn { vertical-align: -3px; margin-right: 10px; }
.ui-form .icon-eye, .ui-form .icon-eye-open, .ui-form .icon-eye-close { position: absolute; top: 50%; right: 0.15rem; border: 0.2rem solid #FFF; margin-top: -0.35rem; cursor: pointer; }
.ui-form .icon-eye-open, .ui-form .icon-eye-close { cursor: pointer; }
.ui-form .icon-eye-open + .form-input-label { visibility: visible; }

/*** @description: 按钮样式; @Author: ray; @create date: 2016-08-09;
***/
/*按钮样式*/
.btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; background-color: #FFF; color: #333; border: 1px solid #E9E9E9; border-radius: 4px; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; -moz-transition: background-color 0.2s, color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, color 0.2s, border-color 0.2s; -webkit-transition: background-color 0.2s, color 0.2s, border-color 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s; }

.btn:active { background-image: none; outline: 0; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn[disabled] { cursor: default; }

.btn-lg { font-size: 20px; padding: 10px 29px; }

.btn-block { padding-left: 0; padding-right: 0; width: 100%; }

.btn-red { background-color: #ff392b; border-color: #ff392b; color: #FFF; }
.btn-red:hover { background-color: #fc4a3d; border-color: #ff392b; }

.btn-red-border { background-color: #FFF; border-color: #ff392b; color: #ff392b; }
.btn-red-border:hover { background-color: #FFF; border-color: #ff392b; }

.btn-blue { background-color: #4e9dff; border-color: #4e9dff; color: #FFF; }
.btn-blue:hover { background-color: #2e8bff; border-color: #4e9dff; }

input::-webkit-input-placeholder { color: #d0d0d0; }

input::-moz-placeholder { color: #d0d0d0; opacity: 1; }

input:-ms-input-placeholder { color: #d0d0d0; }

html, body { height: 100%; }

.page-identity { min-height: 100%; background: #FFF; }
.page-identity .btn-white { border: 0; color: #666; }
.page-identity .btn-white:active { box-shadow: none; }

.page-identity .title { font-size: 0.32rem; font-weight: bold; height: 1rem; line-height: 1rem; background: #4e9dff; color: #FFF; text-align: center; }

.page-identity-banner { padding-bottom: 56.66%; background: url(../images/identity-banner.png) no-repeat; background-size: 100% 100%; }

.identity-popup, .identity-popup-cover { position: fixed; top: 0; bottom: 0; left: 0; right: 0; }

.identity-popup-cover { background: rgba(0, 0, 0, 0.3); z-index:1000; }

.identity-popup { z-index: 1001; left: 0.55rem; right: 0.55rem; height: 8.5rem; background: #FFF; margin: auto; max-width: 640px; -moz-transform: translateY(-0.3rem); -ms-transform: translateY(-0.3rem); -webkit-transform: translateY(-0.3rem); transform: translateY(-0.3rem); }
.identity-popup .sign-banner { height: 2.1rem; text-align: center; position: relative; background: url(../images/sign-banner.png) no-repeat center center; background-size: 100%; color: #FFF; }
.identity-popup .sign-banner dt { font-size: 0.3rem; font-weight: bold; padding: 0.65rem 0 0.3rem; }
.identity-popup .sign-banner dd { font-size: 0.24rem; }
.identity-popup .close { position: absolute; top: 100%; left: 50%; line-height: 0; padding: 6px; -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.identity-form { padding-top: 0.6rem; }

/*# sourceMappingURL=identity.css.map */