﻿@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站内页样式
 * @author: ishang_pan
 * @update: ishang_pan (2020-06-16 09:25)
 */

/*common*/
.is-main{margin: 10px 0 20px;}

.m-location{padding: 10px; background: #f5f5f5;}
.m-location,.m-location a{font-size: 14px; color: #666;}
.m-location .iconfont{margin-right: 5px; color: #999;}

.g-tpselect li{float: left; margin: 3px 0; line-height: 24px;}
.g-tpselect li a{display: block; padding: 0 12px; font-size: 14px;}
.g-tpselect li.u-active a{background: #c90e24; color: #fff;}
.m-tppagin{margin-left: 80px;}

.u-wyft{margin-right: 20px; line-height: 30px; color: #c90e24;}
.u-wyft .iconfont{margin-right: 10px;}

.m-btpagin .m-pagination{display: inline-block;}

.m-tzdesc{padding: 10px 120px; border: 1px solid #ddd;}
.m-tzdesc li{line-height: 26px; margin: 5px 0; vertical-align: middle;}
.m-tzdesc li img{margin-right: 10px;}

/*list*/
.m-listbox .table{border-top: 1px solid #c90e24; border-bottom: 1px dashed #ddd;}
.m-listbox .table>thead>tr>th{border-bottom: none; font-weight: bold;}
.m-listbox .table>tbody>tr>td{border-top: 1px dashed #ddd; vertical-align: middle;}
.u-list1{width: 50%;}
.u-list2{width: 20%;}
.u-list3{width: 10%;}
.m-listbox tbody .u-list1 img{margin-right: 10px;}
.m-listbox tbody .u-list2,.m-listbox tbody .u-list3{font-size: 14px;}
.m-listbox tbody .u-list2 p{color: #999;}
.m-listbox tbody .u-list3 div{color: #0088df;}
.m-listbox tbody .u-list3 p{color: #c90e24;}

/*detail*/
.m-dttopbtn{padding: 8px 30px 8px 10px; border: 1px solid #ddd;}
.m-dttopbtn .u-golist,.m-dttopbtn li a{display: block; width: 70px; height: 28px; line-height: 28px; background: #c90e24; color: #fff; font-size: 14px; text-align: center;}
.m-dttopbtn li{float: left; margin-left: 10px;}

.m-ztboxs{border: 1px solid #ddd; background: #f0f0f0;}
.g-ztleft{padding: 2px 10px 10px;}
.u-tznums{padding: 15px 0; border-bottom: 1px solid #ddd;}
.u-tzuser{margin: 18px auto 10px; display: block; width: 120px; height: 120px;}
.m-userinfo{padding-left: 12px;}
.m-userinfo p{line-height: 1.8; font-size: 14px; color: #666;}

.m-ztright{min-height: 320px; background: #fff; border-left: 1px solid #ddd;}
.g-ztright{padding: 16px 15px 25px 20px;}
.g-ztright .u-tztitle{font-size: 18px; font-weight: bold;}
.g-ztright .u-tzdesc{padding: 7px 0; border-bottom: 1px dashed #ddd; font-size: 14px;}
.g-ztright .u-tzdesc .u-dzs span{margin: 0 8px;}
.g-ztright .u-tzdesc .u-ms{color: #c90e24;}

.m-tzdetail{line-height: 188%; overflow-x: auto; overflow-y: hidden;}
.m-tzdetail table{border-collapse: collapse;border:1px solid #333;}
.m-tzdetail table td,.m-tzdetail table th{border: 1px solid #333;}
.m-tzdetail img{max-width: 100%;}

.m-gtboxs{border: 1px solid #ddd; background: #f0f0f0;}
.m-gtboxs .m-ztright{min-height: 280px;}

.m-kshfbox{border: 1px solid #ddd;}
.m-kshfbox .u-tit{padding: 10px 20px; background: #f0f0f0; color: #c90e24; font-size: 16px;}
.m-kshfbox ul{margin: 15px 15px;}
.m-kshfbox li{position: relative; padding-left: 78px;}
.m-kshfbox li label{position: absolute; left: 0; top: 0; margin: 0; line-height: 40px; font-size: 16px; font-weight: normal;}
.m-kshfbox li label span{color: #c90e24;}
.m-kshfbox li .u-longtext{height: 40px; border-radius: 0;}
.m-kshfbox li .u-textarea{border-radius: 0;}
.m-kshfbox li .u-code{width: 245px; padding-right: 90px;}
.m-kshfbox li .u-codetext{height: 40px; border-radius: 0;} 
.m-kshfbox li .u-code img{position: absolute; right: 0; top: 0; display: block; width: 70px; height: 40px;}
.m-kshfbox .u-submit{width: 90px; height: 36px; border: none; cursor: pointer; background: #c90e24; color: #fff;}

/*zxts*/
.m-zxtsbox{height: 450px;}
.m-zxtsbox .table{border-bottom: 1px dashed #ddd;}
.m-zxtsbox .table>thead>tr>th{border-bottom: none; font-weight: bold;}
.m-zxtsbox .table>tbody>tr>td{border-top: 1px dashed #ddd; vertical-align: middle;}
.u-zxts1{width: 50%;}
.u-zxts2{width: 15%;}
.u-zxts3{width: 20%;}
.m-zxtsbox tbody .u-zxts1 img{margin-right: 10px;}
.m-zxtsbox tbody .u-zxts2,.m-zxtsbox tbody .u-zxts3{font-size: 14px;}
.m-zxtsbox tbody .u-zxts3 p{color: #999;}
.c-cl1{color: #ff7800;}
.c-cl2{color: #0088df;}

/*zxts-qxzf*/
.m-xqzfbox .m-titstyle1 li{float: left; margin: 0 20px;}
.m-xqzfbox .m-titstyle1 li span{color: #c90e24;}
.g-xqzfbox li{margin-bottom: 10px; line-height: 50px; text-align: center;}
.g-xqzfbox li a{display: block; padding: 0 6px; background: #ffedef; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.g-xqzfbox li .hover{background: #c90e24; color:#fff;}


.m-biglists .table{border-top: 1px solid #c90e24; border-bottom: 1px dashed #ddd;}
.m-biglists .table>thead>tr>th{border-bottom: none; font-weight: bold;}
.m-biglists .table>tbody>tr>td{border-top: 1px dashed #ddd; vertical-align: middle;}
.m-biglists tbody .u-bms3,.m-biglists tbody .u-bms4,.m-biglists tbody .u-bms5{font-size: 14px;}
.m-biglists tbody .u-bms3{color: #0081e5;}
.m-biglists tbody .u-bms4 p{color: #999;}
.m-biglists tbody .u-bms5 div{color: #0081e5;}
.m-biglists tbody .u-bms5 p{color: #c90e24;}
.m-biglists tbody .u-bmy{color: #f00;}
.m-biglists tbody .u-ybj{color: #4dab1f;}
.m-biglists tbody .u-dhf{color: #f00;}

.u-bms1,.u-bms4{width: 14%;}
.u-bms2{width: 30%;}
.u-bms3{width: 10%;}
.u-bms5{width: 8%;}

.m-bmgraup{height: 170px; overflow-y: auto; overflow-x: hidden;}

.m-pgftdesc{padding: 10px 22px; border: 1px solid #ddd;}
.m-pgftdesc p{font-size: 15px; line-height: 2; text-align: justify;}

.m-fbxtbox{border: 1px solid #ddd;}
.m-fbxtbox .u-tit{padding: 10px 20px; background: #f0f0f0; color: #c90e24; font-size: 16px;}
.m-fbxtbox ul{margin: 15px;}
.m-fbxtbox li{padding-left: 100px;}
.m-fbxtbox li label{position: absolute; top: 0; left: 0; width: 95px; text-align: right; margin: 0; line-height: 40px; font-weight: bold; font-size: 16px; font-weight: normal; color: #333;}
.m-fbxtbox li label span{color: #c90e24;}
.m-fbxtbox li select,.m-fbxtbox li .u-formtit{border-radius: 0; height: 40px; width: 390px;}

.u-filebox{line-height: 40px;}
.u-filebox .u-fileip{position: absolute; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; cursor: pointer;width: 80px;}
.u-filebox .btn{height: 40px; margin-right: 15px;}
.u-filebox span{color: #999;}
.u-filebox .u-formfile{color: #999;border: 0px solid #ccc;width: 90%;}

.m-fbxtbox li .u-textarea{border-radius: 0;}
.m-fbxtbox li .u-code{width: 245px; padding-right: 90px;}
.m-fbxtbox li .u-codetext{height: 40px; border-radius: 0;} 
.m-fbxtbox li .u-code img{position: absolute; right: 0; top: 0; display: block; width: 70px; height: 40px;}
.m-fbxtbox .u-submit{width: 90px; height: 36px; border: none; cursor: pointer; background: #c90e24; color: #fff;}

/*detail*/
.m-detailbox{padding: 20px 50px; border: 1px solid #ddd;}
.u-lgtit{padding: 10px 10px 15px; font-weight: bold; font-size: 30px; color: #c90e24; line-height: 1.5;}
.m-dtfuns{padding: 2px 13px 2px 0; border-bottom: 1px solid #ddd;}
.m-dtfuns,.m-dtfuns a{font-size: 14px; color: #5e5e5e;}
.u-wzinfo{padding: 8px 0;}
.u-wzinfo span{margin-left: 30px;}
.u-fontsize{padding: 8px 30px 8px 0;}
.u-fontsize a{margin: 0 4px;}
.m-dtfonts{padding: 20px 30px; min-height: 164px;}
.m-dttexts{font-size: 16px; line-height: 188%; overflow-x: auto; overflow-y: hidden;}
.m-dttexts p{margin-top: 15px;}
.m-dttexts table{border-collapse: collapse;border:1px solid #333;}
.m-dttexts table td,.m-dttexts table th{border: 1px solid #333;}
.m-dttexts img{max-width: 100%;}
.m-dtcode p{font-size: 12px; color: #999; text-align: center;}
.m-dtcode img{margin: 4px auto; display: block; width: 130px; height: 130px; padding: 4px; border: 1px solid #ddd;}
.m-btfuns{padding: 10px 0; border-bottom: 1px dashed #ddd;}
.m-btfuns li{float: left; margin: 0 15px 0 0; line-height: 28px;}
.m-btfuns li a{display: block; font-size: 13px; padding-left: 17px; background-image: url(../images/page/icon-detail.png); background-repeat: no-repeat;}
.m-btfuns li.u-comment a{background-position: 0 -28px;}
.m-btfuns li.u-error a{background-position: 0 -56px;}
.m-btfuns li.u-print a{background-position: 0 -84px;}
.m-btfuns li.u-close a{background-position: 0 -112px;}
.m-btfuns li.u-collect a{background-position: 0 -140px;}
.m-dtsxqh{padding: 15px 0;}
.m-dtsxqh li{max-width: 50%; line-height: 30px; background-image: url(../images/page/icon-detail.png); background-repeat: no-repeat; overflow:hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-dtsxqh .u-dtprev{padding-left: 30px; background-position: left -168px;}
.m-dtsxqh .u-dtnext{padding-right: 30px; background-position: right -198px;}
.m-dtxgxw h1{height: 46px; line-height: 46px; border-bottom: 1px solid #ddd; font-size: 20px; font-weight: bold; color: #a80808;}
.m-dtxgxw ul{margin-top: 12px;}
.m-dtdownload{padding: 0 0 15px 22px; background: url(../images/page/icon-detail.png) 0 -256px no-repeat;}
.m-dtdownload li{padding: 4px 0;}

.text_info{position: absolute; left: 50%;top: 50%; height: 30px; line-height: 30px; margin-top: -15px; margin-left: -120px; width: 265px; text-align: center;font-size:15px;}

.u-pingjia .manyi{vertical-align:top;}
.u-pingjia form{display:inline-block;}
.u-pingjia .please,.u-pingjia .discontent,{margin:0 10px;}
.u-pingjia .bottom{padding:3px 12px;margin-left:20px;border:0;background-color:red;color:#fff;display:block;margin-top:10px;}
.u-pingjia .text{display:block;border:1px solid #ccc;padding:2px 5px;margin: 10px 0;}
/*media query*/
/*large pcScreen*/
@media (min-width:1200px) {
	.m-ztleft{width: 190px;}
	.m-ztright{width: 1008px;}

}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
    .m-tzdesc{padding: 10px 30px;}

}
/*pad md*/
@media screen and (max-width: 991px ){
	.is-main{margin: 15px 0;}

	.m-dttopbtn{padding: 8px 10px;}

	.m-ztright{border: none;}
	.g-ztright{padding: 10px;}

	.m-gtboxs .m-ztright{min-height: auto;}

	.g-xqzfbox li{line-height: 32px;}

	.m-pgftdesc{padding: 12px 15px;}


}
/*phone sm*/
@media screen and (max-width: 767px) {
    .u-list1,.u-zxts1{width: 60%;}
	.u-list2{width: 40%;}

	.m-tzdesc{padding: 10px;}

	.u-zxts2{width: 20%;}

	.m-fbxtbox li select,.m-fbxtbox li .u-formtit{width: 100%;}
	.m-fbxtbox li .u-code{width: auto;}


}
/*small xs*/
@media screen and (max-width: 638px) {
    .m-kshfbox li .u-code{width: auto;}

}