.common-problems-container .common-problems-box{background-color: #fff; padding: 0 0 0 50px; overflow: hidden;}
.common-problems-container .common-problems-box .common-problems-mod{ float: left; width:849px; border-right:1px solid #f3f3f3; padding: 40px 0;}
.common-problems-container .common-problems-box .common-problems-mod .hd{ height: 50px;}
.common-problems-container .common-problems-box .common-problems-mod .hd a{ float: left; width:180px; height: 48px; line-height: 48px; text-align: center; display: inline-block; border: 1px solid #eaeaea; background-color: #efefef;}
.common-problems-container .common-problems-box .common-problems-mod .hd a.active{ background-color: #fff; color: #f54c18;}
.common-problems-container .common-problems-box .common-problems-mod .bd{ margin-top: 20px;}
.common-problems-container .common-problems-box .common-problems-mod .bd .list{ margin-bottom: 30px;}
.common-problems-container .common-problems-box .common-problems-mod .bd .list ul li{ border-bottom: 1px solid #f3f3f3; padding: 35px 0;}
.common-problems-container .common-problems-box .common-problems-mod .bd .list ul li.item .dt{ margin-bottom: 25px;}
.common-problems-container .common-problems-box .common-problems-mod .bd .list ul li.item .dt i{ display: inline-block; vertical-align: middle; margin:-4px 8px 0 0; width: 19px; height: 19px; background: url(../images/Problem/Problem1@icon.png);}
.common-problems-container .common-problems-box .common-problems-mod .bd .list ul li.item .dd{ padding: 0 0 0 30px; color: #999;}
.common-problems-container .common-problems-box .common-problems-mod .bd .list ul li.item .dd span{ float: left; margin-right: 40px;}
.common-problems-container .common-problems-box .common-problems-mod .bd .list ul li.item .dd span i.name{ display: inline-block; vertical-align: middle; margin: -6px 4px 0 0; width: 18px; height: 18px; border-radius: 50%;}
.common-problems-container .common-problems-box .common-problems-mod .bd .list ul li.item .dd span i.time{ display: inline-block; vertical-align: middle; margin: -4px 4px 0 0; width: 16px; height: 17px; background: url(../images/Problem/Problem3@icon.png);}
.common-problems-container .common-problems-box .common-problems-mod .bd .list ul li.item .dd span i.eye{ display: inline-block; vertical-align: middle; margin: -4px 4px 0 0; width: 23px; height: 17px; background: url(../images/Problem/Problem4@icon.png);}
.common-problems-container .common-problems-box .common-problems-mod .bd .list ul li.item .dd span i.like{ display: inline-block; vertical-align: middle; margin: -4px 4px 0 0; width: 18px; height: 17px; background: url(../images/Problem/Problem5@icon.png);}

.common-problems-container .common-problems-box .sidebar{ float: left; width: 380px; }
.common-problems-container .common-problems-box .sidebar .ask-question{ width: 300px; height: 188px; margin: 30px 40px 0; background: url(../images/Problem/Problem@bg.jpg);}
.common-problems-container .common-problems-box .sidebar .ask-question .item{ padding: 30px 30px;}
.common-problems-container .common-problems-box .sidebar .ask-question .item .nub{ background-color: #ff9900; color: #fff; border-radius: 10px; padding: 0 8px; margin: 0 2px;}
.common-problems-container .common-problems-box .sidebar .ask-question .item .operating{ margin: 30px 0 0 0;}
.common-problems-container .common-problems-box .sidebar .ask-question .item .operating button{ width: 116px; height: 38px; border: 0; background-color: #fff; border-radius: 20px;}
.common-problems-container .common-problems-box .sidebar .ask-question .item .operating button.tw-btn{ background-color: #f54c18; color: #fff; margin-right: 4px;}
.common-problems-container .common-problems-box .sidebar .ask-question .item .operating button.tw-btn i{ width: 17px; height: 16px; vertical-align: middle; margin:-3px 5px 0 0 ; display: inline-block; background: url(../images/Problem/Problem6@icon.png);}

.common-problems-container .common-problems-box .sidebar .hot-question{ margin: 35px 0 0 0;}
.common-problems-container .common-problems-box .sidebar .hot-question .hd{ padding-right: 40px; border-bottom: 1px solid #f3f3f3; padding-bottom: 12px;}
.common-problems-container .common-problems-box .sidebar .hot-question .hd i{ float: left; width: 4px; height: ;ght:22px; margin-top: 2px; background-color: #f54c18;}
.common-problems-container .common-problems-box .sidebar .hot-question .hd .more{ float: right; margin-top: 5px; color: #888;}
.common-problems-container .common-problems-box .sidebar .hot-question .hd .more:hover{ color: #f54c18}
.common-problems-container .common-problems-box .sidebar .hot-question .hd h3{ margin-left: 36px;}
.common-problems-container .common-problems-box .sidebar .hot-question .bd{ padding: 0 0 0 40px;}
.common-problems-container .common-problems-box .sidebar .hot-question .bd{ border-bottom: 1px solid #f3f3f3;}
.common-problems-container .common-problems-box .sidebar .hot-question .bd .list li{ padding: 24px 40px 24px 0; border-bottom: 1px solid #f3f3f3;}
.common-problems-container .common-problems-box .sidebar .hot-question .bd .list li:last-child{ border-bottom: 0;}
.common-problems-container .common-problems-box .sidebar .hot-question .bd .list li .head{ float: left; width: 38px; margin: 0 15px 0 0;}
.common-problems-container .common-problems-box .sidebar .hot-question .bd .list li .head .show{ overflow: hidden; width: 34px; height: 34px; border-radius: 50%;}
.common-problems-container .common-problems-box .sidebar .hot-question .bd .list li .head .name{ color: #888;}
.common-problems-container .common-problems-box .sidebar .hot-question .bd .list li .info .dt{ display: block; margin-bottom: 8px; margin-top: 4px; }
.common-problems-container .common-problems-box .sidebar .hot-question .bd .list li .info .use dd{ float: left; padding: 0 15px; color: #888; margin: 0 5px 0 0; border: 1px solid #e6e6e6; border-radius: 10px;}
.common-problems-container .common-problems-box .sidebar .hot-question .bd .list li .info .use dd.awesome{ color: #fd6a3c; border: 1px solid #fd6a3c;}

.common-problems-container .common-problems-box .sidebar .craft-show{ margin: 35px 0;}
.common-problems-container .common-problems-box .sidebar .craft-show .hd{ padding-right: 40px; border-bottom: 1px solid #f3f3f3; padding-bottom: 12px;}
.common-problems-container .common-problems-box .sidebar .craft-show .hd i{ float: left; width: 4px; height:22px; margin-top: 2px; background-color: #f54c18;}
.common-problems-container .common-problems-box .sidebar .craft-show .hd .more{ float : right; margin-top: 5px; color: #888;}
.common-problems-container .common-problems-box .sidebar .craft-show .hd .more:hover{ color: #f54c18}
.common-problems-container .common-problems-box .sidebar .craft-show .hd h3{ margin-left: 36px;}
.common-problems-container .common-problems-box .sidebar .craft-show .bd{ padding:0 40px; height:ing-right: 40px; border-bottom: 1px solid #f3f3f3; padding-top: 15px; padding-bottom: 25px;}
.common-problems-container .common-problems-box .common-problems-detail .ask-question .hd{ position: relative;  padding-right: 40px;  border-bottom: 1px solid #f3f3f3; padding-top: 40px; padding-bottom: 25px; }
.common-problems-container .common-problems-box .common-problems-detail .ask-question .hd h3{ font-size: 24px;  margin-bottom: 0;}
.common-problems-container .common-problems-box .sidebar .craft-show .bd .list{ overflow: hidden; }
.common-problems-container .common-problems-box .sidebar .craft-show .bd .list li{ float: left; width: 99px; text-align: center; padding: 20px 0;}
.common-problems-container .common-problems-box .sidebar .craft-show .bd .list li.spacer{ border-right:1px dashed #ededed ; border-bottom:1px dashed #ededed ;}
.common-problems-container .common-problems-box .sidebar .craft-show .bd .list li.spacer2{ border-right:1px dashed #fff ;border-bottom:1px dashed #ededed ;}

.common-problems-container .common-problems-box .common-problems-detail{ float: left; width:849px; border-right:1px solid #f3f3f3; padding: 40px 0;}
.common-problems-container .common-problems-box .common-problems-detail .ask-question .hd h3{ font-size: 24px; margin-bottom: 0;}
.common-problems-container .common-problems-box .common-problems-detail .ask-question .hd .return{ position: absolute; top: -10px; right: 0; background-color: #f2f2f2; color: #666; width: 80px; text-align: center; padding: 0 15px; height: 30px; line-height: 30px; border-bottom-left-radius: 15px; border-top-left-radius: 15px;}
.common-problems-container .common-problems-box .common-problems-detail .ask-question .hd .return:hover{ background-color: #ddd; color: #333;}
.common-problems-container .common-problems-box .common-problems-detail .ask-question .hd .dd{ overflow: hidden; color: #999; margin-top: 30px;}
.common-problems-container .common-problems-box .common-problems-detail .ask-question .hd .dd span{ float: left; margin-right: 40px;}
.common-problems-container .common-problems-box .common-problems-detail .ask-question .hd .dd span i.name{ display: inline-block; vertical-align: middle; margin: -6px 2px 0 0; width: 18px; height: 18px; border-radius: 50%;}
.common-problems-container .common-problems-box .common-problems-detail .ask-question .hd .dd span i.time{ display: inline-block; vertical-align: middle; margin: -4px 4px 0 0; width: 16px; height: 17px; background: url(../images/Problem/Problem3@icon.png);}
.common-problems-container .common-problems-box .common-problems-detail .ask-question .hd .dd span i.eye{ display: inline-block; vertical-align: middle; margin: -4px 4px 0 0; width: 23px; height: 17px; background: url(../images/Problem/Problem4@icon.png);}
.common-problems-container .common-problems-box .common-problems-detail .ask-question .hd .dd span i.like{ display: inline-block; vertical-align: middle; margin: -4px 4px 0 0; width: 18px; height: 17px; background: url(../images/Problem/Problem5@icon.png);}
.common-problems-container .common-problems-box .common-problems-detail .ask-question .bd{ margin: 50px 0 0 0; }
.common-problems-container .common-problems-box .common-problems-detail .ask-question .bd .head .show{ display: inline-block;vertical-align: middle; width: 40px; height: 40px; margin: 0 5px 0 0;}
.common-problems-container .common-problems-box .common-problems-detail .ask-question .bd .head .info{ display: inline-block;vertical-align: middle;}
.common-problems-container .common-problems-box .common-problems-detail .ask-question .bd .txt{ padding: 15px 55px 0 48px; font-size: 16px;}
.common-problems-container .common-problems-box .common-problems-detail .ask-question .bd .but{display:block;width:180px;height:40px;margin-top:35px;cursor:pointer;font-size:16px;line-height:42px;border:1px solid #ff6a00;text-align:center;background-color:#ff6a00;color:#fff;border-radius:100px;box-shadow:0 4px 6px rgba(0,0,0,.1)}
.common-problems-container .common-problems-box .common-problems-detail .ask-question .imgshow{ margin-top: 20px;}
.common-problems-container .common-problems-box .common-problems-detail .ask-question .imgshow ul li{ float: left; width: 80px; height: 60px; margin: 0 6px 0 0; cursor: pointer;}

.common-problems-container .common-problems-box .common-problems-detail .help{ border-bottom: 1px solid #f3f3f3; border-top: 1px solid #f3f3f3; margin-top: 60px; padding: 25px 0;}
.common-problems-container .common-problems-box .common-problems-detail .help a{ width: 120px; height: 40px; line-height: 40px; font-size: 16px; border-radius: 50px; margin: 0 5px; text-align-last: center; display: inline-block; background-color: #ddddde;}
.common-problems-container .common-problems-box .common-problems-detail .help a.yes{ background-color: #ff6a00; color: #fff}

.common-problems-container .common-problems-box .common-problems-detail .me-like{ margin-top: 80px; }
.common-problems-container .common-problems-box .common-problems-detail .me-like .hd{ padding: 0 40px 0 0 ; border-bottom: 1px solid #f3f3f3; padding-bottom: 20px;}
.common-problems-container .common-problems-box .common-problems-detail .me-like .hd .more{ float: right; margin: 5px 0 0 0; color: #888;}
.common-problems-container .common-problems-box .common-problems-detail .me-like .hd i{ display: inline-block; vertical-align: middle; margin-top: -10px; margin-right: 10px; width: 25px; height: 33px; background: url(../images/Problem/Problem7@icon.png);}

.common-problems-container .common-problems-box .common-problems-detail .me-like .bd{ padding-right: 40px; background-color: #fff;}
.common-problems-container .common-problems-box .common-problems-detail .me-like .bd .list ul li{ overflow: hidden; padding: 25px 0; border-top: 1px solid #f3f3f3;}
.common-problems-container .common-problems-box .common-problems-detail .me-like .bd .list ul li:hover a{ color: #f54c18;}
.common-problems-container .common-problems-box .common-problems-detail .me-like .bd .list ul li .ms{ margin: 10px 0 18px; }
.common-problems-container .common-problems-box .common-problems-detail .me-like .bd .list ul li h3{ overflow: hidden; font-size: 16px; max-height: 45px;}
.common-problems-container .common-problems-box .common-problems-detail .me-like .bd .list ul li:first-child {
	border-top: none;
}

.common-problems-container .common-problems-box .common-problems-detail .me-like .bd .list .picture {
	float: left;
	margin-right: 20px;
	width: 164px;
	height: 110px;
	overflow: hidden;
}

.common-problems-container .common-problems-box .common-problems-detail .me-like .bd .list a.picture {
	display: block;
	position: relative;
	
}

.common-problems-container .common-problems-box .common-problems-detail .me-like .bd .list a.picture img{
	width: 100%;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.common-problems-container .common-problems-box .common-problems-detail .me-like .bd .list a.picture:hover img{
	transform: scale(1.08,1.08);
}

/*提问弹框*/
.ask-question-up{ display: none; position:fixed; left:50%; top: 50%; z-index: 999; margin-left: -350px; border-radius: 6px; margin-top: -280px; width: 695px; height: 545px; background-color: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.ask-question-up .box{ padding: 30px 38px;}
.ask-question-up .box .hd{ margin-bottom: 20px;}
.ask-question-up .box .hd h3{ display: inline-block; vertical-align: middle; font-size: 20px; font-weight: bold;}
.ask-question-up .box .hd i{ display: inline-block; vertical-align: middle; margin:0 5px 0 0 ; width: 24px; height: 24px; background: url(../images/Problem/Problem8@icon.png);}
.ask-question-up .box .bd{ border: 1px solid #ddd; padding: 20px;}
.ask-question-up .box .bd .txt{ border: 0; width: 100%; height: 160px; resize:none; font-size: 14px;}
.ask-question-up .box .bd .txt:focus{-webkit-box-shadow: none; box-shadow: none; }

.ask-question-up .box .bd .mod{ overflow:hidden; border-top:1px solid #ddd; padding: 28px 0 10px;}
.ask-question-up .box .bd .mod .list{ overflow: hidden;}
.ask-question-up .box .bd .mod .list li{ width: 67px; height: 67px;  float: left; margin-right: 18px;}
.ask-question-up .box .bd .mod .list li .item{ overflow: hidden; width: 67px; height: 67px; border-radius: 4px;}

.ask-question-up .box .bd .mod .list li .item.add-video{ background: url(../images/Problem/Problem10@icon.png) no-repeat; }
.ask-question-up .box .bd .mod .list li .item .file{ width: 67px; height: 67px; opacity: 0; cursor: pointer; }

.ask-question-up .box .bd .mod .list li .item.p-img{ overflow: hidden; position: relative;}
.ask-question-up .box .bd .mod .list li .item.p-img .oper-hide{position: absolute; right: 0; top: 0; z-index: 10;}
.ask-question-up .box .bd .mod .list li .item.p-img .oper-hide span.fd-btn{ float: left; width: 16px; height: 16px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; cursor: pointer; background: url(../images/Problem/fd@ico.png) center #f94e10;}
.ask-question-up .box .bd .mod .list li .item.p-img .oper-hide span.del-btn{ float: left; width: 16px; height: 16px;border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; cursor: pointer; margin-left: 2px; background: url(../images/Problem/del@icon.png) center #f94e10;}
.ask-question-up .box .bd .mod .list li .item.p-img .oper-hide span.del-btn:hover{ background-color: #e8480e; }
.ask-question-up .box .bd .mod .list li .item.p-img .oper-hide span.fd-btn:hover{ background-color: #e8480e; }
.ask-question-up .box .bd .mod .upload-btn{ margin-top: 30px;}
.ask-question-up .box .bd .mod .upload-btn button{ width: 80px; height: 28px; border: 1px solid #ccc; margin-right: 20px;}
.ask-question-up .box .bd .mod .remarks{ margin-top: 10px; color: #999;}

.ask-question-up .box .operating{ text-align: right; margin-top: 28px;}
.ask-question-up .box .operating label{ cursor: pointer;}
.ask-question-up .box .operating label input{ display: inline-block; vertical-align: middle; margin-top: -2px; width: 14px; height: 14px; border: 1px solid #cacaca;}
.ask-question-up .box .operating button{ margin-left: 20px; width: 110px; height: 36px; font-size: 16px; border-radius: 3px; background-color: #f54a16; border: 0; color: #fff;}

.ask-question-up .box .close {
    position: absolute;
    right: 30px;
    top: 22px;
    width: 29px;
    height: 29px;
    font-size: 24px;
    font-family: arial;
    cursor: pointer;
    user-select: none;
    background-color: #cacaca;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 29px;
}