@charset "utf-8";
/* CSS Document */

.cmp-top{ position:relative; padding:0; background:#fff;}
.cmp-cover{}
.cmp-cover img{ width:100%; height:auto;}
.cmp-title{ margin-bottom:.1rem; padding:0 .625rem; font-size:.625rem; font-weight:normal;}
.cmp-sub-info{ padding:0 .625rem; font-size:.5rem; line-height:.8rem; color:#999;}
.cmp-sub-info span{ display:inline-block; padding:0 .4rem 0 0;}
.cmp-sub-info .ic{ margin-right:.2rem; display:inline-block; width:.625rem; height:.625rem; vertical-align:middle; position:relative; top:-2px;}
.cmp-sub-info .ic.location{ background:url(../images/ico-com-position-purple.png) 0 0 no-repeat; background-size:contain;}
.cmp-sub-info .ic.time{ background:url(../images/ico-com-time-orange.png) 0 0 no-repeat; background-size:contain;}
.cmp-count-down{ padding:0 .625rem; font-size:.5rem; line-height:1rem; color:#999;}
.cmp-count-down label{ display:inline-block; margin-right:.4rem; padding:0 .4rem; height:1rem; line-height:1rem; color:#fff; background:#2ad2c9; border-radius:.5rem;}
.cmp-host-list{ padding:0 .625rem; font-size:.5rem;}
.cmp-host-list li{ line-height:.8rem;}
.cmp-host-list .dot{ margin-right:.2rem; display:inline-block; width:.2rem; height:.2rem; background:#2ad2c9; border-radius:.1rem; vertical-align:middle; position:relative; top:-1px;}
.cmp-host-list li:first-child .dot{ background:#a866c3;}
.cmp-host-list li:nth-child(2) .dot{ background:#ff7049;}
.cmp-brief-intro{ padding:0 .625rem;}
.cmp-brief-intro .intro{ margin-top:.1rem; font-size:.5rem; color:#999;}
.cmp-btn-box{ padding:.4rem .625rem; text-align:center; border-top:1px solid #ddd;}
.cmp-btn-box a{ display:inline-block; padding:0 .8rem; height:1.25rem; font-size:.54rem; line-height:1.25rem; color:#fff; text-align:center; background:#2ad2c9; border-radius:.625rem;}
.cmp-btn-box .ic{ display:inline-block; margin-right:.4rem; width:.8rem; height:.8rem; vertical-align:middle; position:relative; top:-1px;}
.cmp-btn-box .ic.consult{ background:url(../images/ico-consult-white.png) 0 0 no-repeat; background-size:contain;}
.group-portrait{ background:#fff;}
.group-portrait li{ padding:.4rem; border-bottom:1px solid #ddd; position:relative;}
.group-portrait .portrait{ height:1.25rem; padding:0 .625rem; 0 .625rem; overflow:hidden;}
.group-portrait .portrait .por{ display:inline-block; margin-right:.4rem; width:1.25rem; height:1.25rem; border-radius:.625rem; overflow:hidden;}
.group-portrait .portrait .por img{ width:100%; height:auto;}
.group-portrait .cur-lbl{ margin-top:.2rem;}
.group-portrait .arr{ display:inline-block; width:.4rem; height:.4rem; background:url(../images/ico-gray-arrow.png) 0 0 no-repeat; background-size:contain; position:absolute; right:.4rem; top:50%; margin-top:-.2rem;}
.cmp-detail-box{}
.cmp-detail-box img{ width:100%; height:auto;}
.vote_act_bottom{ background-image:url(../images/vote_bottom_bg.jpg); background-repeat:repeat; background-size:contain;}
.vote_act_bottom .vote_act_btm_con{ padding:0 0 .625rem 0;}
.vote_act_bottom .vote_act_btm_con .emp{ color:#2ad2c9;}
.vote_act_bottom .vote_act_btm_con .rules-list{ padding:0 .4rem; font-size:.5rem; color:#333;}
.vote_act_bottom .vote_act_btm_con .rules-list dt{ margin:0 0 .2rem 0; font-size:.625rem;}
.vote_act_bottom .vote_act_btm_con .rules-list dd{ padding:0 0 .1rem 0;}
.vote_act_bottom .vote_act_btm_con .qrcode-wrap{ padding:1.25rem 0 .4rem 0;}
.vote_act_bottom .vote_act_btm_con .qrcode-wrap .qrcode-pic{ margin:0 auto; width:4.16rem; height:4.16rem; overflow:hidden;}
.vote_act_bottom .vote_act_btm_con .qrcode-wrap .qrcode-pic img{ width:100%; height:auto;}
.vote_act_bottom .vote_act_btm_con .qrcode-wrap .tips{ padding:.2rem 0 0 0; color:#2ad2c9; text-align:center;}
.cmp-submit-btn{ display:block; width:2.4rem; height:2.4rem; background:url(../images/btn-cmp-submit.png) 0 0 no-repeat; background-size:contain; text-indent:-999rem; border-radius:1.2rem 1.2rem; box-shadow:0px 5px 10px rgba(0,0,0,.14); overflow:hidden; position:fixed; right:.4rem; bottom:1.2rem;}

.cmp-main-list{}
.cmp-main-list dd{ margin-bottom:.625rem; padding:.4rem .625rem; background:#fff;}
.cmp-main-list .cmp-title{ margin-bottom:.2rem; padding:0;}
.cmp-main-list .cmp-sub-info{ padding:0;}
.cpm-type{ display:block; width:1.66rem; height:1.08rem; font-size:.5rem; line-height:1rem; color:#fff; text-align:center; background:url(../images/ico-cmp-type.png) 0 0 no-repeat; background-size:1.66rem 1.08rem; position:absolute; right:0; top:.2rem;}

.cmp-function-bar{ position:fixed; bottom:0; left:0; right:0; height:2rem; border-top:1px solid #ddd; background:#fff;}
.cmp-function-bar a{ height:2rem; font-size:.54rem; line-height:2rem; text-align:center; border-right:1px solid #ddd; color:#777;}
.cmp-function-bar a:last-child{ border-right:0;}
.cmp-function-bar i{ display:inline-block; margin-right:.4rem; width:.66rem; height:.66rem; vertical-align:middle; position:relative; top:-2px;}
.cmp-function-bar i.sonsult{ background:url(../images/ico-com-consult.png) 0 0 no-repeat; background-size:.66rem .66rem;}
.cmp-function-bar i.creat{ background:url(../images/ico-com-creat.png) 0 0 no-repeat; background-size:.66rem .66rem;}

.submit-text{ padding:0 .625rem; font-size:.5rem; color:#999;}
.cmp-submit-form{ padding:0 .625rem; background:#fff;}
.cmp-submit-form li{ height:2rem; line-height:2rem; border-bottom:1px solid #ddd;}
.cmp-submit-form li:last-child{ border-bottom:0px;}
.cmp-submit-form label{ margin-right:1rem; width:2.9rem; line-height:2rem; font-size:.54rem;}
.cmp-submit-form .ipt-wrap{}
.cmp-submit-form .ipt-wrap input{ width:calc(100% - .1rem); font-size:.54rem; height:2rem; line-height:2rem; color:#2ad2c9;}
.cmp-submit-form .ipt-wrap select{ width:100%; font-size:.54rem; line-height:2rem; color:#2ad2c9; border:0;}

.cmp-fees-box{ padding:0 .625rem; font-size:.54rem;}
.cmp-fees-box .fee-item{ margin-bottom:.4rem; padding:0 .4rem; height:1.66rem; line-height:1.66rem; background:#fff; border-radius:.2rem;}
.cmp-fees-box .fee-item .fees{ display:inline-block; width:3.33rem; color:#2ad2c9;}
.cmp-fees-box .fee-item .checkbox{ position:absolute; right:.4rem; top:.5rem;}

.cmp-sub-btn-wrap{ padding:0 .625rem;}
.cmp-sub-btn-wrap .sub-btn{ display:block; height:1.6rem; font-size:.58rem; line-height:1.6rem; text-align:center; color:#fff; background:#2ad2c9; border-radius:.2rem;}

.cmp-sub-option{ padding:0 .625rem;}
.cmp-sub-option a{ color:#2ad2c9;}
.cmp-sub-option p{ padding-bottom:.2rem;}
.cmp-sub-option .checkbox{ margin-right:.4rem; vertical-align:middle; position:relative;}

.upload-cmp-cover{ margin:0 auto; width:15rem; height:8.75rem; background-color:#caebff; overflow:hidden;}
.upload-cmp-cover .size-tips{ position:absolute; top:0; left:0; width:15rem; height:8.75rem; background:url(../images/upload-cmp-cover-bg.png) 0 0 no-repeat; background-size:15rem 8.75rem; z-index:999;}