@charset "utf-8";.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.fl{float:left}
.fr{float:right}
.rate_3half,.rate_4,.rate_4half,.rate_5{background:url(../images/cr-new-sprite.png) no-repeat -131px -211px;width:120px;height:20px;float:right;margin:0 10px 0 0}
.rate_4half{background-position:-131px -234px}
.rate_4{background-position:-131px -257px}
.rate_3half{background-position:-131px -281px}
.self-header{background: #86099c;padding:20px 0 20px}
.self-nav{border:none!important;background-color: #087892!important;font-size:20px}
.self-nav a{border:#087892 solid 2px;color:#f9f0f0!important}
.self-nav a:hover{border:#FF0088 solid 1px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#FF0088!important;color:#FFF!important}
.marginLeft{margin-left:100px}
.self-desc p{color:#333;font-size:16px}
.self-rank{background-color:#12a9cc; left top no-repeat;height:42px;line-height:42px;padding-left:35px;font-size:22px;font-weight:700;margin:10px 0 10px -16px;display:inline-block;color:#bd0742;border-radius:0 25px 0 0;-webkit-border-radius:0 25px 0 0;-moz-border-radius:0 25px 0 0}
.slef-content{box-shadow:0 0 5px 0 rgba(50,50,50,.75);padding:10px 5px;margin-bottom:10px}
.self-article p{line-height:26px;font-size:16px}
.self-img{float:left}
.self-img img{margin:0 10px 10px}
.self-grade{text-align:right;margin-top:-25px}
.self-grade strong{margin-left:10px}
.self-btn{text-align:center;margin-top:10px}
.self-btn a{width:40%}
.self-footer{ background: #077e9a; margin-top:30px;border-top:#0099CC solid 3px;}
.self-copyright{text-align:center;margin:10px 0 5px}
.self-footNav{margin-bottom:20px}
.self-footNav a, .self-footNav a:hover{font-size:14px;text-decoration:none;}
.carousel{height:auto;margin-bottom:30px}
.carousel .item{height:auto}
.carousel img{min-height:180px}
.carousel-caption p{font-size:16px;line-height:1.4}
.carousel-caption h3{color: #FFFF00}
.advice-content{border:green solid 1px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:0 0 5px 0 rgba(50,50,50,.75);margin-bottom:20px}
.adive-content-lit{margin:5px 0}
.self-totalGrade{margin-bottom:10px}
.self-listHead img{width:100%}
.self-listGrade{width:100%;margin-top:10px}
.self-listVerdict{margin-top:10px;text-indent:20px}
.self-listBtn{text-align:center}
.slef-listUl{margin-top:10px}
.slef-listUl li{list-style-type:none}
.rating{background:url(../images/rating.png) no-repeat scroll left bottom transparent;border-radius:5px;height:15px}
.self-listRank{margin-bottom:10px;line-height:18px}
.star_4_5{background-position:left -136px!important}
.star_4{background-position:left -121px!important}
.star_3_5{background-position:left -107px!important}
.star_3{background-position:left -92px!important}
.star_2_5{background-position:left -77px!important}
.star_2{background-position:left -62px!important}
.star_1_5{background-position:left -47px!important}
.star_1{background-position:left -32px!important}
.star_0_5{background-position:left -17px!important}
.star_0{background-position:left top!important}
.self-panel-heading{background-color:#9209a2;border-radius:5px;color:#FFF;-moz-border-radius:5px;-webkit-border-radius:5px}
.list-group a{display:inline-block;border-bottom:#eee solid 1px;width:100%;padding:15px 30px;text-decoration:none!important}
.list-group a:after,.list-group a:hover{background-color:#DDAA00;color:#FFF;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.self-desc Article img{margin:0 10px 10px;width:300px;height:200px;text-align:left}
.fast-visit{width:95%;margin:5px auto;border:#16A085 solid 1px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.fast-visit td,.fast-visit th{height:34px;line-height:34px;text-align:center;border:#16A085 solid 1px}
.fast-visit a{padding:0!important}
.fast-visit a:after,.fast-visit a:hover{background-color:#DDAA00;color:#FFF;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}
.self-share{height:46px;line-height:46px}
.self-share a{display:inline;padding:0!important;margin:5px 10px}
.reviewLeft{border:#CCC solid 1px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#FFF}
.reviewLeft p{font-size:16px}
.reviewInfo{background-color:#EFEFEF;padding:10px;margin-bottom:5px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:#666 solid 1px}
.reviewInfoImg{float:left}
.reviewInfo table{float:left;margin-left:20px;font-size:16px}
.reviewInfo table span{width:90px;height:15px;display:inline-block;margin-left:20px;margin-top:3px}
.reviewInfoVisit{margin-top:10px}
.feature_list{border:#000 solid 1px;margin-left:25px; width:85%;}
.feature_list td{padding:5px}
.PC{display:inline-block!important}
.mobile{display:none!important}
.backStyle{ display:block; margin:15px; text-align:center; font-size:16px; text-decoration:none !important; color:#337ab7;}
.contactTable{ width:100%;}
.contactTable input,.contactTable textarea{ width:230px;}
.self-table{ width:90%; height:auto; margin:10px 0 10px -10px;}
.self-table td, .self-table th{ padding:5px 10px; text-align:center;}
/*content*/
.row a:hover{ text-decoration:none;}
.self-PostArticle h3{ margin-bottom:0; margin-top:5px;}
.self-ArticlePage h4, .self-ArticlePage h3{ font-weight:bold;}
.self-PostArticle small{ margin-bottom:5px; display:block;}
.self-hr{ margin:5px 0; border-color:#4B92BA;}
.self-readMore{ padding:7px 10px; background-color:#9209a2; float:right; margin:0px 10px; color:#FFF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.self-back{text-align:center; margin-bottom:20px; margin-top:15px; font-size:16px;}
.self-back a{ background-color:#9209a2; padding:7px 10px;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#FFF;}
@media screen and (max-width:414px){.logo img{display:block;height:auto;width:100%}
.self-grade{text-align:right;margin-top:0}
.self-img{width:50%;height:auto;margin:5px 20px 0 5px}
.self-desc h1{font-size:24px!important;text-align:center;line-height:36px}
.self-desc p{color:#333;font-size:16px;line-height:30px}
.self-article p{line-height:30px;font-size:16px}
.reviewInfoImg{text-align:center;float:none;margin-bottom:5px}
.feature_list{border:#000 solid 1px;margin-left:30px; width:90%;}
.feature_list td{padding:3px}
.self-table{margin:10px 0 10px 0px; width:100%; }
.PC{display:none!important}
.mobile{display:inline-block!important}
.contactTable input,.contactTable textarea{ width:200px;}
/*content*/
.self-ArticlePage img{ width:300px; height:auto;}
}
