.tp_title { font-size: 30px; text-align: center; color: #1d70b9; font-weight: bold; margin: 1em 0; } .edit_con_original { line-height: 1.8; } .w_tp_title { font-size: 30px; font-weight: bold; } .w_tp_title .tips{ margin-left: 1em; font-size: 0.7em; } .w_tp_title { padding: 5px 0; border-top: 2px solid #1d70b9; display: inline-block; color: #1d70b9; } .tp_table { border-top: 1px solid #1d70b9; margin-top: 20px; } .tp_lw { overflow: hidden; margin: 30px 0; line-height: 1.8; } .tp_lw .left { float: left; width: 70px; margin-top: 5px; } .tp_lw .left * { display: inline-block; vertical-align: bottom; } .tp_lw .right { float: left; width: calc(100% - 70px); } .tp_lw em { margin-left: 1em; line-height: 1; } .tp_lw .left input[type="checkbox"]:checked+em { color: #1d70b9; } .tp_lw ._title { font-size: 24px; font-weight: bold; } .tp_lw .botany { display: inline-block; font-weight: initial; font-size: 16px; color: #666; font-style: italic; margin-left: 2em; } .tp_lw .button { float: right; height: 30px; line-height: 30px; margin: 0 0 5px; text-align: center; font-size: 14px; background: url(/images/ljbg_big.png) no-repeat center center; background-size: 100% 100%; position: relative; color: #fff; padding: 0px 14px; border-radius: 3px; cursor: pointer; } .tp_lw .info, .tp_lw .info a { font-size: 14px; color: #555; } .tp_lw .right .info { padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px solid #cfcfcf; } .other li { display: inline-block; line-height: 1; color: #888; margin-right: 1em; font-size: 14px; } .model { position: fixed; overflow: hidden; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); z-index: 99; display: none; } .model .box { position: absolute; left: 50%; top: 50%; width: 600px; height: 500px; transform: translate(-50%, -50%); background: #fff; padding: 50px; box-sizing: border-box; max-width: 90%; max-height: 90%; overflow: auto; } .model .box ul li { padding-bottom: 0.8em; } .model .box ul li+li { border-top: 1px solid #ccc; padding-top: 0.8em; } .model .box ul ._title { font-size: 24px; vertical-align: bottom; margin-left: 10px; font-weight: bold; } .model .box ul li * { display: inline-block; vertical-align: middle; } .model .box ul li .info { margin-left: 20px; color: #555; } .model .box input[type='text'] { padding: 14px 20px; width: 100%; box-sizing: border-box; background: #eee; border-radius: 3px; margin: 10px 0; font-size: 16px; } .model .box .item { margin: 10px 0; } .model .box .item .label { margin-right: 20px; } .model .box .item label { margin-right: 20px; } .model .box input.QRcode { width: calc(100% - 130px); float: left; } .model .box .code { margin: 10px 0 0 20px; } .model .buttoms { overflow: hidden; margin-top: 20px; } .buttoms button { height: 48px; line-height: 48px; margin: 0 0 5px; text-align: center; font-size: 14px; background: url(/images/ljbg_big.png) no-repeat center center; background-size: 100% 100%; position: relative; color: #fff; padding: 0px 14px; border-radius: 3px; cursor: pointer; box-sizing: border-box; } .model .buttoms .but_item { float: left; width: 48%; margin-bottom: 0 !important; } .model .buttoms .but_item+.but_item { margin: 0 1%; } .buttoms button.ds { background: none; border: 1px solid #1d70b9; color: #1d70b9; } .model.on { display: block; } .buttoms.mt { text-align: center; margin: 60px 0; } .buttoms .vote { font-size: 30px; padding: 10px 0; line-height: 1.5em; height: auto; margin: auto; width: 350px; } .top_title { border-bottom: 2px solid #1d70b9; padding: 10px; margin-bottom: 20px; display: inline-block; } .list_scroll { max-height: 165px; overflow: auto; } @media screen and (max-width: 999px) { .w_tp_title { font-size: 20px; } .tp_lw .botany{ display: block; margin-left: 0; } .tp_lw{ margin: 10px 0; } .buttoms .vote{ font-size: 18px; width: 240px; padding: 10px 0; } .tp_title{ font-size: 24px; } .model .box ul li .info{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; box-sizing: border-box; margin: 0; margin-top: 10px; } .model .box{ padding: 32px; } }