*{
box-sizing: border-box;
outline:none;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-sizing: border-box;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
.clearfix:after{
        content: "";
        clear: both;
        display: block;
}
body{
margin:0;
padding:0;
font-size:14px;
text-align:center;
line-height:1.5;
color:#444;
font-family:verdana,'MS UI Gothic',sans-serif;
}
a{
text-decoration:none;
}
.small{
font-size:12px;
font-weight:normal;
}
.cont{
text-align:left;
display:inline-block;
width:900px;
position:relative;
}
#header{
width:100%;
height:365px;
position:relative;
color:#fff;
}
#header .head{
background-color:rgba(0,0,0,.1);
height:40px;
width:100%;
}
#header .logo{
position:absolute;
top:0;
right:0;
width:100px;
height:60px;
background-image:url(../img/logo.png);
background-position:bottom left;
background-size:100%;
background-repeat:no-repeat;
}
#own:hover{
opacity:1;
}
#own{
opacity:.7;
text-indent:45px;
text-align:left;
font-weight:bold;
background-color:#fff;
cursor:pointer;
top:45px;
right:0;
width:170px;
height:40px;
position:absolute;
background-position:left center;
background-size:40px 40px;
background-repeat:no-repeat;
border-radius:5px;
}
#own .t,#own .e{
display:block;
line-height:24px;
color:#666;
}
#own .t{
font-size:14px;
}
#own .f{
color:#666;
position:absolute;
width: 0;
height: 0;
border: 7px solid transparent;
border-left: 7px solid;
margin-top:-10px;
right:0;
}
#own .e{
font-size:10px;
line-height:7px;
color:#666;
}
#header .puzzle{
position:absolute;
left:50%;
margin-left:-60px;
top:150px;
width:120px;
height:120px;
background-image:url(../img/puzzle.png);
background-position:center  center;
background-size:100%;
background-repeat:no-repeat;
}
.concept{
font-size:10px;
margin-top:120px;
}
.concept a{
color:#fff;
display:inline-block;
}
.concept .pm{
width:100px;
height:40px;
background-image:url(../pcp/img/pm.png);
background-position:center  center;
background-size:100%;
background-repeat:no-repeat;
}
#header .puzzle-bt{
position:absolute;
bottom:0;
width:100%;
height:15px;
background-image:url(../img/bg_bt.png);
background-position:center  center;
background-size:35px 15px;
}
#header .head{
font-size:12px;
line-height:40px;
}
#header .inf{
margin-top:20px;
text-align:right;
font-size:12px;
}
.jsbt{
position:absolute;
bottom:50px;
right:50px;
}
.jsbt .click{
position:absolute;
right:28px;
margin-top:-15px;
width:32px;
height:17px;
background-image:url(../img/click.png);
background-position:center  center;
background-size:100%;
background-repeat:no-repeat;
}
.jscolor{
margin-left:10px;
border:none;
width:80px;
height:30px;
font-size:16px;
text-align:center;
border-radius:5px;
font-weight:bold;
cursor:pointer;
}
.inf a{
}
#footer{
font-size:12px;
margin-top:40px;
padding-top:5px;
}
#footer a{
color:#ccc;
}
#footer .foot{
font-weight:bold;
color:#ccc;
width:100%;
height:120px;
background-color:rgba(0,0,0,.5);
}
.footermenu{
display:block;
margin-bottom:20px;
line-height:1.5em;
font-weight:normal;
padding-top:10px;
}
#main{
margin-top:15px;
}
#main h1{
font-size:1.1em;
height:40px;
line-height:40px;
width:100%;
border:1px solid #ccc;
border-radius:5px;
overflow:hidden;
margin-bottom:15px;
display:block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin:25px 0;
}
.th1{
border:0px solid #fff !important;
}
.tlogo span{
display:block;
width:40px;
height:40px;
background-image:url(../img/logo-bar.png);
background-position:center  center;
background-size:100%;
background-repeat:no-repeat;
}
.th1 .tlogo span{
background-image:url(../img/logo-bar2.png);
}
.tlogo{
border-radius:5px;
margin-right:10px;
float:left;
display:inline-block;
}
.cov{
float:left;
width:49%;
margin-left:2%;
}
.cov:nth-child(odd){
margin-left:0;
}
.date{
text-align:right;
font-size:10px;
color:#999;
padding-top:2px;
border-top:1px solid #ddd;
margin-top:10px;
}
.list{
list-style-type: none;
padding:0;
}
.list .body{
margin:5px 0 5px 0;
font-size:14px;
line-height:1.2em;
}
.desc{
font-size:10px;
color:#666;
height:30px;
overflow:hidden;
}
form input,form select,form textarea{
width:100%;
border:1px solid #ccc;
border-radius:5px;
margin-bottom:5px;
font-size:12px;
height:35px;
line-height:35px;
padding:0 10px;
}
form textarea{
height:165px;
}
form [name=send]{
background-color:#eee;
cursor:pointer;
}
form [name=send]:hover{
background-color:#777873;
color:#fff;
}
form [name=name]{
float:right;
width:59%;
}
form [name=selec]{
width:39%;
float:left;
padding:0 20px 0 10px;
background-color:#fff;
cursor:pointer;
background-image:url(../img/icon_down-gray.png);
background-position:right center;
background-repeat:no-repeat;
background-size:15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align:middle;
}
#err{
color:#f00;
font-sie:12px;
position:absolute;
display:block;
}
#send-check{
text-align:center;
display:none;
padding-top:50px;
}
#send-form{
margin:0;
}
#send,#cancel{
border:none;
opacity:.7;
padding:10px 20px;
border-radius:5px;
cursor:pointer;
}
#cancel{
border:1px solid #ccc;
margin-left:10px;
}
#send-check .m{
font-size:18px;
font-weight:bold;
}
#send-check .small{
display:block;
margin-bottom:15px;
margin-top:5px;
}
#send:hover,#cancel:hover{
opacity:1;
}
.mimage{
position:relative;
width:30%;
display:inline-block;
text-align:left;
line-height:18px;
font-size:14px;
color:#666;
text-align:justify;
margin-bottom:20px;
}
.mimage>div{
overflow:hidden;
border-radius:5px;
margin-bottom:10px;
}
.mimage:first-child{
float:left;
}
.mimage .def{
width:100%;
}
.cont .r{
float:right;
}
.cont .l{
margin-top:30px;
text-align:center;
}
#mimage{
position:relative;
}
.own-img{
box-shadow: 0px 2px 15px rgba(0,0,0,0.2);
left:50%;
margin-left:-12.5%;
margin-top:9.5%;
width:25%;
border-radius:5px;
position:absolute;
background-color:#fff;
}
.lock,.info{
display:block;
width:49%;
height:50px;
border:1px solid #eee;
border-radius:5px;
margin:25px 0 25px 0;
color:#333;
font-weight:bold;
line-height:50px;
text-indent:45px;
background-position:10px center;
background-size:25px 25px;
background-repeat:no-repeat;
}
.lock{
float:left;
background-image:url(../img/lock.png);
}
.info{
float:right;
background-image:url(../img/info.png);
}
.browser{
background-size:contain;
background-repeat:no-repeat;
background-position:center center;
width:100%;
height:60px;
margin-bottom:25px;
background-image:url(../img/browser.png);
}
.brs{
font-size:10px;
color:#777;
}
.brs span{
display:block;
text-align:right;
font-size:10px;
}
/* other pages */
#agree #header,#privacy #header,#help #header{
height:130px;
}
#agree #header .puzzle,#privacy #header .puzzle,#help #header .puzzle{
border-radius:5px;
top:-105px;
width:77px;
height:77px;
left:0;
margin:0;
}
.inf .title{
font-size:20px;
font-weight:bold;
}
#header .head .otherp{
text-indent:100px;
}
@media screen and (max-width: 900px){
	.cont{
		width:100%;
	}
	.layout{
		margin-left:10px;
		margin-right:10px;
	}
	.jsbt{display:none;}
	#agree #header .puzzle,#privacy #header .puzzle,#help #header .puzzle{
		left:10px;
	}
}
@media screen and (max-width: 600px){
	#header .logo{
		width:60px;
		height:40px;
	}
	#header .puzzle{
		margin-left:-40px;
		top:150px;
		width:70px;
		height:70px;
	}
	#header{height:300px;}
	.cov{width:100%;margin-left:0;}
	.mimage{width:75%;float:none !important;}
}
iframe{
border:none;
border-radius:5px;
}
        .qrcode{
                margin-top:35px;
                margin-bottom:35px;
        }
	.qrcode h2{
		font-size:16px;
		padding-bottom:5px;
		border-bottom:2px solid #eee;
	}
        .qrcode img{
                width:65px;
                height:65px;
                float:left;
                margin-right:5px;
        }
        .qrcode span{
		display:block;
                line-height:14px;
                text-align:justify;
                font-size:10px;
                padding-top:5px;
        }
        .qrcode .url{
                width:100%;
                height:35px;
                font-size:10px;
                font-weight:bold;
                text-align:center;
                border:1px solid #eee;
                border-radius:5px;
		line-height:35px;
        }