* {margin:0; padding:0}
ul {list-style: none; padding:0; margin:0;}
body {color:#444; background:#fff url(../images/bg01.gif); font-family:Arial, Helvetica, sans-serif; font-size:14px;}
input[type=text] {font-size:0.35rem;}
a:link, a:visited {color:#444; text-decoration:underline;}
a:hover, a:active {color:#000; text-decoration: none;}

/* header */
.t_banner {width:100%; background:url(../../static/images/touhou/title.jpg); background-size:cover}

.t_prefer ul li {}
.t_prefer_title {width:90%; margin:0 auto;}
.t_prefer_title img {width:100%;}
.t_prefer_text {text-align: center;}

/* public */
.container {margin:0 auto; min-height:10px; position:relative; background:#fff; box-shadow:#aaa 0 0 10px}

.clearfix:after, .clear:before{display:table; content:'';}
.clearfix:after{clear:both; overflow:hidden;}
.clearfix{zoom:1;}

.title01 {line-height:50px; font-size:20px; margin:0 10px; background:url(../../static/images/dotline02.gif) repeat-x; font-family: simhei;}

.text01 {}
.text01 p {line-height:20px; padding:0 10px 10px 10px;}
.text02 {font-size:16px; font-family:simhei; padding-bottom:5px; font-weight: normal;}
.text03 p {line-height:20px; padding:0 0 10px 0;}

.review {width:calc(100% - 12px); -webkit-width:calc(100% - 12px); margin:0 auto;}
.review img {width:100%; border:#ccc 1px dashed; border-radius:10px;}

.infodesign li {padding-bottom:10px;}
.infodesign h3 {margin-left:2.5%;}
.infodesign img {width:95%; margin:0 2.5%; border-radius: 10px;}

.infoimg {width:calc(100% - 12px); -webkit-width:calc(100% - 12px); margin:0 auto;}
.infoimg ul li {margin-bottom:10px;}
.infoimg ul li img {width:calc(100% - 2px); -webkit-width:calc(100% - 2px); border:#ccc 1px dashed; border-radius:10px; display:block;}

.buynow {position:fixed; left:0; bottom:10px;}
.buynow ul li {text-align: center; color:#fff;}
.buynow ul li:first-child {width:36%; float:left; display:inline;}
.buynow ul li:first-child a {width:calc(100% - 10px); -webkit-width:calc(100% - 10px); margin-left:10px; line-height:40px; background:#bbc7e8; border:#8f2e4c 1px dashed; border-radius:10px; display:block; text-decoration:none; color:#8f2e4c;}
.buynow ul li:nth-child(2) {width:36%; float:left; display:inline;}
.buynow ul li:nth-child(2) a {width:calc(100% - 10px); -webkit-width:calc(100% - 10px); margin-left:10px; line-height:40px; background:#efbba9; border:#8f2e4c 1px dashed; border-radius:10px; display:block; text-decoration:none; color:#8f2e4c;}
.buynow ul li:nth-child(3) {width:28%; float:left; display:inline;}
.buynow ul li:nth-child(3) a {width:calc(100% - 20px); -webkit-width:calc(100% - 10px); margin:0 10px; line-height:40px; background:#f0e1b6; border:#8f2e4c 1px dashed; border-radius:10px; display:block; text-decoration:none; color:#8f2e4c;}

.price { margin:0 10px;}
.price > ul > li {padding:11px 0 10px 0; background:url(../images/dotline01.gif) top repeat-x;}
.price > ul > li:last-child {padding-bottom:0;}
.priceimg {width:35%; float:left; display:inline;}
.priceimg img { border-radius:10px;}
.priceinfo{width:65%; float:left; display:inline;}

.proimglist ul li {width:calc(20% - 5px); -webkit-width:calc(20% - 5px); float:left; display:inline; margin-right:5px;}
.proimglist ul li img {width:calc(100% - 2px); -webkit-width:calc(100% - 2px); border:#e0e0e0 1px solid; border-radius:5px;}

.probuy ul li {width:calc(50% - 5px); -webkit-width:clac(50% - 5px); float:left; display:inline;}
.probuy ul li a {display:block; text-align:center; line-height:40px; color:#fff; text-decoration:none; color:#fff; border-radius:5px;}
.probuy ul li:nth-child(1) {margin-right:5px;}
.probuy ul li:nth-child(1) a {background:#36c;}
.probuy ul li:nth-child(2) {margin-left:5px;}
.probuy ul li:nth-child(2) a {background:#f60;}

.protitle img {border-radius:10px;}


.faq ul li {padding:0 10px;}
.question {font-size:14px; padding-bottom:5px;}
.answer {padding-bottom:5px; padding:0 0 10px 0; line-height:20px;}

.copyright ul {width:calc(100% - 20px); -webkit-width:calc(100% - 20px); margin:0 auto;}
.copyright ul li {padding-top:15px;}

#pop {width:90%; min-height:1px; position:fixed; left:50%; top:50%; margin-left:-45%; background:#fff; z-index:100; display:block; border-radius:10px; display:none;}
#popcomtent {}

#mask {width:100%; height:100%; position:fixed; z-index:99; background:rgba(0,0,0,0.7); left:0; top:0; display:none;}

/* layout */
ul.layout2Cube li {width:50%; float:left; display:inline;}
ul.layout3Cube li {width:33.3%; float:left; display:inline;}
ul.layout3Cube li:last-child {width:33.4%; float:left; display:inline;}
ul.layout4Cube li {width:25%; float:left; display:inline;}
ul.layout5Cube li {width:20%; float:left; display:inline;}

/* 高度 */
.heightAuto {height:auto;}
.height005 {height:5px;}
.height010 {height:10px;}
.height015 {height:15px;}
.height020 {height:20px;}
.height025 {height:25px;}
.height030 {height:30px;}
.height035 {height:35px;}
.height040 {height:40px;}
.height045 {height:45px;}
.height050 {height:50px;}
.height060 {height:60px;}
.height070 {height:70px;}
.height080 {height:80px;}
.height100 {height:100px;}

/* 宽度 */
.width100 {width:100%;}
.width90 {width:90%;}
.width80 {width:80%;}
.width75 {width:75%;}
.width70 {width:70%;}
.width60 {width:60%;}
.width50 {width:50%;}
.width40 {width:40%;}
.width30 {width:30%;}
.width20 {width:20%;}
.width15 {width:15%;}

/* 行内位置 */
.pLeft {text-align:left;}
.pCenter {text-align:center;}
.pRight {text-align:right;}