@charset "utf-8";
/*detail*/
.u-lgtit{padding: 10px 10px 12px; font-weight: bold; font-size: 32px; line-height: 46px;}
.m-dtfuns{padding: 7px 20px 7px 25px; height: 28px; line-height: 28px; font-size: 14px; border-bottom: 1px solid #ddd;}
.u-wzinfo span{margin-right: 15px; color: #999;}
.u-fontsize{margin-right: 20px;}
.u-fontsize,.u-fontsize a{color: #444;}
.u-fontsize a{margin: 0 2px;}
.m-dtfonts{padding: 20px 0;}
.m-dttext{font-size: 16px; line-height: 188%; min-height: 164px;}
.m-dttext table{border-collapse: collapse;border:1px solid #333;}
.m-dttext table td,.m-dttext table th{border: 1px solid #333;}
.m-dttext img{max-width: 100%;}
.m-dtcode p{font-size: 12px; color: #999; text-align: center;}
.m-dtcode img{margin: 4px auto; display: block; width: 120px; height: 120px; padding: 4px; border: 1px solid #ddd;}
.m-dbtfuns{height: 38px; border-bottom: 1px solid #ddd;}
.m-dbtfuns li{float: left; margin-right: 19px; line-height: 38px;}
.m-dbtfuns li a{display: block; padding-left: 19px; background-image: url(../images/page/icon-detail.png); background-repeat: no-repeat; font-size: 13px;}
.m-dbtfuns li.u-print a{background-position: 0 -38px;}
.m-dbtfuns li.u-close a{background-position: 0 -76px;}
.m-dtxgxw{padding: 8px 0 15px;}
.m-dtxgxw h1{height: 44px; line-height: 44px; color: #393; font-weight: bold; font-size: 20px;}
.m-dtdownload{padding: 0 0 15px 22px; background: url(../images/page/icon-detail) 0 -114px no-repeat;}
.m-dtdownload li{line-height: 30px;}
.m-dtvideo{margin-bottom: 10px; width: 700px; height: 400px;}
.m-dtpics{margin: 0 auto 10px; width: 740px; height: 455px;}
/*survey*/
.m-dcfuns{padding: 7px 20px 7px 25px; height: 28px; line-height: 28px; font-size: 14px; border-bottom: 1px solid #ddd;}
.u-dctime span{margin-right: 65px; color: #999;}
.u-dctime span i{color: #cd0000; font-style: normal;}
.g-survey{margin-bottom: 15px; padding: 15px; border: 1px solid #ddd;}
.g-survey .u-tit{line-height: 24px;}
.u-radio,.u-checkbox,.u-textarea{margin-top: 10px;}
.u-radio label,.u-checkbox label{display: inline-block; max-width: 100%; min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer;}
.u-radio label input,.u-checkbox label input{position: absolute; margin: 4px 0 0 -20px;}
.u-textarea textarea{padding: 5px; width: 1038px; border: 1px solid #ddd;}
.m-mlcode label.u-tit{float: left; display: block; width: 90px; height: 38px; line-height: 38px; text-align: right;}
.m-mlcode label.u-tit span{color: #f00;}
.m-dcjsbd{padding: 14px; background: #f5f5f5;}
.m-dcjsbd span{color: #393;}
.m-dcjsbd a{display: inline-block; width: 128px; height: 42px; line-height: 42px; background: #393; color: #fff; -moz-border-radius: 6px; border-radius: 6px;}
.u-dcjgtit{margin: 1px 0 2px; padding: 10px; background: #f5f5f5; font-size: 14px;}
.g-dczjjg{margin-top: 15px; padding: 15px 15px 0; border: 1px solid #ddd;}
.g-dczjjg h1{font-weight: bold; font-size: 16px; margin-bottom: 10px; line-height: 24px;}
.u-dcname,.m-progress{width: 516px; line-height: 24px;}
.u-progress{width: 50%; height: 14px; background: #f5f5f5; padding: 5px; overflow: visible; -moz-border-radius: 20px; border-radius: 20px;}
.progressbar{float: left; height: 100%; -moz-border-radius: 20px; border-radius: 20px; position: relative; -webkit-animation: animate-positive 2s; -moz-animation: animate-positive 2s; animation: animate-positive 2s; background: #393;}
@-webkit-keyframes animate-positive{
  0% {width: 0;}
}
@-moz-keyframes animate-positive{
  0% {width: 0;}
}
@keyframes animate-positive{
  0% {width: 0;}
}
.f-tac {
    text-align: center;
}
.m-mlcode{padding: 11px 0;}
.m-mlcode input{float: left; padding: 0 10px; width: 158px; height: 36px; line-height: 36px; border: 1px solid #ddd; font-size: 14px;}
.m-mlcode img{float: left; display: block; width: 120px; height: 38px; margin: 0 10px;}
.m-mlcode span.u-qh{font-size: 12px; line-height: 60px; height: 38px; display: block; float: left; cursor: pointer;}
.m-mltjcz{padding: 30px 0 50px;}
.m-mltjcz input{margin: 0 16px; width: 124px; height: 44px; line-height: 44px; border: none; font-size: 18px; -moz-border-radius: 6px; border-radius: 6px; background: #ebebeb; color: #999; cursor: pointer;}
.m-mltjcz input.u-sub{background: #393; color: #fff;}
@media (max-width: 768px) {
	.m-dcfuns{height:auto;}
  .u-dctime span{display: block !important;}
  .u-dcname, .m-progress{width: 80% !important;}
}