/**弹出层样式**/
.fixed{ position:fixed; left:0; top:0; z-index:999; -webkit-overflow-scrolling:touch; overflow-y:auto;}
/***syou-alert***/
#api-alert,#api-confirm{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:99; background:rgba(0,0,0,.3); color:#000;}
#api-alert section,#api-confirm section{ width:180px; min-height:120px; background-color:#FFF; position:absolute; left:50%; top:50%;  overflow:hidden; transform:scale(1) translate(-50%,-50%); -webkit-transform:scale(1) translate(-50%,-50%); -moz-transform:scale(1) translate(-50%,-50%);}
#api-alert section h5,#api-confirm section h5{ border-bottom:1px solid #ddd; background-color:#eee; line-height:20px; padding:8px; font-size:14px; overflow:hidden; font-style:normal; font-weight:normal;}
#api-alert section p,#api-confirm section p{ text-align:center; padding:20px 8px; line-height:180%; word-break:break-all;}
#api-alert>section>div,#api-confirm>section>div{ padding:0 2px 2px 2px;}
#api-alert section>div>button{ width:100%; line-height:32px; outline:none;}
#api-confirm>section>div>button{width:48%; line-height:32px; outline:none;}
#api-confirm>section>div>button:nth-child(2){ margin-left:4%;}
/***动画库***/
.api-open{
	-webkit-animation:syou_open 0.3s ease-in-out 1 forwards;
	-moz-animation:syou_open 0.3s ease-in-out 1 forwards;
	animation:syou_open 0.3s ease-in-out 1 forwards;
	transform-origin:left top; -webkit-transform-origin:left top; -moz-transform-origin:left top;
}
.api-close{
	-webkit-animation:syou_close 0.2s ease-in-out 1 forwards;
	-moz-animation:syou_close 0.2s ease-in-out 1 forwards;
	animation:syou_close 0.2s ease-in-out 1 forwards;
	transform-origin:left top; -webkit-transform-origin:left top; -moz-transform-origin:left top; 
}
@-webkit-keyframes syou_open{
	0%{ -webkit-transform: scale(0) translate(-50%,-50%);}
	100% { -webkit-transform: scale(1) translate(-50%,-50%); }
}
@-moz-keyframes syou_open{
	0%{ -moz-transform: scale(0) translate(-50%,-50%); }
	100% { -moz-transform: scale(1)  translate(-50%,-50%); }
}
@keyframes syou_open{
	0%{ transform: scale(0) translate(-50%,-50%); }
	100% { transform: scale(1) translate(-50%,-50%); }
}
@-webkit-keyframes syou_close{
	0%{ -webkit-transform: scale(1) translate(-50%,-50%); }
	100% { -webkit-transform: scale(0) translate(-50%,-50%); }
}
@-moz-keyframes syou_close{
	0%{ -moz-transform: scale(1) translate(-50%,-50%); }
	100% { -moz-transform: scale(0) translate(-50%,-50%); }
}
@keyframes syou_close{
	0%{ transform: scale(1) translate(-50%,-50%); }
	100% { transform: scale(0) translate(-50%,-50%); }
}
/**LOADING start**/
.f-hide{ display:none !important;}
#side-mask{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999; background:rgba(0,0,0,.1);}
#side-mask section{ font-size: 16px; width:auto; min-width:280px; padding:15px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); text-align:center; background-color:rgba(0,0,0,.7); -webkit-border-radius:.2rem; border-radius:.2rem; color:#FFF;}
#side-mask section i{ display:inline-block; vertical-align:middle; width:6px; height:40px; margin:0 4px; background:#FFF;
	transform: scaleY(0.4); -webkit-transform: scaleY(0.4); -moz-transform: scaleY(0.4);
	-webkit-animation:loadingkey 1.0s infinite ease-in-out;
	-moz-animation:loadingkey 1.0s infinite ease-in-out;
	animation:loadingkey 1.0s infinite ease-in-out;
}
#side-mask section i:nth-of-type(2){ animation-delay: .1s; -webkit-animation-delay: .1s; -moz-animation-delay: .1s;}
#side-mask section i:nth-of-type(3){ animation-delay: .2s; -webkit-animation-delay: .2s; -moz-animation-delay: .2s;}
#side-mask section i:nth-of-type(4){ animation-delay: .3s; -webkit-animation-delay: .3s; -moz-animation-delay: .3s;}
@-webkit-keyframes loadingkey{
	0%, 40%, 100% { transform:scaleY(0.4); } 
	20% { transform:scaleY(1.0) }
}
@-moz-keyframes loadingkey{
	0%, 40%, 100% { transform:scaleY(0.4) } 
	20% { transform:scaleY(1.0) }
}
@keyframes loadingkey{
	0%, 40%, 100% { transform:scaleY(0.4) } 
	20% { transform:scaleY(1.0) }
	
}
/***syou-alert***/


/* 内容 */
        .details
        {
            margin-bottom:15px;
        }

        .comp-box
        {
            text-align: center;
        }

        .comp-box-logo
        {
            overflow: hidden;
            box-sizing: border-box;
            width: 2.24rem;
            height: 2.24rem;
            display: inline-block;
            border-radius: 50%;
            border: 2px solid rgb(95, 156, 239);
            box-shadow: rgb(204, 204, 204) 1px 1px 2px;
            background: #fff;
            line-height: 1.24rem;
        }
            .comp-box-logo .logimgs { border-radius:50%;}

            .comp-box-logo img
            {
                
                height: auto;
                vertical-align: middle;
            }

        .comp-box-content
        {
            display: block;
            border: 1px solid rgb(95, 156, 239);
            border-radius: 0.1rem;
            padding: 0.65rem 0.15rem 0.1rem;
            margin-top: -0.62rem;
        }

            .comp-box-content li
            {
                font-size: 0;
            }

                .comp-box-content li h4.title
                {
                    color: rgb(95, 156, 239);
                    font-size: 0.24rem;
                    font-weight: normal;
                }

                .comp-box-content li p
                {
                    font-size: 0.34rem;
                    padding: 0.05rem 0;
                }

                .comp-box-content li .xian
                {
                    height: 1px;
                    background-color: rgb(95, 156, 239);
                    margin: 0.1rem 0px;
                }

                .comp-box-content li p.orange
                {
                    color:#b41d24;
                }

                .comp-box-content li img.code
                {
                    width: 3.4rem;
                    margin: auto;
                    padding: 0.1rem 0px 0px;
                }

        .comp-comment
        {
            width: 100%;
            margin-top: 0.1rem;
        }

            .comp-comment .fl, .comp-comment .fr
            {
                font-size: 0.36rem;
            }

                .comp-comment .fl p
                {
                    color: #8c8c8c;
                    float: left;
                }

                    .comp-comment .fl p span
                    {
                    }

                    .comp-comment .fl p i
                    {
                        margin: 0 0.05rem 0 0.1rem;
                        display: inline-block;
                        width: 0.26rem;
                        height: 0.26rem;
                    }

                        .comp-comment .fl p i.icon-alt
                        {
                            background: url('../images/icon-alt.png') no-repeat;
                            background-size: 0.26rem 0.26rem;
                        }

                        .comp-comment .fl p i.icon-up-alt
                        {
                            background: url('../images/icon-up-alt.png') no-repeat;
                            background-size: 0.26rem 0.26rem;
                        }

                .comp-comment .fr p
                {
                    color: #8c8c8c;
                }


                .report-from {
    overflow: hidden;
    margin: 0 auto;
    height: auto;
}

.report-from .top {
    margin-bottom: .4rem;
    width: 100%;
    height: auto;
    border-bottom: 2px solid #d6d6d6;
}

.report-from .top .title {
    padding: .2rem .333333rem;
    height: 1.266667rem;
    border-bottom: 1px solid #e5e5e5;
}

.report-from .top .title p {
    float: left;
    margin: .16rem;
    width: auto;
    height: .533333rem;
    color: #787878;
    line-height: .533333rem;
}
[data-dpr="1"] .report-from .top .title p {
    font-size: 15px;
}
[data-dpr="2"] .report-from .top .title p {
    font-size: 30px;
}
[data-dpr="3"] .report-from .top .title p {
    font-size: 45px;
}

.report-from .top .title div {
    float: right;
    overflow: hidden;
    width: auto;
    height: .853333rem;
}

.report-from .top .title div input {
    float: left;
    padding: 0 .133333rem;
    width: 3.2rem;
    height: .853333rem;
    border: 1px solid #ccc;
    border-radius: .106667rem;
    line-height: .853333rem;
}
[data-dpr="1"] .report-from .top .title div input {
    font-size: 14px;
}
[data-dpr="2"] .report-from .top .title div input {
    font-size: 28px;
}
[data-dpr="3"] .report-from .top .title div input {
    font-size: 42px;
}

.report-from .top .title div input::-webkit-inner-spin-button {
    display: none;
    visibility: hidden;
}

.report-from .top .title div input::-webkit-calendar-picker-indicator {
    border: 0;
    background-color: #eee;
    background-image: -webkit-linear-gradient(top,#fff,#fff);
    color: #666;
}

.report-from  .title div i {
    float: right;
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../images/ICO005.png) -80px 0 no-repeat;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: center 30%;
    transform-origin: center 30%;
}

.report-from .top .svg {
    overflow: hidden;
    padding: .266667rem .333333rem;
    width: 100%;
    height: 4.72rem;
    border-bottom: 1px solid #e5e5e5;
}

.report-from  .svg .container {
    margin: .4rem auto;
    width: 8rem;
    height: 4rem;
    border: 1px solid #000;
}

.report-from .svg polyline {
    fill: none;
    stroke: #000;
    stroke-width: .013333rem;
    stroke-dasharray: 0;
}

.report-from .text {
    padding: .333333rem;
    width: 100%;
    height: 1.2rem;
    color: #3c3c3c;
    text-align: center;
    font-weight: 700;
    line-height: .533333rem;
}
[data-dpr="1"] .report-from .top .text {
    font-size: 12px;
}
[data-dpr="2"] .report-from .top .text {
    font-size: 24px;
}
[data-dpr="3"] .report-from .top .text {
    font-size: 36px;
}

.report-from .top .text span {
    display: inline-block;
}
[data-dpr="1"] .report-from .top .text span {
    font-size: 17.5px;
}
[data-dpr="2"] .report-from .top .text span {
    font-size: 35px;
}
[data-dpr="3"] .report-from .top .text span {
    font-size: 52.5px;
}

  .lanmu2{ width:100%; border-top:1px solid #EEEEEE; background:#fff; font-size:1em; }
.lanmu_li2{ width:32%; display:inline-block; text-align:center;padding: 10px 0; }
.jt{
    display: inline-block;
    background: url(../images/jt_s.png) center center no-repeat;
    background-size: 50%;
    width: 15px;
    height: 12px;
    margin-left: 2px;
}
.lanmu_li2 a
{
	 color:#333; display:block;border-right:1px solid #ddd;
}
.lanmu_li2:hover{ border-bottom:1px solid #c8161e;}
.lanmu_li2.cur{ border-bottom:1px solid #c8161e;}
.lanmu_li2 a span
{
 padding-bottom:5px;
}
.lanmu_li2 a p
{
 padding-top:5px;
}
.lanmu_li2 a:hover .jt{ background:url(../images/jt_s_a.png) center center no-repeat; background-size: 50%;}
.lanmu2  .b{border-bottom:1px solid #c8161e;}
.lanmu2  .b a{color: #c8161e;}